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

    你可能感兴趣的文章
    npm install 报错 ERR_SOCKET_TIMEOUT 的解决方法
    查看>>
    npm install 报错 Failed to connect to github.com port 443 的解决方法
    查看>>
    npm install 报错 fatal: unable to connect to github.com 的解决方法
    查看>>
    npm install 报错 no such file or directory 的解决方法
    查看>>
    npm install 权限问题
    查看>>
    npm install报错,证书验证失败unable to get local issuer certificate
    查看>>
    npm install无法生成node_modules的解决方法
    查看>>
    npm install的--save和--save-dev使用说明
    查看>>
    npm node pm2相关问题
    查看>>
    npm run build 失败Compiler server unexpectedly exited with code: null and signal: SIGBUS
    查看>>
    npm run build报Cannot find module错误的解决方法
    查看>>
    npm run build部署到云服务器中的Nginx(图文配置)
    查看>>
    npm run dev 和npm dev、npm run start和npm start、npm run serve和npm serve等的区别
    查看>>
    npm run dev 报错PS ‘vite‘ 不是内部或外部命令,也不是可运行的程序或批处理文件。
    查看>>
    npm scripts 使用指南
    查看>>
    npm should be run outside of the node repl, in your normal shell
    查看>>
    npm start运行了什么
    查看>>
    npm WARN deprecated core-js@2.6.12 core-js@<3.3 is no longer maintained and not recommended for usa
    查看>>
    npm 下载依赖慢的解决方案(亲测有效)
    查看>>
    npm 安装依赖过程中报错:Error: Can‘t find Python executable “python“, you can set the PYTHON env variable
    查看>>