Unity 如何设计UI管理系统

UI配置与交互设计框架详解
文章讨论了界面配置的多个方面,包括层级结构如HUD、Scene等,背景类型如模糊、半透等,以及界面模式和生命周期管理。还涉及动画效果、音效处理、界面关闭策略和防止点穿背景模糊的技术。文中提到了使用字典和栈来管理界面,并给出了一部分框架流程图,后续将进行更多实现补充。

界面配置

  1. 层级(HUD、Scene、Panel、SubPanel、Tip、Guide、Top)
  2. 背景类型(模糊,半透,半透模糊)
  3. 界面模式(只打开、可回退 放入隐藏栈(打开其他界面关闭界面渲染)、不回退(打开其他界面直接关闭自己))
  4. 界面生命周期(关闭销毁,关闭一段事件不销毁,常驻)
  5. 动画类型(无,打开时播放、关闭播放,开关播放)
  6. 打开界面音效
  7. 关闭界面音效
  8. BGM
  9. 点击界面外是否关闭界面
  10. 是否清空回退栈

设计

  1. 一个层级一个canvas,一个界面一个canvas
  2. 界面的 SortingOrder = 根据所在的层Order + 所在的层的个数 *  2 + 2,(之所以+2是预留一个来显示背景模糊使用)
  3. 使用字典保存界面
  4. 使用栈记录界面打开顺序,关闭界面时显示上一个界面
  5. 打开一个界面,关闭上一个界面的渲染(是否放入隐藏栈)?  打开一个在栈中的界面(出现循环,栈清理?)
  6. 关闭一个界面,打开上一个界面的渲染(是否放入隐藏栈)?  
  7. 界面状态(正在打开,已打开、显示中、正在隐藏、已隐藏、关闭动画中、准备开始删除、删除中、已删除、等待删除中)
  8. 防点穿
  9. 背景模糊

大致真理了一下框架流程图:

 后续实现补充中......

评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值