UI设计布局在不同尺寸屏幕上的适配;约束,自动缩放,移动开发,
2022-07-19 本文已影响0人
万年老参
以iOS为例,视觉设计师们给的设计图一般以iphone6为准。
当屏幕大小变化时,可以将设计图分解为独立的一个个部分,对于每部分,分别有位置不变,位置根据屏幕变化,大小不变,大小根据屏幕变化,根据父视图变化几种情况。
对于随屏幕大小等比例变化的可以用以下宏自动计算大小:
#define iph6S(in) (in*[UIScreen mainScreen].bounds.size.width/375.0)
开发过程中,对于不同屏幕空间大小和位置一般有以下几种处理方法:
一,距离某个屏幕边距离不变,或相对于父视图某个边,或邻近视图的距离不变。
常见于一些固定的按钮,nav,tab等导航UI,这类视图添加约束时一般可以添加固定距离约束,及固定大小约束即可
二,距离屏幕中心或父视图中心(或与中心距离固定)。
常见于默认图片或内容展示,此时添加居中约束即可。
可变参数:大小。此时可以根据屏幕尺寸与iphone6尺寸比,算出