文章目錄
- 目的效果
- 創建動畫
- UI準備
- 制作動畫
- 播放動畫
- 目的效果
- 創建動畫
- UI準備
- 制作動畫
- 播放動畫
- 注冊播放事件
目的效果
我們要創建一個提示動畫,文字先漸顯,然后向上移動,同時漸隱
創建動畫
UI準備
創建一個UI控件,然后創建一個Text,命名為TextTip
制作動畫
選中文本框,左下角打開動畫編輯器
點擊動畫,添加一段動畫,然后點擊動畫,選擇創建軌道,彈出來的框里選擇TextTip,這樣就可以為TextTip創建一個軌道
選擇TextTip軌道,點擊+軌道,分別創建變換和顏色兩個軌道
雖然直接在屬性面板直接點擊創建關鍵幀也能創建關鍵幀,但是我沒有辦法修改位置,修改后無法讓位置生效,所以直接在這里用變換軌道
展開顏色軌道,把時間軸拖到期望的位置,然后直接修改A的值,會自動創建關鍵幀
雖然點圓圈里的+號也能創建關鍵幀,但是有時候會不好使,不如直接改屬性
對變換也同樣操作,在合適的位置修改Y的值
播放動畫
動畫會自動生成一個變量,名字和創建時相同
文章目錄
- 目的效果
- 創建動畫
- UI準備
- 制作動畫
- 播放動畫
- 目的效果
- 創建動畫
- UI準備
- 制作動畫
- 播放動畫
- 注冊播放事件
目的效果
我們要創建一個提示動畫,文字先漸顯,然后向上移動,同時漸隱
創建動畫
UI準備
創建一個UI控件,然后創建一個Text,命名為TextTip
制作動畫
選中文本框,左下角打開動畫編輯器
點擊動畫,添加一段動畫,然后點擊動畫,選擇創建軌道,彈出來的框里選擇TextTip,這樣就可以為TextTip創建一個軌道
選擇TextTip軌道,點擊+軌道,分別創建變換和顏色兩個軌道
雖然直接在屬性面板直接點擊創建關鍵幀也能創建關鍵幀,但是我沒有辦法修改位置,修改后無法讓位置生效,所以直接在這里用變換軌道
展開顏色軌道,把時間軸拖到期望的位置,然后直接修改A的值,會自動創建關鍵幀
雖然點圓圈里的+號也能創建關鍵幀,但是有時候會不好使,不如直接改屬性
對變換也同樣操作,在合適的位置修改Y的值
播放動畫
動畫會自動生成一個變量,名字和創建時相同
使用播放動畫節點播放動畫,播放完后需要手動刪除
教程中說動畫自己帶事件,可以點擊動畫的變量,在下方事件列表里注冊,我沒有找到,解決方案往下看
注冊播放事件
我們可以手動注冊開始和結束播放事件
其他控件里聲明這個控件,并注冊他的動畫回調函數