文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

iOS多设备适配简史以及相应的API支撑实现

远古的iPhone3和iPhone4时代，设备尺寸都是固定3.5inch，没有所谓的适配的问题，只需要用视图的frame属性进行硬编码即可。...iOS11出来后尤其是iPhoneX设备推出，iPhoneX设备的特殊性表现为顶部的状态栏高度由20变为了44，底部还出现了一个34的安全区，当横屏时还需要考虑左右两边的44的缩进处理。...你需要对所有的布局代码进行重新适配和梳理以便兼容iPhoneX和其他设备，这里面还是状态栏的高度以及底部安全区的的高度尤为棘手。 个人认为这两个版本的发布是iOS开发人员遇到的需要大量布局改版的版本。...NSLayoutConstraint约束以及iOS9上的封装改进 在iOS6时代苹果推出了AutoLayout的技术解决方案，这是一套采用以相对约束来替代硬编码的解决方法，然而糟糕的方法名和使用方式导致使用成本和代码量的急剧增加...Max)的布局有差异时，我们可能需要用到苹果的SizeClasses技术。

1.5K30
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    【IOS开发基础系列】Autolayout自动布局专题

    . - (void) addConstraint: (NSLayoutConstraint *) constraint    NS_AVAILABLE_IOS (6_0);     2. - (void...就是上面所加入到NSDictionary中的绑定的View；         在这里要注意的是AddConstraints  和AddConstraint之间的区别，一个添加的参数是NSArray，一个是NSLayoutConstraint...旋转屏幕的情况下也会自动处理布局。这样看起来代码多，但是可以适应多种分辨率的屏幕。不排除以后苹果出更大更多分辨率的手机。...2.2 AutoLayout框架介绍(ZXPAutoLayout)         iOS原生的自动布局(NSLayoutConstraint)非常繁琐, 影响开发进度和可读性也不利于维护, 正所谓工欲善其事必先利其器....html 开始iOS 7中自动布局教程(一) http://www.cocoachina.com/industry/20131203/7462.html (翻译)开始iOS 7中自动布局教程(二) http

    84840

    iOS-屏幕适配实现（AutoLayout）

    XIB中设置AutoLayout 多个控件对齐处理 多个控件对齐处理 单个控件的处理 单个控件的处理 Safe Area : iOS11...，其实并不是针对具体哪一个设备，而是相同sizeclass的一类设备，所以添加特征变量是影响一类设备 Interface Style：亮色或暗色的界面风格 orientation：设备方向 Vary...for Traits ：点击后会弹出选择Width、Height复选框，选择宽度、高度或两者，背景会变成蓝色，左边显示的设备也会变化，选择设备后，点击Done Varying按钮...预设值（也可以不使用预设值，自己设置需要的倍数，如 0.5） -1：1 倍 -4:3：4:3 倍 -16:9：16:9 倍 Placeholder（Remove at build time）：编译时移除该约束...） 如果xib完成一个效果，点击PreView可以查看给个型号设备的效果.gif 代码中设置AutoLayout 利用 NSLayoutConstraint 类创建具体的约束对象

    1.2K10

    iOS界面布局之三——纯代码的autoLayout及布局动画

    8_0),     NSLayoutAttributeRightMargin NS_ENUM_AVAILABLE_IOS(8_0),     NSLayoutAttributeTopMargin NS_ENUM_AVAILABLE_IOS... NS_ENUM_AVAILABLE_IOS(8_0),     NSLayoutAttributeCenterYWithinMargins NS_ENUM_AVAILABLE_IOS(8_0),     ...metrics参数是属性替换字典，例如我们上边用到的距离左边界20，如果这个20是一个变量width,我们可以将20的地方换成width，然后配置这个字典：@{@"width":@20}，这样，在布局时，...shouldChangeTextInRange:(NSRange)range replacementText:(NSString *)text{     //当文本高度大于textView的高度并且小于100时，...四、通过动画改善更新约束时的效果         这一点非常coll，上面我们已经实现了textView随文本的行数高度进行自适应，但是变化的效果十分生硬，还要apple的动画框架支持autolayout

    3.3K30

    iOS开发之扫描二维码

    自iOS7以后，iOS扫描二维码不需要借助于第三方框架了，苹果在AVFoundation中原生支持了扫描二维码的API，主要涉及到5个类，这5个类在自定义相机或者视频时也用得上，网上有很多介绍，这5个类分别为...: AVCaptureSession：媒体捕获会话，负责把捕获的音视频数据输出到输出设备中。...AVCaptureDevice：输入设备，如麦克风、摄像头。...运行环境：Xcode 8.3.2 + iOS 8. 4真机、iOS 10.3.1真机 核心步骤： 1、创建AVCaptureSession会话 2、创建AVCaptureDevice设备 3、创建输入...二、参考文献 1、iOS开发系列--音频播放、录音、视频播放、拍照、视频录制 2、iOS开发 - 二维码的扫描 3、iOS二维码扫描与生成(优化启动卡顿) 三、源代码

    2.4K40

    设计iOS中随系统键盘弹收和内容文字长度自适应高度的文本框

    设计iOS中随系统键盘弹收和内容文字长度自适应高度的文本框     文本输入框是多数与社交相关的app中不可或缺的一个控件，这些文本输入框应该具备如下的功能： 1.在键盘为弹起时，输入框悬浮在界面底部...2.当键盘弹起时，输入框位置上移至键盘上方，并且动画应与键盘同步。 3.当输入的文字超出一行时，输入框应想用的进行高度扩展。...将需要的属性与约束对象关联到文件中： //整体文本控件的高度     @IBOutlet weak var textViewHeight: NSLayoutConstraint!     ...//文本控件中的文字输入控件UITestView的高度     @IBOutlet weak var textFieldHeight: NSLayoutConstraint!     ...//文本控件与父视图底部的约束距离     @IBOutlet weak var textViewBottom: NSLayoutConstraint!

    1.9K20

    深入详解iOS适配技术

    autoresizing.png (一)Autoresizing Autoresizing是早期iOS设备机型很少、APP界面布局相对简单的背景下产生的一种屏幕适配技术。...早期的iOS设备机型很少、屏幕尺寸单一、APP界面相对简单，屏幕适配并没有现在这么复杂，在当时这种背景下，产生了Autoresizing。...在sizeclass为（any,any）时布局的控件可以显示在任何尺寸的设备上，包括所有尺寸的iPhone和iPad。...sizeClass-W Regular H Compact2.gif 上图是以4.0英寸的iPhone设备为例进行的验证，你会发现，在4.0英寸的设备处于横屏状态时，左上角并没有出现绿色的button。...至此，我们证明了sizeClass为W Regular H Compact时，在storyBoard上的控制器上的布局只会出现在5.5英寸的横屏状态的iPhone设备上。

    9.5K70

    Autolayout

    Autolayout Autolayout是一种“自动布局”技术，专门用来布局UI界面的 Autolayout自iOS6开始引入，由于Xcode4的不给力，当时并没有得到很大推广自iOS7（Xcode5...Autoresizing 区别 在Autolayout之前，有Autoresizing可以作屏幕适配，但局限性较大，有些任务根本无法完成 相比之下，Autolayout的功能比Autoresizing强大很多 拖线时造成的...类创建具体的约束对象 添加约束对象到相应的view上 - (void)addConstraint:(NSLayoutConstraint *)constraint; - (void)addConstraints...一个NSLayoutConstraint对象就代表一个约束 创建约束对象的常用方法 /* view1 ：要约束的控件 attr1 ：约束的类型（做怎样的约束） relation ：与参照控件之间的关系...obj1.property1 =（obj2.property2 * multiplier）+ constant value 添加约束的规则（1） 在创建约束之后，需要将其添加到作用的view上 在添加时要注意目标

    1.3K60

    「 UITableView 入门 」新人解决列表 Cell 高度自适应，UITableViewCell 高度自适应

    一、前言 我们在写列表的时候，经常出现每一个 Cell 高度不一样的情况，但是 iOS 这边是在是太不智能了 比起隔壁 android 的 RecyclerView ，人家可以自动更具每一项高度，来进行伸缩变化...，iOS 的列表控件 UITableView 竟然都不能直接自适应列表高度 二、效果 其实具体的实现并不难，只是没学过的人肯定搞不出来，开始前这里可以先看下效果 大致就是 UITableView 会自动计算每一个...在面对这种问题时， 了解清楚美丽的沙滩到底是一种怎么样的存在，是解决一切问题的关键。", "我们都知道，只要有意义，那么就必须慎重考虑。"]...tableView.edgeConstraints(top: 80, left: 0, bottom: 0, right: 0)) } 总结 我在 GitHub 新建了一个仓库，正在为大家整理、分享我的 iOS...学习笔记，欢迎大家 star 支持：https://github.com/Knowledge-Precipitation-Tribe/ios_notes 如果大家有更好的方案，欢迎在评论区分享代码，我会更新到本文中

    3K10

    iOS学习——布局利器Masonry框架源码深度剖析

    iOS开发过程中很大一部分内容就是界面布局和跳转，iOS的布局方式也经历了 显式坐标定位方式 --> autoresizingMask --> iOS 6.0推出的自动布局（Auto Layout）...iOS6.0推出的自动布局实际上用布局约束（Layout Constraint）来实现，通过布局约束（Layout Constraint）可以确定两个视图之间精确的位置的相对距离，为此，iOS6.0推出了...NSLayoutConstraint来定义约束，使用方法如下： [NSLayoutConstraint constraintWithItem:view1 　　attribute:NSLayoutAttributeLeft...的详细使用方法参见：NSLayoutConstraint-代码实现自动布局。...在进行源码剖析时我们从我们经常用到的部分出发，一层一层进行解析和研究。

    1.6K101

    Cell 动态行高文字显示不全问题探索

    问题概述 使用的是”预估行高+自动布局“的方法实现动态行高(适用于 iOS7.0 以后系统)。...( "NSLayoutConstraint:0x6000033a5810 UILabel:0x7f898d0072c0.height == 21 (active)>", "NSLayoutConstraint...当我们把底部约束的优先级降低到 Low 时，cell 在之前预估行高的基础上，根据约束重新布局，舍弃的就是低优先级的底部约束了，因此才能看到低优先级底部约束开始生效，后来因 setFrame 减小了高度...小结 重写 cell 的 setFrame 方法改变 cell 高度来实现分割线效果时，可能导致多行 label 显示不全，此时，可以通过降低底部约束优先级为 Low + 增加底部约束的值（cell 间距...但是，当 cell 有选中效果或左滑删除效果时，相关效果就不是很好了，因为分隔线 View 属于 cell 的一部分被一起选中或移动，看起来效果有点不太好。 好了，这次的探索就到这里了。

    2.8K00

    iOS自动布局——Masonry详解

    2.png 所以，软件界面开发的核心点即是：如何减少UI设计稿的建模难度和减少建模转化到代码的实现难度 最初iOS提供了平面直角坐标系的方式，来解决布局问题，即所谓的手动布局。...所幸，iOS为我们提供自动布局的方法，来解决这一困境。 3.png 自动布局的基本理念 其实说到本质，它和手动布局是一样的。...;       [self.constraints addObject:newConstraint];   }    return newConstraint; } 在对单个view添加约束时，...在上面介绍install方法时，我们就曾提到过：  MASLayoutConstraint *layoutConstraint        = [MASLayoutConstraint constraintWithItem...以上就是Masonry对iOS自动布局封装的解读。 如有问题，欢迎指正。

    3.5K80

    Cell 动态行高文字显示不全问题探索

    问题概述 使用的是”预估行高+自动布局“的方法实现动态行高(适用于 iOS7.0 以后系统)。...( "NSLayoutConstraint:0x6000033a5810 UILabel:0x7f898d0072c0.height == 21 (active)>", "NSLayoutConstraint...当我们把底部约束的优先级降低到 Low 时，cell 在之前预估行高的基础上，根据约束重新布局，舍弃的就是低优先级的底部约束了，因此才能看到低优先级底部约束开始生效，后来因 setFrame 减小了高度...小结 重写 cell 的 setFrame 方法改变 cell 高度来实现分割线效果时，可能导致多行 label 显示不全，此时，可以通过降低底部约束优先级为 Low + 增加底部约束的值（cell 间距...但是，当 cell 有选中效果或左滑删除效果时，相关效果就不是很好了，因为分隔线 View 属于 cell 的一部分被一起选中或移动，看起来效果有点不太好。 好了，这次的探索就到这里了。

    2.3K20

    布局编码的未来

    外部来源 多屏幕适配 来电录音提示条 设备旋转 说起适配，可能大家首先想到的就是针对屏幕的适配，实际上内部变化来源中的内容变化一直都是布局编码的核心需求，布局总会涉及到诸如：根据文本长度调整布局...外部来源总结下来就是对视图容器变化的适配，这里其实并不能简单的等同于对机型分辨率的适配、设备旋转、来电录音提示条、分屏设计等因素的组合效应。...这些设备的出现在iOS技术史上具有里程碑的意义，iOS开发者需要适配更多的屏幕，当然苹果也推出了Auto Layout作为应对方案。...当然，所有的iOS设备都有横屏的能力…… 再加上iOS大屏幕上分屏的能力，iOS开发面临的适配挑战已经比肩甚至超过Android开发小伙伴了，因为老板和UED通常要求iOS设备的完美适配。...，显然伪代码肯定是广大人民群众喜闻乐见的形式： RedView.Leading = 1.0 x BlueView.trailling + 8 然后就面临这血淋淋的现实，模式的约束构造方式是这样的： [NSLayoutConstraint

    1.3K40

    iOS开发之微信聊天页面实现

    在上篇博客（iOS开发之微信聊天工具栏的封装）中对微信聊天页面下方的工具栏进行了封装，本篇博客中就使用之前封装的工具栏来进行聊天页面的编写。...在聊天页面中主要用到了TableView的知识，还有如何在俩天中显示我们发送的表情，具体请参考之前的博客：IOS开发之显示微博表情，在这儿就不做赘述啦。...当点击图片时会跳转到另一个Controller中来进行图片显示，在图片显示页面中添加了一个捏合的手势（关于手势，请参考：iOS开发之手势识别）。...imagePickerControllerDidCancel:(UIImagePickerController *)picker 14 { 15 //在ImagePickerView中点击取消时回到原来的界面...tapPichGesture:(id)sender { 2 UIPinchGestureRecognizer *gesture = sender; 3 4 //手势改变时

    4.7K70
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券