egret筆記之gui內設定動畫效果

2021-09-24 10:58:43 字數 1284 閱讀 7731

2019獨角獸企業重金招聘python工程師標準》

egretwing->設計->視窗->動畫

可以開啟動畫編輯面版。

首先需要針對當前ui介面設定各種狀態。我們簡單的設定

【close】:代表當前ui介面處於不可見狀態。

【open】:代表當前ui介面處於可見狀態。

在動畫面版,選擇需要增加動畫的元件,新增動畫效果:

動畫效果設定完畢後,建立對於的ts檔案。

public getcurrentskinstate():string

else

}

重寫getcurrentskinstate方法,修改返回的狀態值。如果不重寫,你會發現動畫根本不會有任何效果。

因為原始碼是這樣的:

/**

* 返回元件當前的**狀態名稱,子類覆蓋此方法定義各種狀態名

* @method egret.gui.skinnablecomponent#getcurrentskinstate

* @returns

*/public getcurrentskinstate():string

所以這個地方需要特殊注意!!!!!

如果狀態特別多,可以考慮自己新建變數,自行來修改控制。

仔細想想,狀態的區分實際更像是介面切換的標識。

比如:在乙個ui**裡面,我們管理3個場景,(勝利ui,失敗ui,暫停ui)。這時我們通過state(win,pause,fail)3個狀態來對應。

當然你也可以分3個ui**來分別實現3個ui。這樣的話,就不好做出特別好的動畫效果了。

可能有人會問,在close狀態下不是所有元件都是不可見的或者不存在的麼?為什麼之前要在所有狀態下編輯面板,而不是在open狀態下編輯? 因為在close狀態下,整個面板是沒有被新增到舞台的不在顯示列表,所以當我們看到這個面板時,這個面板一定是open狀態。所以在所有狀態下編輯也未嘗不可。可能有人又會問,是不是弄反了,close狀態才應該是這樣的,open狀態下才應該顯示所有的元件? 上面說到了close狀態是看不見的,怎麼設定都行。關鍵是open狀態,當狀態從close變為open時,剛開始那些元素確實是在螢幕外或者看不到的,是隨著動畫的進行才開始出現的。所以這裡是模擬的動畫開始時候open狀態下的預覽。

QT之GUI學習筆記 一

在 includepath d installopencv opencvbinary include opencv d installopencv opencvbinary include opencv2 d installopencv opencvbinary include libs d ins...

Matlab程式設計筆記之GUI程式轉exe

matlab同樣可以製作出和vc 技術一樣的基於對話方塊的gui介面。在matlab軟體中編寫gui程式的方法是 命令列中輸入guide,即可進入。matlab是強大的數學建模軟體,我們可以通過matlabgui編寫視覺化的數學程式,方便我們的操作。製作好的matlabgui介面程式如何轉化成win...

GUI程式設計Pyqt5之設定夥伴關係

講述表單布局管理器時提到了設定乙個標籤和乙個部件的夥伴關係。其實,夥伴 buddy 是在 qlabel 類中提出的乙個概念。因為乙個標籤經常用作乙個互動式部件的說明,就像在講表單布局管理器時看到的那樣,乙個 lineedit 部件前面有乙個標籤說明這個 lineedit 的作用。為了方便定位,qla...