码迷,mamicode.com
首页 > 其他好文 > 详细

UI优化总结

时间:2019-04-12 00:59:35      阅读:224      评论:0      收藏:0      [点我收藏+]

标签:监测   优化   cal   资源   不同的   ade   etc   动静分离   并且   

1.动静分离

  canvas下元素变化时,会使整个canvas重新绘制。因此将ui经常改变和不怎么改变的部分分离,分别使用不同的canvas。

 

2.图集优化

  不同界面的ui,可以打包成不同的图集,一些公用的资源也单独打成一个图集,减少batch。不同场景下的资源也打成不同图集,比如战斗场景和战斗外的场景,可以减少内存的开销。

 

3.删除已经废弃的东西

  随着项目推进,可能有些不再需要的ui节点,可以删除。

 

4.raycast target

  去掉不需要事件监测的ui的raycast。

 

5.图片的压缩格式

  Android上可以使用etc1的格式,由于不支持格式需要采用增加一张贴图,并且shader中用新贴图的一个rgb通道作为alpha值。

  fragment代码:

fixed4 frag (v2f i) : SV_Target 
{
    fixed4 color = tex2D(_MainTex, i.uv);
    fixed4 alphaColor = tex2D(_AlphaTex, i.uv);
    return fixed4(color.rgb,alphaColor.r);
}

 

6.减少重叠

  不同图集的ui元素重叠会导致drawcall的增加。

 

7.减少mask使用

  mask会使mask内和外的元素分成两个batch,可以使用RectMask2D。

 

8.复杂的ui可以拆成多个prefab

  拆成多个prefab可以避免一次加载导致卡顿。

 

9.减少使用Text的best fit和Canvas的pixel perfect

 

 

 

  

UI优化总结

标签:监测   优化   cal   资源   不同的   ade   etc   动静分离   并且   

原文地址:https://www.cnblogs.com/pj2933/p/10693467.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!