公司招了个拼UI的 没有什么经验 拼出来的UI无法自适应屏幕
NGUI自带自适应,UGUI的自适应就得靠锚点了
什么是锚点(Anchor)?
锚点有什么作用?
举个例子 把锚点设置在右上角,之后进行拖拽,会发现无论怎么拖拽,图片距离锚点的位置都没有任何变化
UGUI自适应,子控件和锚点的距离永远不变,锚点与控制点的距离不会被拉伸
简单来说就是中心点距离锚点的位置不变
验证一下 锚点放左上角,距离锚点的位置依然不变
常见屏幕自适应设置
如何设置锚点?
按住Alt设置 当然你可以自己设置
有一位博主总结的不错,借用一下文章链接
1、四个锚点,相对于四根钉子,钉子Image的父级元素上。
2、四个实心蓝点,相当于四个纽扣,缝在Image的四个边上。
3、锚点和纽扣之间被四根无形的钢丝链接,注意是钢丝,因为不会伸缩。
4、如果把Image调整好了大小,现在想让他随着屏幕的变化进行缩放,那么就把四个锚点,拖拽到四个纽扣上,相对于把Image
的四个角钉在了父级元素上,父级元素缩放就会拽着Image进行缩放,比例是一致的。
5、锚点合并在一起,相当于把Image四个角往同一个方向拽,所以不会改变Image的大小。