美文网首页
UI设计布局在不同尺寸屏幕上的适配;约束,自动缩放,移动开发,

UI设计布局在不同尺寸屏幕上的适配;约束,自动缩放,移动开发,

作者: 万年老参 | 来源:发表于2022-07-19 16:42 被阅读0次

    以iOS为例,视觉设计师们给的设计图一般以iphone6为准。
    当屏幕大小变化时,可以将设计图分解为独立的一个个部分,对于每部分,分别有位置不变,位置根据屏幕变化,大小不变,大小根据屏幕变化,根据父视图变化几种情况。

    对于随屏幕大小等比例变化的可以用以下宏自动计算大小:

    #define iph6S(in)     (in*[UIScreen mainScreen].bounds.size.width/375.0)
    

    开发过程中,对于不同屏幕空间大小和位置一般有以下几种处理方法:
    一,距离某个屏幕边距离不变,或相对于父视图某个边,或邻近视图的距离不变。
    常见于一些固定的按钮,nav,tab等导航UI,这类视图添加约束时一般可以添加固定距离约束,及固定大小约束即可
    二,距离屏幕中心或父视图中心(或与中心距离固定)。
    常见于默认图片或内容展示,此时添加居中约束即可。
    可变参数:大小。此时可以根据屏幕尺寸与iphone6尺寸比,算出

    相关文章

      网友评论

          本文标题:UI设计布局在不同尺寸屏幕上的适配;约束,自动缩放,移动开发,

          本文链接:https://www.haomeiwen.com/subject/ixxyirtx.html