UGUI性能优化

Posted 2020-10-13 alps_01

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了UGUI性能优化相关的知识，希望对你有一定的参考价值。

http://www.cnblogs.com/suoluo/p/5417152.html

http://blog.csdn.net/uwa4d/article/details/54344423

http://blog.csdn.net/rhett_yuan/article/details/56695170

https://blog.csdn.net/wetest_tencent/article/details/53525094

目标能将UI消耗控制到2到3毫秒

真机查看手机profile

http://www.cnblogs.com/alps/p/7787060.html

UGUI主要耗时需要注意的时间（具体unity版本不一样会不样）

Profile-》CPU-》BehaviourUpdate-》EventSystem.Update 查看事件更新时间

Profier-》CPU-》Canvas.BuildBatch 查看网格重建时间

profile-》menory-》Detailed-》Not Saved-》Mesh-》BatchedMesh 查看每帧网格重建的网格

1.图片尺寸最好是2次幂
2.不要勾选Generate Mip Maps
3.不要勾选Read/Write Enabled
4.Image、Text组件不需要射线检测的将Raycast Target勾去掉

5.尽量不要让元素有重叠的情况，不重叠可以网格合并批次处理，重叠后需要融合处理遮挡问题

6.在需要一个只在逻辑上响应Raycast但是不参与绘制的组件时使用脚本，降低FillRate

using UnityEngine;
using System.Collections;

namespace UnityEngine.UI
{
    public class Empty4Raycast : MaskableGraphic
    {
        protected Empty4Raycast()
        {
            useLegacyMeshGeneration = false;
        }

        protected override void OnPopulateMesh(VertexHelper toFill)
        {
            toFill.Clear();
        }
    }
}

7.Polygon Mode Sprite（多边形模式）通过增加顶点减少空白区域的绘制，降低FillRate

using System.Collections.Generic;

namespace UnityEngine.UI
{
    [AddComponentMenu("UI/Effects/PolygonImage", 16)]
    [RequireComponent(typeof(Image))]
    public class PolygonImage : BaseMeshEffect
    {
        protected PolygonImage()
        { }

        // GC Friendly
        private static Vector3[] fourCorners = new Vector3[4];
        private static UIVertex vertice = new UIVertex();
        private RectTransform rectTransform = null;
        private Image image = null;
        public override void ModifyMesh(VertexHelper vh)
        {
            if (!isActiveAndEnabled) return;

            if (rectTransform == null)
            {
                rectTransform = GetComponent<RectTransform>();
            }
            if (image == null)
            {
                image = GetComponent<Image>();
            }
            if (image.type != Image.Type.Simple)
            {
                return;
            }
            Sprite sprite = image.overrideSprite;
            if (sprite == null || sprite.triangles.Length == 6)
            {
                // only 2 triangles
                return;
            }

            // Kanglai: at first I copy codes from Image.GetDrawingDimensions
            // to calculate Image\'s dimensions. But now for easy to read, I just take usage of corners.
            if (vh.currentVertCount != 4)
            {
                return;
            }

            rectTransform.GetLocalCorners(fourCorners);

            // Kanglai: recalculate vertices from Sprite!
            int len = sprite.vertices.Length;
            var vertices = new List<UIVertex>(len);
            Vector2 Center = sprite.bounds.center;
            Vector2 invExtend = new Vector2(1 / sprite.bounds.size.x, 1 / sprite.bounds.size.y);
            for (int i = 0; i < len; i++)
            {
                // normalize
                float x = (sprite.vertices[i].x - Center.x) * invExtend.x + 0.5f;
                float y = (sprite.vertices[i].y - Center.y) * invExtend.y + 0.5f;
                // lerp to position
                vertice.position = new Vector2(Mathf.Lerp(fourCorners[0].x, fourCorners[2].x, x), Mathf.Lerp(fourCorners[0].y, fourCorners[2].y, y));
                vertice.color = image.color;
                vertice.uv0 = sprite.uv[i];
                vertices.Add(vertice);
            }

            len = sprite.triangles.Length;
            var triangles = new List<int>(len);
            for (int i = 0; i < len; i++)
            {
                triangles.Add(sprite.triangles[i]);
            }

            vh.Clear();
            vh.AddUIVertexStream(vertices, triangles);
        }
    }
}

8.对于网格重建最好的方法就是动静分离，当Canvas上的任何一个元素变化时会引起整个Canvas的重绘，将变化的元素单独出来。

9.修改组件的Color属性时也会导致UI的重绘，可以生成修改材质的tint属性

void Start()

{

　　 image = this.GetComponent<Image>();

　　image.material = Instantiate(image.material) as Material;

}

void LateUpdate()

{

　　image.material.SetColor("_Color", color);

}

10.谨慎使用文字特效 shadown/outline ，将产生翻倍的顶点