Unity UGUI锚点问题

公司招了个拼UI的 没有什么经验 拼出来的UI无法自适应屏幕
NGUI自带自适应,UGUI的自适应就得靠锚点了

什么是锚点(Anchor)?
在这里插入图片描述

锚点有什么作用?
举个例子 把锚点设置在右上角,之后进行拖拽,会发现无论怎么拖拽,图片距离锚点的位置都没有任何变化

在这里插入图片描述
UGUI自适应,子控件和锚点的距离永远不变,锚点与控制点的距离不会被拉伸
简单来说就是中心点距离锚点的位置不变
在这里插入图片描述
验证一下 锚点放左上角,距离锚点的位置依然不变
在这里插入图片描述
常见屏幕自适应设置
在这里插入图片描述

如何设置锚点?
按住Alt设置 当然你可以自己设置
在这里插入图片描述

有一位博主总结的不错,借用一下文章链接
1、四个锚点,相对于四根钉子,钉子Image的父级元素上。
2、四个实心蓝点,相当于四个纽扣,缝在Image的四个边上。
3、锚点和纽扣之间被四根无形的钢丝链接,注意是钢丝,因为不会伸缩。
4、如果把Image调整好了大小,现在想让他随着屏幕的变化进行缩放,那么就把四个锚点,拖拽到四个纽扣上,相对于把Image
的四个角钉在了父级元素上,父级元素缩放就会拽着Image进行缩放,比例是一致的。
5、锚点合并在一起,相当于把Image四个角往同一个方向拽,所以不会改变Image的大小。

  • 5
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值