博客
关于我
iOS基础——屏幕适配之autoResizing、autoLayout、sizeClass
阅读量:718 次
发布时间:2019-03-21

本文共 2057 字,大约阅读时间需要 6 分钟。

iOS 基础 - 屏幕适配(autoresizing, autoLayout, sizeClass)

一、autoResizing

  • autoResizing的出现autoResizing 是 iOS 6 之前 用来支持横屏设备的首选方案。它主要通过设置 View 与父 View 之间的适配来实现屏幕适配。

  • autoResizing 的缺点autoResizing 的主要缺点在于其设置的适配仅限于父 View 与子 View 之间,无法覆盖多个 View 之间的全局适配。

  • autoResizing 的使用在实际开发中,autoResizing 的使用相对简单。通过在每个 View 的右侧设置中勾选 autoResizing 的相关选项(六个可用的间距和比例raudius settings),即可设置适配规则:

    • 左边线:保持左边距不变,其余方向随屏幕放大而自动增长
    • 右边线:保持右边距不变,其余方向随屏幕放大而自动增长
    • 上边线:保持上边距不变,其余方向随屏幕放大而自动增长
    • 下边线:保持下边距不变,其余方向随屏幕放大而自动增长
    • 中间横线:维持宽度与屏幕宽度同步
    • 中间竖线:维持高度与屏幕高度同步

    注意:由于 autoResizing 的限制,在实际项目中大多采用 autoLayout 或第三方库如 easedraw 的解决方案。

    1. autoResizing 的代码实现在代码实现中,通过设置 view.autoresizingMask 的方式来配置适配规则:
    2. view.autoresizingMask = UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleRightMargin |UIViewAutoresizingFlexibleTopMargin | UIViewAutoresizingFlexibleBottomMargin;

      二、autoLayout

    3. autoLayout 的出现为了克服 autoResizing 的局限性,iOS 6 之后正式推出了 autoLayout。autoLayout 不仅支持单个 View 与父 View 之间的适配,还支持多个 View 之间的定向布局,实现更灵活的屏幕适配。

    4. autoLayout 的介绍autoLayout 的核心原理是基于参照物和约束的建立,即通过设置每个 View 的起始位置(x 和 y),宽度和高度约束,可建立复杂的布局体系。

    5. autoLayout 的使用在开发过程中,主要通过以下方式进行配置:

      • storyboard 中的 ViewController 是否启用 autoLayout
      • handoff 模型设置(可选)
      • 采用 IBOutlet 连接或通过代码手动配置约束
      1. autoLayout 的属性配置在实际开发中,可以通过以下方式添加约束:
      2. NSLayoutConstraint *constraint = [NSLayoutConstraint constraintWithItem:myViewattribute:NSLayoutAttributeWidthrelatedBy:NSLayoutRelationEqualtoItem:anotherViewattribute:NSLayoutAttributeWidthmultiplier:1constant:0];[self.view addConstraint:constraint];

        为了提高工作效率,可以使用 VFL(Visual Format Language)语言,或第三方框架如 Mayo 的 Masonry 库进行布局设置。

        1. autoLayout 都得注意事项
          • 在 UITableView 中Cell布局需手动设置行高及底部边距约束
          • estimatedRowHeight 设置合理值,以便系统能够正确估算单元格高度

          三、sizeClass

        2. sizeClass 的出现随着屏幕尺寸的不断扩大,开发者需要处理不同屏幕尺寸的适配问题。iOS 系统提供了 sizeClass 的解决方案,通过屏幕尺寸分类,实现统一的适配。

        3. sizeClass 的分类

          • Compact(紧凑型,小屏幕)
          • Any(通用型,适用于所有屏幕尺寸)
          • Regular(宽松型,大屏幕)
          1. sizeClass 的使用在项目开发过程中,可以通过以下方式进行配置:
            • 在 storyboard 中的 Buttons 设置 w Any、h Any 后,根据不同屏幕尺寸分类设置适配
            • 通过系统预设的分类常量(如 NSLog普通的常量),完成视图布局的统一适配。

            总结:屏幕适配是开发者必须面对的重要课题。在 iOS 系统中,autoResizing、autoLayout 和 sizeClass 提供了多样化的解决方案。为了实现跨屏幕适配,建议根据项目需求选择最优方案,结合 VFL、Masonry 等工具,提升开发效率。

    转载地址:http://tevrz.baihongyu.com/

    你可能感兴趣的文章
    nginx学习笔记003---Nginx代理配置_注意,在Windows中路径要用/
    查看>>
    Nginx学习笔记(一) Nginx架构
    查看>>
    Nginx安装SSL模块 nginx: the “ssl” parameter requires ngx_http_ssl_module in /usr/local/nginx/conf/nginx
    查看>>
    nginx安装stream模块配置tcp/udp端口转发
    查看>>
    nginx安装Stream模块配置tcp/udp端口转发
    查看>>
    Nginx安装与常见命令
    查看>>
    nginx安装与配置
    查看>>
    【Flink】Flink 2023 Flink 到 Doris 实时写入实践
    查看>>
    Nginx安装及配置详解
    查看>>
    nginx安装并配置实现端口转发
    查看>>
    nginx安装配置
    查看>>
    Nginx实战之1.1-1.6 Nginx介绍,安装及配置文件详解
    查看>>
    Nginx实战经验分享:从小白到专家的成长历程!
    查看>>
    nginx实现二级域名转发
    查看>>
    Nginx实现动静分离
    查看>>
    Nginx实现反向代理负载均衡
    查看>>
    nginx实现负载均衡
    查看>>
    Nginx将https重定向为http进行访问的配置(附Demo)
    查看>>
    nginx工作笔记004---配置https_ssl证书_视频服务器接口等
    查看>>
    nginx工作笔记005---nginx配置负载均衡_在微服务中实现网关集群_实现TCP传输层协议__http协议的负载均衡
    查看>>