码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • Unity UI锚点和位置关系


    一、Anchors锚点

    • Anchors的设置会直接改变RectTransform中它的位置信息;
    • Anchors设置中的X 改变会影响(PosX和Width)或(left和right)

    1、Anchors改变位置信息

    下图中X锚点的Min和Max值相同时,上面的一栏中信息分别为相对父节点的位置和宽度
    X点在中间
    下图中X锚点的Min和Max值不相同时,上面的一栏中信息分别为相对于 父节点的左右两个边的偏移量
    X锚在两侧
    Y轴也是同理
    以0.4为例,下图为PosY和Height
    Y锚是一点
    下图中Y的锚点Max不等于 Min,上面变为Top和Bottom
    在这里插入图片描述

    2、表示的涵义

    Min == Max 时:

    • pos 代表当前节点相对于父节点对应轴的偏移量
    • width / height 代表当前节点的长 / 宽
      Min != Max 时:
    • Left / Right 分别代表相对于父节点的左 / 右 两边的偏移量
    • Top / Bottom 分别代表相对于父节点的上 / 下 两边的偏移量

    注:锚点的位置改变会影响 sizeDelta中物体的长度,用的时候要注意
    锚点是说不清楚的,必须上手试一下才明白

    二、锚点不同如何改变物体位置

    1、不设置锚点

    即:

    Anchors
    	Min		X:0.5,  Y:0.5
    	Max		X:0.5, 	Y:0.5
    
    • 1
    • 2
    • 3

    此时直接设置位置即可:

    RectTransform rect;
    rect.localPosition = new Vector2(x, y);
    
    • 1
    • 2

    2、设置锚点变动

    锚点变动时,最好使用设置偏移量的方式来进行位置变动

    Anchors
    	Min		X:0,  Y:0
    	Max		X:1, 	Y:1
    
    • 1
    • 2
    • 3

    直接设置偏移量即可

    // 下面代码设置图片到目标位置:

    RectTransform rect;	//目标图片
    // 四周拉伸时可直接这么设置:
    void func1(Vector2 targetPos)
    {
    	rect.offsetMax = targetPos;
    	rect.offsetMin = targetPos;
    }
    
    // x边拉伸,即y的锚点Max == Min时
    void func2(Vector2 targetPos)
    {
    	rect.offsetMax = new Vector(targetPos.x, targetPos.y + height * (1 - rect.anchorMax.y));
    	rect.offsetMin = new Vector(targetPos.x, targetPos.y - height * rect.anchorMax.y);
    }
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14

    注:anchorMax/ anchorMin可以取到当前锚点位置,具体需要时可以灵活应用

  • 相关阅读:
    “蔚来杯“2022牛客暑期多校训练营7 JK题解
    vue js中使用typeof和Object.prototype.toString.call()判断类型(超详细),浅析call()和apply()的区别
    Vue (七) --------- Vue 脚手架
    Linux基本指令系列第三篇
    软考高级之系统架构师之设计模式
    FPGA片内ROM读写测试实验
    Excel - 使用VBA通过ADO数据库连接来操作一个Excel数据源
    Locust简单使用
    景区讲解小程序,扫码轻松获取多语言讲解服务
    APP自动化测试-9.Appium设备交互与模拟器控制
  • 原文地址:https://blog.csdn.net/KamikazePilot/article/details/128066124
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号