Unity中锚点的动态设置

Posted answer-yj

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Unity中锚点的动态设置相关的知识,希望对你有一定的参考价值。

问题背景

在做签到系统时,需求给的效果图如下

 

技术图片

效果图像这样,中间是模型,周围其他是签到框这样的布局,我想动态生成各个动态框,涉及到一个定位问题,锚点的设置(动态去设置每个item的位置)

实现方法

SetInsetAndSizeFromParentEdge();

此方法属于RectTransform里面得函数,(如果想更多了解RectTransform的话前面我有分析,https://www.cnblogs.com/answer-yj/p/10623304.html),这个函数有三个参数,第一个参数RectTransform.Edge.Left,是指左边的边界,第三个参数是图片的尺寸(有些地方说这是长度,但是我觉得有可能长有可能宽,需要看RectTransform.Edge的值),第二个参数是离边界的距离。注意第三个参数,这是图片尺寸,以第一个参数决定是图片的哪个尺寸

实现代码

        for (int i = 1; i < 8; i++)
        {
            GameObject go = Instantiate(Resources.Load<GameObject>("Prefab"));
            go.transform.SetParent(GameObject.Find("GameObject").transform);
            go.transform.localPosition = Vector3.zero;
            RectTransform rectTransform = go.GetComponent<RectTransform>();
            switch (i)
            {
                case 1:
                    rectTransform.SetInsetAndSizeFromParentEdge(RectTransform.Edge.Top, 0, 207);
                    rectTransform.SetInsetAndSizeFromParentEdge(RectTransform.Edge.Left, 0, 209);
                    break;
                case 2:
                    rectTransform.SetInsetAndSizeFromParentEdge(RectTransform.Edge.Top, 0, 207);
                    rectTransform.SetInsetAndSizeFromParentEdge(RectTransform.Edge.Right, 0, 209);
                    break;
                case 3:
                    rectTransform.SetInsetAndSizeFromParentEdge(RectTransform.Edge.Left, 0, 209);
                    break;
                case 4:
                    rectTransform.SetInsetAndSizeFromParentEdge(RectTransform.Edge.Right, 0, 209);
                    break;
                case 5:
                    rectTransform.SetInsetAndSizeFromParentEdge(RectTransform.Edge.Bottom, 0, 207);
                    rectTransform.SetInsetAndSizeFromParentEdge(RectTransform.Edge.Left, 0, 209);
                    break;
                case 6:
                    rectTransform.SetInsetAndSizeFromParentEdge(RectTransform.Edge.Bottom, 0, 207);
                    break;
                case 7:
                    rectTransform.SetInsetAndSizeFromParentEdge(RectTransform.Edge.Bottom, 0, 207);
                    rectTransform.SetInsetAndSizeFromParentEdge(RectTransform.Edge.Right, 0, 209);
                    break;
            }
        }

就这样实现了所需布局。

(新手上路,欢迎指正)

 

以上是关于Unity中锚点的动态设置的主要内容,如果未能解决你的问题,请参考以下文章

javascript jQuery 1.7+中锚点的GA事件

cocos2d-x中锚点设置及定位方式

jq实现页面中锚点滚动跳转

Vue爬坑之旅:vue单页面中锚点跳转

css中锚点剖析 & 血泪教训

Unity 基础-------------------------关于Anchor锚点的理解