虛幻學習筆記—給UI添加動畫

一、前言

? ? ? ? 本文所使用的虛幻版本為5.3.2,之前工作都是用unity,做這類效果用的最多的是一個DoTween的插件,在虛幻中都內置集成了這這種效果制作。

圖1.1 UI動畫
二、過程

1、首先,在諸如按鈕、圖像等可交互控件中選中,如圖2.1.1所示,如果沒有動畫視圖,需要在窗口中

圖2.1.1 按鈕動畫編輯

勾選出動畫,如圖2.1.2所示:

圖2.1.2 動畫視圖

2、然后在圖2.1.1中點“+動畫”,即可添加屬于該按鈕的“專屬”動畫,這里的專屬還未真正綁定到按鈕中,如圖2.2.1所示給動畫命名為“按鈕動畫”。

圖2.2.1 添加了新的按鈕動畫

3、此時有兩種方式添加具體的動畫效果,

1)直接點擊右邊的“+軌道”,如圖2.3.1所示,在列表中選擇該按鈕相關的

圖2.3.1

然后,在“按鈕”后面的“+”號出點擊,選擇相關的動畫類型,如圖2.3.2所示:

圖2.3.2

2)第二種方式,此時在該按鈕的細節面板中挑選有如圖2.3.3所示標記且想通過動畫改變的屬性

圖2.3.3

直接點擊該標記即可實現第一種方式類似的效果,我更推薦這種方式,簡單直接有效。

4、通過3給動畫添加了一個關鍵幀后,在軌道右面的時間軸處拖動一段時間,如圖2.4.1所示:

圖2.4.1

然后在新的時間軸處以同樣的方式插入一個改變屬性后的關鍵幀。我在起始點的關鍵幀都是給了面板位置x。通過按空格鍵可預覽此時動畫的效果,如圖2.4.2所示:

圖2.4.2 動畫預覽

5、最后一步是動畫綁定,點擊按鈕事件,給其添加一個點擊事件。如圖2.5.1所示:此時剛創建的

圖2.5.1

“按鈕動畫”在這里會變成一個在“動畫”標簽里的變量。最后編譯保存即可實現運行時的按鈕動畫了。

三、總結

? ? ? ? 無。

????????

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/166793.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/166793.shtml
英文地址,請注明出處:http://en.pswp.cn/news/166793.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

centos userad命令詳解

命令作用 用于創建用戶常見參數 -d 指定用戶的家目錄-e 賬號的到期時間,格式YYYY-MM-DD-u 指定該用戶的默認UID,(centos7開始1000是普通用戶的第一個UID)-g 指定一個初始的用戶基本組(必須已經存在)-G 指定…

計算機網絡之運輸層

一、概述 物理層、數據鏈路層以及網絡層它們共同解決了將主機通過異構網絡互聯起來所面臨的的問題,實現了主機到主機的通信 但實際上在計算機網絡中進行通信的真正實體是位于通信兩端主機中的進程 如何為運行在不同主機上的應用進程提供直接的通信服務時運輸層的任務…

基于Boost.Asio實現端口映射器

Boost.Asio 是一個功能強大的 C 庫,用于異步編程和網絡編程,它提供了跨平臺的異步 I/O 操作。在這篇文章中,我們將深入分析一個使用 Boost.Asio 實現的簡單端口映射服務器,該服務器能夠將本地端口的數據包轉發到指定的遠程服務器上…

從設計上理解JDK動態代理

作者簡介:大家好,我是smart哥,前中興通訊、美團架構師,現某互聯網公司CTO 聯系qq:184480602,加我進群,大家一起學習,一起進步,一起對抗互聯網寒冬 照理說,動態…

上門預約小程序開發優勢

想要放松身心,享受按摩的舒適感?那就需要一個專業的按摩師來上門服務。我們開發的預約按摩小程序app系統,匯聚各類上門按摩服務,包括推拿SPA、小兒推拿、中醫等,為您提供高價值、高標準的養生健康體驗。24小時隨時提供…

GEE土地分類——使用隨機森林方法和多源遙感數據進行面向對象的土地分類NAIP數據為例

簡介: 數據: 國家農業圖像計劃 (NAIP) 在美國大陸的農業生長季節獲取航空圖像。 NAIP 項目每年根據可用資金和圖像獲取周期簽訂合同。從 2003 年開始,NAIP 以 5 年為一個周期。2008 年是過渡年,2009 年開始采用 3 年周期。 NAIP 圖像以一米的地面采樣距離 (GSD) 采集,水…

【前端】讓列表像Excel單元格一樣編輯

前言 領導說了一堆的話,最后總結一句就是客戶很懶,客戶的員工更加懶。 本著讓別人節省時間的原則,提倡出了讓列表和Excal的單元格一樣,不僅看數據還可以隨時更改數據。 查資料 根據 Jeecg-Vue3 源碼介紹,從而知道是基于 Vben Admin 開源項目進行改造的。 因此在 Vben…

Sulfo-CY3 NHS熒光染料的制備和表征

Sulfo-CY3 NHS(源自星戈瑞的花菁染料)熒光染料的制備和表征是確保染料質量和性能的關鍵步驟。制備Sulfo-CY3 NHS熒光染料: 原材料準備:準備所需的原材料,包括CY3 NHS ester(或等效的前體),用于制備Sulfo-C…

沉頭孔和埋頭孔的區別

埋頭空和沉頭孔的區別在于螺栓孔上部擴孔:沉頭孔是直筒結構;埋頭孔是四十五度結構,比沉頭孔較為平順。 螺栓孔上部擴孔能容納螺栓頭部,使螺頭部不高于周圍表面。埋頭空和沉頭孔只是兩種不同的叫法。 沉頭孔是 PCB 上的圓柱形凹槽…

RK3568 支持4x4矩陣鍵盤

在對應的設備樹添加: keypad {compatible = "gpio-matrix-keypad";pinctrl-names = "default";pinctrl-0 = <&GPIO3_A1_pin&GPIO1_D3_pin&GPIO1_D4_pin&GPIO1_C7_pin&GPIO1_D2_pin&GPIO1_D1_pin&GPIO1_D0_pin&GPIO3_A…

將form表單中的省市區的3個el-select下拉框的樣式調成統一的間隔距離和長度,vue3項目iot->供應商管理

省市區是用3個el-select組成的 在表單中用el-col&#xff0c;會導致3個下拉的距離不統一&#xff0c;市和區的前面也是不需要文字label的 如何解決:用vue3的:deep()進行樣式穿透&#xff0c;由于el-form-item標簽都是一樣的&#xff0c;為了能準確的找到市的el-form-item&…

解決:前端js下載文件流出現“未知文件格式”錯誤

第一中情況&#xff1a; 出現的問題&#xff0c;前端已經設置了responseType: blob,下載下來還是格式不對。 最后經過排查&#xff0c;后端缺少charsetutf-8&#xff0c;所以前端可以設置編碼&#xff1a; 第二中情況&#xff1a; 后端已經設置了charsetutf-8&#xff0c;前…

機器學習/sklearn 筆記:K-means,kmeans++,MiniBatchKMeans,二分Kmeans

1 K-means介紹 1.0 方法介紹 KMeans算法通過嘗試將樣本分成n個方差相等的組來聚類&#xff0c;該算法要求指定群集的數量。它適用于大量樣本&#xff0c;并已在許多不同領域的廣泛應用領域中使用。KMeans算法將一組樣本分成不相交的簇&#xff0c;每個簇由簇中樣本的平均值描…

JS實現數組去重

數組去重&#xff0c;一般都是在面試的時候才會碰到&#xff0c;一般是要求手寫數組去重方法的代碼。如果是被提問到&#xff0c;數組去重的方法有哪些&#xff1f;你能答出其中的 10 種&#xff0c;面試官很有可能對你刮目相看。 在真實的項目中碰到的數組去重&#xff0c;一般…

數據結構-樹

參考&#xff1a;https://www.hello-algo.com/chapter_tree/binary_tree/#711 1. 介紹 樹存儲不同于數組和鏈表的地方在于既可以保證數據檢索的速度&#xff0c;又可以保證數據插入刪除修改的速度&#xff0c;二者兼顧。 二叉樹是一種很重要的數據結構&#xff0c;是非線性的…

【學習篇】Linux中grep、sed、awk

Linux 文本處理三劍客 – awk, sed, grep grep過濾文本 https://zhuanlan.zhihu.com/p/561445240 grep 是 Linux/Unix 系統中的一個命令行工具&#xff0c;用于從文件中搜索文本或字符串。grep 代表全局正則表達式打印。當我們使用指定字符串運行 grep 命令時&#xff0c;如…

Mysql并發時常見的死鎖及解決方法

使用數據庫時&#xff0c;有時會出現死鎖。對于實際應用來說&#xff0c;就是出現系統卡頓。 死鎖是指兩個或兩個以上的事務在執行過程中&#xff0c;因爭奪資源而造成的一種互相等待的現象。就是所謂的鎖資源請求產生了回路現象&#xff0c;即死循環&#xff0c;此時稱系統處于…

星河創新,開拓新紀!2023“星河產業應用創新獎”報名全面開啟!

科技的浪潮洶涌而至&#xff0c;人工智能正悄無聲息地滲透進我們生活的每一個角落&#xff0c;成為推動社會奔騰向前的強大引擎。 隨著大模型時代到來&#xff0c;更多的創新者涌現出來&#xff0c;他們正積極探索AI與實體的深度融合&#xff0c;解決行業難題&#xff0c;開拓…

算法的奧秘:種類、特性及應用詳解(算法導論筆記1)

算法&#xff0c;是計算機科學領域的靈魂&#xff0c;是解決問題的重要工具。在算法的世界里&#xff0c;有著各種各樣的種類和特性。今天&#xff0c;我將帶各位踏上一段探索算法種類的旅程&#xff0c;分享一些常見的算法種類&#xff0c;并給出相應的實踐和案例分析。希望通…

c# 微信小程序支付,訂單錄入發貨

微信改動&#xff0c;大家一起改&#xff0c;來吧 private string GetAccessToken(string openid){string AppID "";string AppSecret "";string url "https://api.weixin.qq.com/cgi-bin/token?grant_typeclient_credential&appid"AppI…