Doozy UI Manager Notes

DoozyUI launched a new version of Doozy UI Manager, the current version number is 4.0

API address: https://doozyentertainment.atlassian.net/wiki/spaces/DUI4/overview?homepageId=1046577253

Demo download (not including the plugin itself!): https://download.csdn.net/download/qq_17523181/35322054?spm=1001.2014.3001.5501

Demo1 : page switching

Doozy UI Manager Demo1

• Design ideas:
  (1) Create UIView pages, Databases, buttons and related animations
  (2) Create Flow Controller components (equivalent to Nody->Graph Controller in DoozyUI 3 version)
  
• UI View settings
  (1) UI View components
  

(2) Set Views Database

(3) Set OnStart Behavior


Disabled: No processing
Instant Hide: Immediately hide
Instant Show: Immediately display
Hide: Hide (will start animation, there is a delay)
Show: Display

(4) Set the display and hide animation

Compared with the settings of DoozyUI 3, there are some changes. You can select the preset animation in Presets, click Load Preset to set animation parameters, and switch Show and Hide to set display and hide respectively. (5) Set Callbacs
when

display , the UIView layer will be displayed in front (topmost). The main purpose is to unify the logic of the front and rear effects when the next 2 pages are switched.

• UI Button settings
  
• FlowController setting
  
  (1) Nody
  
  setting return button
  (2) Nody inspector setting
  
  Simple creation of View actions for buttons, nodes Enter and Exit

Summary: Compared with DooyUI 3, Nody has been upgraded, such as Back setting, Hide All Views in On Enter Node and On Exit Node, etc.
Separate CallBack in UIView, so that the callback function is better set.
In addition, it may be related to the 4.0beta version. Many functions of DoozyUI 3 have not been integrated, including animation preview, loading, pop-up boxes, etc., where they were not found.

Demo2 : Page switching with menu

Doozy UI Manager Demo2

Page switching with menu, this version has been enhanced, so that the Doozy UI Manager page logic configuration becomes more useful, and the Doozy framework may become the preferred UI framework

• Design ideas:
  (1) Create two UIView pages, UI Index and UI Page, and set the return button for switching
  (2) Create a Nav menu layer and a Content subpage layer in the UI Index, and set a switching button in the menu layer, respectively Switch the three subpages A, B, and C and a button to switch to the UI Page
  (3) Create a FlowController and set the switching logic
  

The whole is similar to Demo1, the main difference is that (refer to the official case) UIToggle mode is used to realize the switching of sub-pages with menus, and realize the state of mutual exclusion between sub-pages.

• UI View settings
  The UI View settings are similar to Demo1. Considering that after switching back, a default page restoration is required. In the UI Index, CallBack is set to trigger the UITooggle status of subpage A (isOn = true)
  

• The subpage
  
  Content in Content is an ordinary GameObject with a background image and 3 pages of UI View. There is no particularity here. The main function is implemented in Nav.

• Nav（UI Toggle Group）
  

The mutual exclusion of subpages is realized through UI Toggle Group. Add UI Toggle Group in the parent layer, and realize the mutual exclusion of a group of buttons through UI Toggle in the sublayer, and then set the corresponding subpage through the Callbacks of the button state. Show or hide the page.

Here set First Toggle as button A.

• BtnA-C (UI Toggle)
  
  Compared with the official case, I add button animation here; the main function is set in Callbacks.
  
  According to the On or Off state of the button, Show or Hide the UIView layer.

Summary: Currently Doozy UI Manager is still in beta stage, and many functions have not been integrated. In addition, after a few more clicks, some option boxes will not appear. Currently waiting for the official version to go online. Expect this Doozy update to bring a leap forward.