unity UGUI系统梳理 - 基本布局

偷懒了,部分节选unity API
API

1、矩形工具

为了便于布局,每个 UI 元素都表示为矩形。可使用工具栏中的__矩形工具 (Rect Tool)__ 在 Scene 视图中操纵此矩形。矩形工具既可用于 Unity 的 2D 功能,也可用于 UI,实际上甚至还可用于 3D 对象。
在这里插入图片描述

使用矩形工具可对 UI 元素进行移动、大小调整和旋转。选择 UI 元素后,可通过单击矩形内的任意位置并拖动来对元素进行移动。通过单击边或角并拖动,可调整元素大小。若要旋转元素,可在稍微远离角点的位置悬停光标,直到鼠标光标看起来像旋转符号。然后,可单击并向任一方向拖动来进行旋转。

与其他工具一样,矩形工具使用工具栏中设置的当前轴心模式和空间。矩形工具使用工具栏默认设置
在这里插入图片描述

使用 UI 时,通常最好将这些设置保持为 Pivot 和 Local。
在这里插入图片描述

2、RectTransform矩形变换组件

矩形变换是一种用于所有 UI 元素的新型变换组件,而不是常规的变换组件。
在这里插入图片描述

  • Left、Right、Top、Bottom:UI元素每一条边距离锚点矩形每一条边的距离,正值是比锚点矩形小,负值是比锚点矩形大

  • PosX,PosY,PosZ:当前物体轴心点相对于锚点矩形几何中心的位置
    在这里插入图片描述
    PosX、PosY、PosZ代表的是Anchored Position,而不是Local Position
    *Local Position:当前物体轴心点相对于父物体轴心点的位置

  • Width和Height:UI元素的大小,永远不会变

2.1 Anchor

unity中的ui元素是有严格的父子关系的,子物体的位置是根据父物体的变化而变化的,而子物体和父物体联系的桥梁就是Anchor。在RectTransform面板中可以调整锚点的值

  • 绝对布局:
    当Archors的Min和Max相等时,Archors呈现为一个点,称为锚点情况
    在这里插入图片描述

在这里插入图片描述

  • 相对布局:
    当Archors的Min和Max不相等时,Archors呈现为一个框,称为锚框情况
    在这里插入图片描述
    在这里插入图片描述

2.2 Pivot

轴心点,可以理解为物体的原点

它是一个比例值,(0,0)在左下角,(1,1)在右上角 (0.5,0.5)是初始值正中间
在这里插入图片描述
轴心点的位置影响UI元素的旋转和缩放
在这里插入图片描述

2、矩形变换应用

这个API上写的很好
矩形变换API链接
锚点的设置可以使用引擎自己给你搞得常用选项,也可以像上面那样自己改锚点
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Unity UGUIUnity游戏开发常用的用户界面实现方法。UGUIUnity自带的用户界面系统,可以通过创建UI元素来构建游戏的界面。在Unity,UGUI可通过创建Button、Text、Image等UI组件来实现交互和展示。 在UGUI,通常选择ISO模型进行2D平面开发。通过锁定界面可以防止镜头发生偏移,确保界面的稳定性。 添加Button点击事件的方法如下: 1. 在Hierarchy面板创建一个空物体GameObject。 2. 在Project面板创建一个新的C#脚本,命名为OnClickButton,并将该脚本添加到GameObject上。 3. 双击OnClickButton脚本,在打开的脚本编辑器输入相应的代码。该代码的作用是在点击按钮后输出"You click the button."和若干次"Yes"。 4. 在Click方法使用print函数输出相关信息,并通过循环打印"Yes"特定次数。 5. 完成脚本的编写后,将脚本保存并返回Unity编辑器界面。 以上是关于Unity UGUI的简要介绍和Button点击事件的添加方法。希望对你有所帮助!<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [超详细的Unity UGUI教学](https://blog.csdn.net/qq_37701948/article/details/106682377)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值