位置: 编程技术 - 正文

NGUI所见即所得之深入剖析UIPanel,UIWidget,UIDrawCall底层原理(所见即所得出自哪里)

编辑:rootadmin

推荐整理分享NGUI所见即所得之深入剖析UIPanel,UIWidget,UIDrawCall底层原理(所见即所得出自哪里),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:什么叫所见即所得,所见即所得?,所见即所得是啥意思,所见即所得的下一句,所见即所得 所想即所得,所见即所得的下一句,所见即所得的下一句,所见即所得的下一句,内容如对您有帮助,希望把文章链接给更多的朋友!

By D.S.Qiu

尊重他人的劳动,支持原创,转载请注明出处:http.dsqiu.iteye.com

之前项目中用的NGUI的版本是3.0.7 f3,开始的时候感觉没有什么问题,直达最近项目UI的完成度比较高时,就突然出现掉帧很严重的现象,即使只有一个UI打开(其他都是active = false的情况下),打开profier,发现UIPanel LateUpdate 竟然占了CPU使用率的%左右,这太恐怖了,虽然之前看到过有吐槽NGUI的机制的,但是我觉得为了保证通用牺牲一些性能还是在所难免的,但是没想到这个版本竟然这么废。

之前虽然研究过NGUI的UIWidget, UIDrawCall,UIGeometry和 UIPanel等基础脚本(NGUI所见即所得之UIWidget , UIGeometry & UIDrawCall,NGUI所见即所得之UIPanel),也大概清楚了NGUI的绘制原理。但对具体的逻辑还是不够清楚,有点凤毛麟角。为了更好的改进NGUI的性能以及更加规范使用NGUI,只有把NGUI的底层吃透。

由于在之前的文章介绍了UIGeometry,UIDrawCall和UIWidget之间的关系,以及UIPanel的管理机制,所以本文主要剖析底层的原理,主要要弄清楚一下问题:

1. transform ,大小(size)的变化的底层绘制影响

2.颜色(包括透明度)变化的底层绘制影响

3.enable 和 disable 状态变化底层的处理

4.UIDrawCall 和 UIPanel 机制的细节

未免读者理不顺,先简单说下UIGeometry,UIDrawCall和UIWidget的关系:UIWidget是UI的基础组件(UILabel,UISprite)的基类,含有组件的基本信息(width,Height,color等),UIGeometry是UIWidget的几何数据,记录了顶点坐标,贴图的UVs和颜色等信息,UIDrawCall是将多个UIWidget的UIGeometry组合起来一起绘制,具体的UIWidget如果共用一个UIDrawCall由UIPanel控制,要想了解更多可以点击上面的链接的文章查看。

虽然从人的求知欲角度,我们的疑问是按照上面 1-4 排列的,但是下面却是从 4开始介绍,只要把4理解透了3,2,1就自然迎刃而解了。

UIDrawCall

UIGeometry相对简单,这里就不再浪费篇幅介绍了,UIDrawCall是绘制的基础组件,还是有必要仔细介绍下。

1.成员变量

仅对几个比较重要又搞不明白的变量进行解析:

a)List<UIDrawCall> mActiveList 和 mInactiveList : 为什么会有两个List,mAcitveList 保持当前激活的UIDrawCall, mInactiveList主要是用于回收UIDrawCall.Destroy()的UIDrawCall,以达到循环利用避免内存的反复申请和释放,减少GC的次数。这个机制前面介绍的 vp_Timer采用这个策略。

b)Material mMaterial 和 mDynamicMat:不是讲究节约内存么,怎么会有两个Material,mMaterial就是我们图集的材质Material,mDynamicMat是实际采用的Material,因为UIPanel 的 Clipping有 AlphaClipp 和 SoftClip 这两个是要通过切换Shader来实现的,所以需要对应动态创建一个Material,这个就是mDynamicMat的存在。

c)bool mRebuildMat 和 isDirty:这两者表示UIDrawCall所处的状态,当改变UIDrawCall的 Material 和 Shader ,mRebuildMat就变为 true,就会引起 RebuildMaterial()的调用。isDirty若为 true ,表示UIDrawCall要进行重写“填充”,调用Set函数

C#代码 public Material baseMaterial { get{return mMaterial;} set { if (mMaterial != value) { mMaterial = value; mRebuildMat = true; } } } public Shader shader { get{ return mShader;} set { if (mShader != value) { mShader = value; mRebuildMat = true; } } }

2.几个重要的函数

a)CreateMaterial, RebuildMaterial 和 UpdateMaterial,这是三个后面包含前面,总之就是完成材质的创建或更新。

b)Set (BetterList<Vector3> verts,BetterList<Vector3> norms,BetterList<Vector4> tans,BetterList<Vector2> uvs,BetterList<Color> cols),根据verts,norms,tans,uvs,cols重新构建Mesh,MeshRender

C#代码 mMesh.vertices = verts.buffer; mMesh.uv = uvs.buffer; mMesh.colors = cols.buffer; if (norms != null) mMesh.normals = norms.buffer; if (tans != null) mMesh.tangents = tans.buffer;

c)OnEnable,Ondisable 和 OnDestroy:销毁了mDynamicMat,可以看出Material比Mesh更简单,不用太考虑内存问题,然后OnDestroy()没有发现调用。

C#代码 void OnEnable () { mRebuildMat = true; } void OnDisable () { depthStart = int.MaxValue; depthEnd = int.MinValue; panel = null; manager = null; mMaterial = null; mTexture = null; NGUITools.DestroyImmediate(mDynamicMat); mDynamicMat = null; } void OnDestroy () { NGUITools.DestroyImmediate(mMesh); }

d)Create , Clear 和 Destroy:Create 先从mInactiveList中取出一个,在附上属性达到重复利用,Destroy是将没用的UIDrawCall从mActiveList移到mInactiveList中:

C#代码 static UIDrawCall Create (string name) { //省略其他处理 if (mInactiveList.size > 0) { UIDrawCall dc = mInactiveList.Pop(); mActiveList.Add(dc); if (name != null) dc.name = name; NGUITools.SetActive(dc.gameObject, true); return dc; } //省略其他处理 // Create the draw call mActiveList.Add(newDC); return newDC; } static public void Destroy (UIDrawCall dc) { if (dc) { if (Application.isPlaying) { if (mActiveList.Remove(dc)) { NGUITools.SetActive(dc.gameObject, false); mInactiveList.Add(dc); } } else { mActiveList.Remove(dc); NGUITools.DestroyImmediate(dc.gameObject); } } }

UIPanel

之前就介绍过UIPanel,也画了UIPanel主要函数的调用栈(点击查看),这里也简单罗列下LateUpdate的函数调用:

NGUI所见即所得之深入剖析UIPanel,UIWidget,UIDrawCall底层原理(所见即所得出自哪里)

LateUpdate

UpdateSelf

UpdateTransformMatrix : 调整 worldToLocal 矩阵用于调整其管理的UIWidget的transform,并进一步调整顶点信息,还调整clipOffset的变量

UpdateLayers : 更新LayerMask

UpdateWidgets : 调整UIWidget

UIWidget.UpdateGeometry : 调整UIWidget的几何(顶点等)信息

OnFill(geometry.verts, geometry.uvs, geometry.cols): 如果颜色(透明度)和大小等改变就重新填充顶点信息

geometry.ApplyTransform : transform发生改变,调整UIGeometry中顶点的位置(矩阵计算)

FillAllDrawCalls or FillDrawCall : 重新构建所有UIDrawCall (当UIWdiget的depth发生变化),否则只调整有UIWidget的UIDrawCall

UpdateDrawCalls : 调整UIPanel管理的UIDrawCall 的 transform 和 clip 等属性

越来越觉得NGUI的代码组件结构越来越清晰,虽然篇幅很长(有多行)但理解还是可以很简单的。

UIWidget

UIWidget有一个变量 mChange 和一个函数 MarkAsChange() 很重要,这两个标记UIWidget是否变化需要进行调整的状态。

1.当 Anchor , Pivot , Alpha 以及 UILabel 和 UISprite 的一些状态的改变 mChange = true ,即会调整Geometry信息

2.MarkAsChange 会执行 drawCall.isDirty = true; 这样就会导致其所属的 UIDrawCall 需要重写构建

针对前面 1-3 的疑问进行如下总结:

UIWidget(UILabel , UISprite)的任何变化(transform , drawSize , width , heigth , color , pivot ,anchor 等)变化都会引起绘制该UIWidget进行重新构建——对Mesh的顶点进行刷新,尤其是depth的变化会使得所有UIDrawCall 进行重写调整,这是非常耗性能的。

总结:

NGUI的好处就是:合并Mesh和图集节省DrawCall,由于影响Mesh的因素太多了,所以会“牵一发而动全身”,NGUI采取的一个通用的策略,没有对不同的情况做不同的处理,都是采用某个UIDrawCall全部刷新甚至是全部UIDrawCall的刷新,这也是大家吐槽的“重中之重”。

D.S.Qiu认为针对不用的情况还是会有不少优化的,比如改变alpha&#;,可以不需要重新调整顶点verts,而只需要单独调整cols的alpha通道,改变depth也不需要全部调整UIDrawCall,这样明显是没有做到严&#;的管理的。

对此,D.S.Qiu提出2点使用NGUI制作UI的建议:

1)尽量是UIWidget静动分离,即静止的尽量合成单独一个UIPanel,会变化的就放在另外一个UIPanel

2)尽量控制UIPanel和UIDrawCall的数量,充分利用图集的空间,对“夹层”的情况可以通过图集的调整,使得UIDrawCall变得更少

由于时间关系(马上2:了),就只能写到这里,如果你有NGUI的任何问题,欢迎和D.S.Qiu进行交流讨论。

如果您对D.S.Qiu有任何建议或意见可以在文章后面评论,或者发邮件(gd.s.qiu@gmail.com)交流,您的鼓励和支持是我前进的动力,希望能有更多更好的分享。

转载请在文首注明出处:

【VR】Leap Motion 官网文档 HandModel(手部模型) 前言:本系列译文是为迎合UnityVR的热潮与大家的学习需要,推出的针对Unity方向的LeapMotion官方文档中英对照翻译。本篇为第六篇《HandModel(手部模型)

unity3d 在shader中创建及使用Texture3D 代码来自ArasTexture3D必须要在脚本中创建c#:spanstyle=font-size:px;usingUnityEngine;publicclassCreate3DTex:MonoBehaviour{publicTexture3Dtex;publicintsize=;voidStart(){tex=newTexture3D(s

[Unity3D]UI方案及制作细节(NGUI/EZGUI/原生UI系统) 转载请留下本文原始链接,谢谢。本文会不定期更新维护,最近更新于..。

标签: 所见即所得出自哪里

本文链接地址:https://www.jiuchutong.com/biancheng/369301.html 转载请保留说明!

上一篇:NGUI字体图集导致Label文字破碎的BUG以及解决方案

下一篇:【VR】Leap Motion 官网文档 HandModel(手部模型)(vr moke)

  • 收到所得税退税会计怎么记账
  • 外购入库暂估补差单怎么去除
  • 简易征收的收入包括哪些
  • 湖北工会工作网
  • 如何使用发票对冲个人所得税
  • 银行存款缴纳所得税费用会计分录
  • 建筑施工企业存货是未结转的成本对吗
  • 分支机构是不是需要设立账簿
  • 装修费能否一次性支付
  • 购入资产的入账价格一般是以该项资产的什么反应
  • 电影院买电影票怎么买
  • 附加税的计税依据是实缴增值税
  • 资产负债表金额越来越大代表什么
  • 小微企业减免税如何算
  • 个人出租商业用房取得的所得
  • 小规模所得税申报表填写样本
  • 转销和冲销是什么意思
  • 自己开电子发票要什么软件
  • 捐款属于什么会计科目类别
  • 电子发票可以开专票吗
  • 拆除原有建筑物成本扣除
  • 个人独资企业免费刻章吗
  • 工资扣员工的罚款入什么科目
  • 如何查看windows10
  • 买水果送什么赠品
  • 幼儿园会计做账实操
  • 期末坏账准备的计算
  • hkc中文是什么意思
  • deskrun.exe是什么东西
  • 成本核算流程会议记录
  • 软件入无形资产还是长期待摊费用了
  • 以下关于static
  • 基于opencv的图像处理
  • 递延收益会计科目的账务处理
  • 原材料存货跌价准备会计分录
  • 银行发行债券流程图
  • 存货的会计核算及业务处理
  • 银行结算方式有哪几种?其具体内容是什么
  • 其他支出怎么做账
  • 财务负责人需要承担什么风险
  • SQL2005 provider: 命名管道提供程序 error: 40 无法打开到 SQL Server 的连接
  • 购买性支出和转移性支出都计入GDP
  • 过渡期补贴是什么意思
  • 企业持有住房税费
  • 股权转让如何计算股权原值
  • 日用品办公用品的经营范围
  • 不动产租赁按简易计税吗
  • 增值税发票未认证丢失怎么办
  • 机票价格分类
  • 公司在筹备阶段怎么办
  • 债权人接受债务人土地抵押,还会被其他债权人查封?
  • mysql经典书
  • u盘怎么安装win2012
  • win8 itunes
  • win8操作
  • win10删除的文件恢复
  • xp系统每次开机都重启
  • ubuntu禁用服务命令
  • window10与CentOS双系统安装详细教程
  • win10警告
  • 为什么要淘汰相关性高的指标
  • ubuntu启动conda
  • ubuntu20关机卡在logo
  • windows7旗舰版开机声音
  • win7音量图标不能启用
  • linux各种重定向及其含义
  • awk中使用sed
  • win7纯净版和正版区别
  • 如何设置打开wincc不弹出项目管理
  • js对象属性值
  • Node.js中的construct构造函数
  • 有关于月亮的诗句
  • nodejs bull
  • 基于javascript的毕业设计
  • jquery绑定onchange
  • jquery取消单选框选中
  • 国家税务总局电子发票
  • 税务软件服务商
  • 房子契税发票没给怎么办
  • 税务检查企业所得税案例
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设