Unity3D插件 Doozy UI 學習(三):UI Element

前言

之前寫過一些關於DoozyUI的開發介紹,比較基礎。後面用DoozyUI開發了一段時間,現在已經有了更深入的一些瞭解。這篇主要講一下UI Elemenet這個腳本的使用。

 

正文

1、關於UI Element:

如下圖所示,Doozy UI的UI Element主要有以下內容。

UI Element顧名思義,就是一個UI的最小元素。是作爲打開、關閉的單位。通俗來講,就是我們說的一個面板。

 

2、面板屬性

hide @START :勾上後便在腳本Start時進行隱藏(移出屏幕外,並非Setactive false);

animate @START : 如果沒有在開始時不隱藏,勾選這個則會播放進入動畫;

disable when hidden :在隱藏時是否設置active 爲 false ;

don't disable Canvas when hidden : 在隱藏時,不關閉Canvas。(不知道有啥用,一般都會讓他關閉吧)

disable the Graphic Raycaster : 不啓用 Graphic Raycaster組件,也就是取消點擊事件。特殊面板可以選用。

auto hide : 自動隱藏,勾選後會讓你填一個時間(秒)。在此時間後自動Hide;

custom start position : 設定開始位置。這個很重要!在Unity 2018 + ,由於新改了Prefab的框架,編輯Prefab是在一個單獨的Scene中進行的。在使用代碼實例化UI  Element,打開Prefab時,極容易發生面打開後的初始位置並不是0點,因此會造成動畫的各種錯位(發生這種情況的根本原因我還沒有定位到)!此時就要用這個屬性來修改初始位置,將其調整至正確地情況。

execute layout fix : 執行縮放適應?表示從來沒用過。

auto selected button after show : 在展示時自動選個物體。注意,這個並不會觸發點擊事件。

 

3、動畫

這裏先看一個通常的動畫設置:

一般來講,用DoozyUI做UI動畫的時候,可以先從模板中選一個接近的。通過Preset Category 和 Preset Name來選擇,不過這個貌似無法在編輯模式下進行預覽,只有運行的時候看。

當你選擇了其中一個之後,點擊Load Preset就會導入一個預設。(你也可以通過New Preset 和 Delete Preset來維護你的動畫預設倉庫)

然後這下面的Move 、Rotate、Scale、Fade分別代表移動、選擇、縮放、漸變。裏面的一些參數可以根據自己的需求進行調整。

最下面可以選擇聲音,這個就可以在編輯器下預覽了。聲音倉庫在Doozy UI 的 Control Panel裏(Alt + D)的UI Sounds子才菜單下:

 

4、關於層級

從目前看來,DoozyUI並沒有有效的層級管理,尤其是在用代碼進行控制的時候。

我們一般都調整Canvas的屬性,但是DoozyUI並沒有自動修改這個Order In Layer 的方法,似乎還要自己寫代碼來維護。一般在預製上就要調整好層級,或者寫好代碼來輔助修改。否則很容易出現某個面板打開了,但是被其他面板擋住了。

 

後記

我感覺Doozy UI是設計給那些不會寫代碼的的人使用的插件,可視化操作近乎完美,但是設計到和代碼進行聯動的部分就充滿了尷尬……

不過好在開源還能救一下。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章