uGUI练习(一) Anchor

本文为作者原创,转载请注明出处:https://www.cnblogs.com/zhaoqingqing/p/3972656.html



一、练习步骤#

如果用过NGUI的Anchor,我们知道在2.x的版本有UIAnchor组件(下图左),3.x版本中,每个UIWidget有自带的Anchors(下图右)

imageimage

而uGUI的Anchor用起来也一样很直观,简单易使用。

1、创建一个新场景,我们创建一个UI/Button

image——>image——>image

2、创建完成后,观察Scene中的情况

image

3、Inspector截图,注意图中框选的部分,对于Anchor很有用。

image

4、在Scene里拖动Button(注意:拖动浅白色圆圈image,而不是image)

image

image

通过上面的拖动观察,我们可以得到,它是先Anchor在中心(0,0,0),然后根据你的拖动而做偏移。

5、在Inspect属性面板中,点击Rect Transform的图标image,弹出如下选项

image

下面我们解释一下这些图形的意思(按住 Alt 显示Position)

image

6、有了上面的概念之后,我们就可以轻松的完成Anchor了,比如我想Anchor在左下角,那我只需要选择 bottom – left

image

7、选择完之后,在场景中可以看到,Button已经Anchor在左下角了,同进看到Anchors下的值也发生了改变。

imageimage

8、查看Game视图,拉伸窗口不管在什么分辨率下,Button都始终固定在左下角

image

二、完成练习#

image

三、Anchor效果#

imageimage

作者:赵青青   一名在【网易游戏】做游戏开发的程序员,擅长Unity3D,游戏开发,.NET等领域。
本文版权归作者和博客园共有,欢迎转载,转载之后请务必在文章明显位置标出原文链接和作者,谢谢。
如果本文对您有帮助,请点击【推荐】您的赞赏将鼓励我继续创作!想跟我一起进步么?那就【关注】我吧。
posted @   赵青青  阅读(4083)  评论(8编辑  收藏  举报
编辑推荐:
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
阅读排行:
· DeepSeek “源神”启动!「GitHub 热点速览」
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· 2 本地部署DeepSeek模型构建本地知识库+联网搜索详细步骤
历史上的今天:
2013-09-15 Unity3D MainCamera和NGUI UICamera的小插曲
CONTENTS
点击右上角即可分享
微信分享提示