動漫按鈕選擇,使其更易於理解

更新頁 :
頁面創建日期 :

驗證環境

窗戶
  • 窗戶11
Unity 編輯器
  • 2020.3.25f1

此提示的先決條件

作為解釋這些提示的先決條件,已預先進行了以下設置。

參考

起先

如果選擇了某個按鈕,則預設情況下該按鈕會稍微暗一些。

但是,這可能會造成混淆,因此您可以在檢查器中更改所選內容的顏色。

在這裡,我們希望在選擇按鈕作為附加元素時使按鈕看起來更大。 當按鈕變大時,它還會增加一個動作,例如在動漫中逐漸增加。

按鈕放置

正常放置按鈕。 考慮到按鈕會更大,所以請稍作停頓。

設置動漫

選中按鈕後, Button 將元件中的“過渡”更改為“動漫”。

然後會出現一個名為「自動生成動畫」 的按鈕,因此請按兩下它。

此時將顯示「保存動漫控制器」對話框。 位置是任意的,但這次它將保存在與場景相同的資料夾中 Scenes 。 檔案名態 ButtonSelected

在項目建立以下檔案: 動漫的類型與按鈕的行為有關。

顯示動漫視窗。

選擇您剛剛為其生成動畫的按鈕。

然後,將啟用動漫選項卡的內容,因此請從動漫類型 Selected 中進行選擇。

按兩下「錄製」按鈕。 如果在此狀態下更改檢查器中的每個值,則該值將在動畫期間註冊為參數。

在這裡狀態下, Rect Transform 將「元件比例」設定為 1.25

順便說一句,選擇時元件的顏色也設置為淺藍色 Image 作為顏色。

完成後,按兩下錄製按鈕以停止它。 您可以看到 scale 和 Image.Color 已設置。

運行遊戲並嘗試讓它移動。 我認為當選擇按鈕時,您可以看到動漫中的比例和顏色發生了變化。

動漫設置將保存在之前創建的 ButtonSelected.controller ,所以 如果要將相同的動畫應用於其他按鈕,可以將此檔附加到按鈕並應用相同的動畫。

別忘了讓過渡動畫化。

更改動漫的時間

您建立的動漫的預設運行時間設置為 0.25 秒。 這是早的還是晚的,還是恰到好處的,可能取決於人。

如果您想更改此動漫的時間,可以按照以下步驟進行操作。

按兩下從項目創建的動漫控制器 (ButtonSelected.controller)。

選擇「動漫」選項卡,並顯示以下螢幕,因此 Any State 請選擇連接線和 Selected

如果展開檢查器的設定,則會有一個「過渡間隔」 ,因此這次將其設定為 0.1

檢查動漫是否越來越快。