关于unity3dGUI(uGUI)的一些自适应的收获,在这里跟大家分享一下

本文详细介绍了Unity中UI自适应的实现方法,包括如何利用uGUI Anchor Presets进行UI元素的位置与大小调整,以适应不同尺寸的屏幕。通过具体实例展示了自适应过程,并提供了官方示例供参考。

假设大家要转载这篇文章,请注明出处。本人名字叫赖张殷,博客地址为http://my.youkuaiyun.com/?c=674f97f953e5dbfdba9fefaa3d1fcbe1


//2017年5月12日改动。添加链接

原文链接:http://www.manew.com/forum.php?

mod=viewthread&tid=103675&pid=1433481&page=1&extra=page%3D1#pid1433481


首先上一个关于uGUI Anchor presets 的截图

然后请大家记住图示箭头的小蓝点,以及最外层的正方形图案



然后呢。请看这张图:


图中用红色标出的是距离那朵类似花一样的中心的数值大小


然后个中心点是能够移动的。就向这样

那些数字是代表什么意思,这里不深究了。



然后如今说自适应的重点了:


Buttonbutton边上的四个小圆圈就是相应的四个位置的三角形的距离了。这个距离会依据屏幕的大小进行自适应,可是

关键是要由两个三角形处于cavas组件的边上

好的,如今说说最開始的Anchor Presets图片说的小蓝点就是代表那朵小花,然后最外边的正方形图案就是高速设置自适应的button。




然后以下给大家展示一下自适应的一下样例,功大家參考





这是上下的演示样例,左右同理。提示假设是要作为背景的图片。能够直接按anchor preset最右下角的图片,然后调整图片大小。

就能完毕自适应的过程了,unity就是这么简单粗暴。


最后在附上官方的演示样例图片:





转载于:https://www.cnblogs.com/yfceshi/p/7397107.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值