博客
关于我
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/

    你可能感兴趣的文章
    NuxtJS 接口转发详解:Nitro 的用法与注意事项
    查看>>
    NVelocity标签使用详解
    查看>>
    Nvidia Cudatoolkit 与 Conda Cudatoolkit
    查看>>
    NVIDIA GPU 的状态信息输出,由 `nvidia-smi` 命令生成
    查看>>
    NVIDIA-cuda-cudnn下载地址
    查看>>
    nvidia-htop 使用教程
    查看>>
    nvidia-smi 参数详解
    查看>>
    nvm安装以后,node -v npm 等命令提示不是内部或外部命令 node多版本控制管理 node多版本随意切换
    查看>>
    NYOJ 1066 CO-PRIME(数论)
    查看>>
    nyoj------203三国志
    查看>>
    nyoj58 最少步数
    查看>>
    OAuth2 + Gateway统一认证一步步实现(公司项目能直接使用),密码模式&授权码模式
    查看>>
    OAuth2 Provider 项目常见问题解决方案
    查看>>
    Vue.js 学习总结(14)—— Vue3 为什么推荐使用 ref 而不是 reactive
    查看>>
    oauth2-shiro 添加 redis 实现版本
    查看>>
    OAuth2.0_JWT令牌-生成令牌和校验令牌_Spring Security OAuth2.0认证授权---springcloud工作笔记148
    查看>>
    OAuth2.0_JWT令牌介绍_Spring Security OAuth2.0认证授权---springcloud工作笔记147
    查看>>
    OAuth2.0_介绍_Spring Security OAuth2.0认证授权---springcloud工作笔记137
    查看>>
    OAuth2.0_完善环境配置_把资源微服务客户端信息_授权码存入到数据库_Spring Security OAuth2.0认证授权---springcloud工作笔记149
    查看>>
    OAuth2.0_授权服务配置_Spring Security OAuth2.0认证授权---springcloud工作笔记140
    查看>>