{"id":1376,"date":"2022-07-14T10:55:41","date_gmt":"2022-07-14T02:55:41","guid":{"rendered":"https:\/\/www.mapleriver.cn\/?p=1376"},"modified":"2022-07-14T10:55:41","modified_gmt":"2022-07-14T02:55:41","slug":"unity-ugui%e5%90%88%e6%89%b9%e5%a4%84%e7%90%86","status":"publish","type":"post","link":"https:\/\/www.mapleriver.cn\/?p=1376","title":{"rendered":"Unity UGUI\u5408\u6279\u5904\u7406"},"content":{"rendered":"

\u53c2\u8003\u6587\u7ae0<\/a><\/p>\n

1.UGUI Batching<\/h5>\n

 \u00a0 UGUI\u4ee5Canvas\u4e3a\u5355\u4f4d\u8fdb\u884c\u6279\u6b21\u751f\u6210\u548c\u6e32\u67d3\uff0cCanvas\u53ef\u4ee5\u5d4c\u5957\u5305\u542bCanvas\u3002Batching\u7684\u751f\u6210\u548c\u5408\u5e76\u5728Canvas\uff1a\uff1aUpdate\u91cc\uff1a
\n\"\"<\/a>
\n\"\"<\/a><\/p>\n

 \u00a0 \u4ece\u6e90\u7801\u6211\u4eec\u53ef\u4ee5\u770b\u51fa\u6765\uff1a<\/p>\n

\n

1.\u9996\u5148\u8ba1\u7b97Canvas\u7684alpha\uff08\u53ef\u80fd\u901a\u8fc7CanvasGroup\u7ec4\u4ef6\uff09\uff0c\u5f53alpha\u4e3a0\u7684\u65f6\u5019\uff0c\u5219\u8ba4\u4e3a\u8fd9\u4e2acanvas\u7684\u7ed8\u5236\u8303\u56f4\u4e3a0\uff0c\u4e5f\u5c31\u662f\u4e0d\u8fdb\u884c\u7ed8\u5236\u3002
\n2.UI\u5c42\u6b21\u7ed3\u6784\uff08Hierarchy\u9762\u677f\u4e0b\u7684\u987a\u5e8f\uff09\u53d1\u751f\u53d8\u5316\u65f6\uff0c\u66f4\u65b0Batch\u987a\u5e8f\uff0c\u5bf9Canvas\u4e0b\u6240\u6709UI\u5143\u7d20\uff08CanvasRenderer\uff09\u6309UI\u5c42\u6b21\u7ed3\u6784\u6df1\u5ea6\u4f18\u5148\u6392\u5e8f\uff0c\u751f\u6210UI Instructions\u3002
\n3.\u66f4\u65b0\u6240\u6709\u9700\u8981\u540c\u6b65\u6570\u636e\u7684renderer UI \u6570\u636e\uff0c\u5305\u62ecvertex, color, material, transform, rect, depth\uff08\u6309UI\u5c42\u6b21\u7ed3\u6784\u6df1\u5ea6\u4f18\u5148\u6392\u5e8f\u7684\u6df1\u5ea6\uff09\u7b49\u3002\u975e\u6d3b\u52a8\uff08IsActive() == false\uff09\u4e14\u4e0d\u5f3a\u5236\u66f4\u65b0\u7684UI\u5143\u7d20\uff0c\u5c06\u4e0d\u540c\u6b65\u6570\u636e\u3002
\n4.Canvas\u6570\u636e\u66f4\u65b0\u65f6\uff08m_CanvasData.isDirty\uff0c\u5982\u60c5\u51b5\u90fd\u53ef\u4ee5\u5f15\u53d1\uff1a\u5c42\u6b21\u7ed3\u6784\u6539\u53d8\uff0c\u540c\u6b65\u5173\u952e\u6570\u636e\uff0cCanvas.Awake\u7b49\uff09\uff0c\u8ba1\u7b97UI Instructions\u7684depth\u5e76\u6392\u5e8f\u3001\u751f\u6210Batch\u3002<\/p>\n<\/blockquote>\n

 \u00a0 Mask\uff1aMask\u5b9e\u73b0\u7684\u5177\u4f53\u539f\u7406\u662f\u4e00\u4e2aDrawcall\u6765\u521b\u5efaStencil mask(\u6765\u505a\u50cf\u7d20\u5254\u9664)\uff0c\u7136\u540e\u7ed8\u5236\u6240\u6709\u5b50UI\uff0c\u518d\u5728\u6700\u540e\u4e00\u4e2aDrawcall\u79fb\u6389Stencil mask\u3002\u5982\u679cMask\u7684\u5b50\u8282\u70b9\u5c5e\u4e8e\u540c\u4e00\u4e2aAtlas\uff0c\u90a3\u4e48Mask\u4e4b\u95f4\u7684\u5143\u7d20\u53ef\u4ee5\u8fdb\u884c\u5408\u5e76\uff1b\u5426\u5219\u4e0d\u80fd\u5408\u5e76\u3002Mask\u5916\u7684\u5143\u7d20\u548cMask\u5185\u7684\u5143\u7d20\uff0c\u65e0\u6cd5\u5408\u6279\u3002<\/p>\n

 \u00a0 \u66f4\u65b0\uff1aUI\u5c42\u6b21\u7ed3\u6784\u53d1\u751f\u53d8\u5316\uff08orderIsDirty\uff09\uff0c\u65b0\u589e\u3001\u5220\u9664UI\u6216UI\u5b50\u8282\u70b9\u90fd\u4f1a\u5f15\u8d77\u6574\u4e2aCanvas UI\u987a\u5e8f\u66f4\u65b0\u3002\u56e0\u6b64\uff0c\u5e94\u907f\u514d\u9891\u7e41\u5220\u9664\/\u589e\u52a0UI\u5bf9\u8c61\uff0c\u4f7f\u7528GameObject.SetActive\u3002<\/p>\n

2.Depth\u8ba1\u7b97<\/h5>\n
\n

1.\u904d\u5386\u6240\u6709UI\u5143\u7d20\uff08\u5df2\u6df1\u5ea6\u4f18\u5148\u6392\u5e8f\uff09\uff0c\u5bf9\u5f53\u524d\u6bcf\u4e00\u4e2aUI\u5143\u7d20CurrentUI\uff0c\u5982\u679c\u4e0d\u6e32\u67d3\uff0cCurrentUI.depth = -1\uff0c\u5982\u679c\u6e32\u67d3\u8be5UI\u4e14\u5e95\u4e0b\u6ca1\u6709\u5176\u4ed6UI\u5143\u7d20\u4e0e\u5176\u76f8\u4ea4\uff08rect Intersects\uff09\uff0c\u5176CurrentUI.depth = 0;
\n2.\u5982\u679cCurrentUI\u4e0b\u9762\u53ea\u6709\u4e00\u4e2a\u7684\u9700\u8981\u6e32\u67d3\u7684UI\u5143\u7d20LowerUI\u4e0e\u5176\u76f8\u4ea4\uff0c\u4e14\u53ef\u4ee5Batch\uff08material instance id \u548c texture instance id \u76f8\u540c\uff0c\u5373\u4e0eCurrentUI\u5177\u6709\u76f8\u540c\u7684Material\u548cTexture\uff09\uff0cCurrentUI.depth = LowerUI.depth\uff1b\u5426\u5219\uff0cCurrentUI.depth= LowerUI.depth + 1;
\n3.\u5982\u679cCurrentUI\u4e0b\u9762\u53e0\u4e86\u591a\u4e2a\u5143\u7d20\uff0c\u8fd9\u4e9b\u5143\u7d20\u7684\u6700\u5927\u5c42\u662fMaxLowerDepth\uff0c\u5982\u679c\u6709\u591a\u4e2a\u5143\u7d20\u7684\u5c42\u90fd\u662fMaxLowerDepth\uff0c\u90a3\u4e48CurrentUI\u548c\u4e0b\u9762\u7684\u5143\u7d20\u662f\u65e0\u6cd5\u5408\u6279\u7684\uff1b\u5982\u679c\u53ea\u6709\u4e00\u4e2a\u5143\u7d20\u7684\u5c42\u662fMaxLowerDepth\uff0c\u5e76\u4e14\u8fd9\u4e2a\u5143\u7d20\u548cCurrentUI\u7684\u6750\u8d28\u3001\u7eb9\u7406\u76f8\u540c\uff0c\u90a3\u4e48\u5b83\u4eec\u5c31\u80fd\u5408\u6279\u3002<\/p>\n<\/blockquote>\n

3.DrawCall\u5408\u6279(Batch)<\/h5>\n

\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n

1.Depth\u8ba1\u7b97\u5b8c\u540e\uff0c\u4f9d\u6b21\u6839\u636eDepth\u3001material ID\u3001texture ID\u3001RendererOrder\uff08\u5373UI\u5c42\u7ea7\u961f\u5217\u987a\u5e8f\uff0cHierarchyOrder\uff09\u6392\u5e8f\uff08\u6761\u4ef6\u7684\u4f18\u5148\u7ea7\u4f9d\u6b21\u9012\u51cf\uff09\uff0c\u5254\u9664depth == -1\u7684UI\u5143\u7d20\uff0c\u5f97\u5230Batch\u524d\u7684UI \u5143\u7d20\u961f\u5217VisiableList\u3002
\n2.\u5bf9VisiableList\u4e2d\u76f8\u90bb\u4e14\u53ef\u4ee5Batch\uff08\u76f8\u540cmaterial\u548ctexture\u7b49\uff09\u7684UI\u5143\u7d20\u5408\u5e76\u6279\u6b21\uff0c\u7136\u540e\u518d\u751f\u6210\u76f8\u5e94mesh\u6570\u636e\u8fdb\u884c\u7ed8\u5236\u3002<\/p>\n<\/blockquote>\n

\u6ce8\u610f\uff1a\u5728Depth\u8ba1\u7b97\u7b97\u6cd5\u4e2d\uff0c\u7531\u4e8e\u8981\u904d\u5386\u6240\u6709UI\u5143\u7d20\u548c\u5df2\u8ba1\u7b97\u7684\u5e95\u5c42UI\u5143\u7d20\uff08\u5e73\u65b9\u590d\u6742\u5ea6\uff09\uff0c\u6e90\u7801\u4e2d\u4f7f\u7528\u5206\u7ec4\u8ba1\u7b97\u5305\u56f4\u76d2\u77e9\u5f62\u7684\u65b9\u6cd5\u52a0\u5feb\u8ba1\u7b97\uff0c\u537316\u4e2aUI\u5143\u7d20\u4e3a\u4e00\u7ec4\u8ba1\u7b97Group Rect\uff0c\u68c0\u67e5\u662f\u5426\u4e0e\u5e95\u5c42UI\u5143\u7d20\u76f8\u4ea4\u65f6\uff0c\u5148\u8ba1\u7b97\u662f\u5426\u4e0e\u5e95\u5c42Group\u76f8\u4ea4\uff0c\u5982\u679c\u76f8\u4ea4\u518d\u4e0eGroup\u4e2d\u7684\u5143\u7d20\u505a\u5224\u5b9a\u3002
\n\"\"<\/a><\/p>\n

P.S.\u6ca1\u6709\u6e90\u7801\u524d\u63d0\u4e0b\u7684\u4e00\u4e9b\u5c0f\u53d1\u73b0<\/h5>\n

 \u00a0 \u4e0a\u9762\u7684\u8fd9\u4e9b\u5176\u5b9e\u90fd\u662f\u6211\u4ece\u5f00\u5934\u90a3\u4e2a\u53c2\u8003\u6587\u7ae0\u6284\u6765\u7684~\u4f46\u662f\u6211\u4e5f\u9047\u5230\u4e86\u51e0\u4e2a\u8ba9\u4eba\u56f0\u60d1\u7684\u95ee\u9898\uff0c\u4f46\u662f\u6ca1\u6709\u6e90\u7801\uff0c\u53ea\u80fd\u9760\u4e00\u4e9b\u5b9e\u9a8c\u8fdb\u884c\u731c\u6d4b\uff1a<\/p>\n

\n
    \n
  1. UGUI\u4e2d\u662f\u5305\u542b\u5254\u9664\uff08cull\uff09\u903b\u8f91\u7684\uff0c\u5f53\u65b0\u5efa\u4e00\u4e2aCanvas\uff0c\u5728Canvas\u4e0b\u521b\u5efa\u4e00\u4e2aimage\uff0c\u5f53\u628aimage\u62d6\u51fa\u5c4f\u5e55\u8303\u56f4\u65f6\uff0c\u5bf9\u5e94DC\u4f1a-1\u3002<\/li>\n
  2. \u5f53\u4e00\u4e2aCanvas\u4e0b\u5305\u542b\u4e24\u4e2aimage\uff08\u4e0d\u540c\u6750\u8d28\uff0c2DC\uff09\u65f6\uff0c\u5f53\u628a\u5176\u4e2d\u4e00\u4e2a\u62d6\u51fa\u5c4f\u5e55\u8303\u56f4\u65f6\uff0c\u5254\u9664\uff08cull\uff09\u4e0d\u4f1a\u751f\u6548\uff0cDC\u6570\u4ecd\u4e3a2\uff0c\u53ea\u6709\u5c06\u4e24\u4e2a\u7269\u4f53\u540c\u65f6\u62d6\u51fa\u5c4f\u5e55\u8303\u56f4\uff0c\u4e5f\u5c31\u662fCanvas\u4e0b\u6ca1\u6709\u4efb\u4f55\u9700\u8981\u7ed8\u5236\u7684\u7269\u4f53\u65f6\uff0ccull\u624d\u4f1a\u751f\u6548\u3002<\/li>\n<\/ol>\n<\/blockquote>\n

     \u00a0 \u6240\u4ee5UGUI\u7684cull\u5176\u5b9e\u662f\u4ee5Canvas\u4e3a\u6700\u5c0f\u7c92\u5ea6\u7684\uff0c\u53ea\u6709\u5f53\u6574\u4e2aCanvas\u90fd\u53ef\u4ee5cull\u7684\u65f6\u5019\u624d\u751f\u6548<\/p>\n","protected":false},"excerpt":{"rendered":"

    \u53c2\u8003\u6587\u7ae0 1.UGUI Batching  \u00a0 UGUI\u4ee5Canvas\u4e3a\u5355\u4f4d\u8fdb\u884c\u6279\u6b21\u751f\u6210\u548c […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[33],"tags":[],"class_list":["post-1376","post","type-post","status-publish","format-standard","hentry","category-unity-ui"],"_links":{"self":[{"href":"https:\/\/www.mapleriver.cn\/index.php?rest_route=\/wp\/v2\/posts\/1376","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mapleriver.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mapleriver.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mapleriver.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mapleriver.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1376"}],"version-history":[{"count":1,"href":"https:\/\/www.mapleriver.cn\/index.php?rest_route=\/wp\/v2\/posts\/1376\/revisions"}],"predecessor-version":[{"id":1382,"href":"https:\/\/www.mapleriver.cn\/index.php?rest_route=\/wp\/v2\/posts\/1376\/revisions\/1382"}],"wp:attachment":[{"href":"https:\/\/www.mapleriver.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1376"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mapleriver.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1376"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mapleriver.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1376"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}