動漫按鈕選擇,使其更易於理解
驗證環境
- 窗戶
-
- 窗戶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
。
檢查動漫是否越來越快。