IOS屏幕适配自动布局教程（一）

最新推荐文章于 2024-03-27 16:07:08 发布
最新推荐文章于 2024-03-27 16:07:08 发布
阅读量895 收藏 1
点赞数
分类专栏： IOS开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/howlaa/article/details/50937707
版权

使用size Classes+autoLayout进行屏幕适配

1.通过autoLayout设置的约束，约束一旦添加就会应用于各种屏幕

2.通过size Classes +  autoLayout的方式可以为不同尺寸的屏幕设置不同的约束比如：在3.5inc的屏幕下希望某个按钮津贴屏幕上方显示，但是当屏幕变成4.7inc以后，则希望该按钮显示到屏幕正中央。

size CLasses技术主要解决的问题：为不同屏幕，通过autoLayout设置不同的约束。

呼啸
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ios 简单的使用按比例自适应屏幕
yj55555的博客
10-05 1897
//1.首先创建一个类,继承于NSObject,在.m中导入AVKit.AVKit.h框架                + (CGRect)getNewRectWithRect:(CGRect)rect isHeight:(BOOL)isHeight{ CGRect newRect = CGRectZero; newRect.origin = [self getNew
详解iOS自动布局框架Masonry
02-25
目前iOS开发中大多数页面都已经开始使用InterfaceBuilder...所以一般用纯代码开发UI的话，一般都是配合一些自动化布局的框架进行屏幕适配。苹果为我们提供的适配框架有：VFL、UIViewAutoresizing、AutoLayout、SizeCla
一个用纯代码完成的自适应屏幕的iOS App UI部分代码
08-16
一个用纯代码完成的自适应屏幕的iOS App UI部分代码，包括可以安装运行的ipa和app的界面流程图。努力一周时间完工，本以为可以挣点小钱的，结果用户说他们的后台功能只能用故事版整合，所以代码无用，就杯具了。放在这里，仅供参考。
iOS 的 APP 在系统中如何适应 iPhone 5s/6/6 Plus 三种屏幕的尺寸？
热门推荐
明明
10-31 1万+
iOS 的 APP 在系统中如何适应 iPhone 5s/6/6 Plus 三种屏幕的尺寸？ iOS开发如何标准化的适应新的iPhone 5s/iPhone6/6 Plus，是否有一种一劳永逸的解决方法？而不需要设计师针对不同的尺寸单独进行设计？ 1 条评论 分享 查看全部 3 个回答 赞同126 反对，不会显示你的姓名
iOS屏幕适配方案详解
最新发布
liuxinzhongliubin的博客
03-27 941
xcode6之后只有一个，并且是正方形的，也就是说不管你做那种屏幕尺寸的app（无论是ipad还是iphone），都只用这一个storyboard就可以了；这一部分相当于是一个autoResizing，强大之处在于可以是任意两个view的相对布局，可以设置距离父控件的上下左右位置(红色框)，还有自身的宽高，还可以相对其他控件设置宽高(蓝色框)autoresizing是苹果早期的ui布局适配的解决办法，所有的ui控件只要相对父控件布局就可以了，没错autoResizing就是一个相对于父控件的布局解决方法；
iOS开发之屏幕自动适应高宽
slatop
12-19 851
UIViewController类的init方法创建的controller其中自带的UIView会自动根据当前屏幕的大小去初始化UIView的大小，无需程序员手动管理，如果当前管理器存在于tabbar或navigation，应该为UIView添加autoresizingMask = UIViewAutoresizingFlexibleHeight属性，让其自动调用高。如果UIView中有其它子控件
Flutter中屏幕自适应(iPhone iPad Windows)
weixin_52277780的博客
05-11 1880
Flutter中屏幕自适应(iPhone iPad Windows)
自动适配屏幕的网格布局效果
04-02
该源码实现可自动适配屏幕的网格布局效果，当我们切换到横屏或竖屏时，屏幕自动调整屏幕的大小以及位置等，而且不但可以设置好每个网格的间距效果，还可以设置每行网格的数目等，喜欢的ios开发朋友可以下载研究一下...
IOS自适配利器Masonry使用指南
09-02
如果说自动布局解救了多屏幕适配，那众多三方库的出现就解救了系统自动布局的写法。Masonry就是其中一个。用法上也比较简单灵活，很大程度上替代了传统的NSLayoutConstraint布局方式。下面我们就来具体探讨下吧
xamarin学习笔记B06(ios的Autolayout布局技术)
12-08
xamarin学习笔记B06(ios的Autolayout布局技术)Autolayout是一种自动布局技术，很方便进行屏幕适配。
ios-自动布局系列代码（包括xib、storyboard、autoresizing、autolayout size class）.zip
07-11
细谈屏幕适配和界面开发辅助工具
iOS使用masonry自适应布局
01-10
使用Masonry完成cell高度自适应，实现简易聊天界面布局
几行代码帮你完成ios屏幕适配Demo
08-25
几行代码帮你完成ios屏幕适配
iOS自动适配
11-27
// iOS适配 自动适配 手动适配 // 只需要在要适配的控制器上加下面3句话,即可完成自动适配 #pragma mark- AutoAjustAttag - (void)dealloc{ // 销毁参照 [self.view removeRelation]; } - (void)viewWillAppear:(BOOL)animated{ // 自动适配 [self.view setAutoAjustWithSupderAccordingFrame:SGKScreenFrameIPhone3_5Portrait]; } - (void)willAnimateRotationToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration{ // 手动旋转适配 [self.view autoAjustRelationWithInterfaceOrientation:toInterfaceOrientation]; }
ios-全自动化的文字适配.zip
07-11
特性： 1、全自动化，支持自定义字体，不需要手动一个一个适配。 2、有两种适配样式: 1）、标准样式：根据屏幕比例自动适配。2）、自定义样式 ：用户可以根据屏幕来设置每个屏幕统一字体。 3、支持UILabel，UIButton，UITextField,UITextView类以及自定义的继承类。 4、支持某些类和某个对象不适配。 5、关闭某个对象适配，支持手动代码和storyboard两种设置。 6、支持不分屏幕尺寸，统一修改字体大小。 查看详细使用说明请移步到gitHub地址：https://github.com/04zhujunjie/JJFontFit
ios布局利用约束使按钮等宽等高自适应屏幕
A1521315qwss的博客
02-08 1656
ios布局利用约束使按钮等宽等高自适应屏幕 能够使用sb或者nib解决问题的，尽量不要使用monery框架或者snipKit框架，增加代码量。 首先要知道一点 ：四个元素确定一个控件在sb的位置。 三个按钮，等宽等高的设置在最上面。 首先 拖一个view到sb里面，设置距离上左右间距为0. 然后把高度钉死 44 px。 再拖Button控件到 view身上，如果父控件没有控件，子控件是不能设置约束的。这是基础。 设置左1，距离上下左右间距为0约束。 设置中2 距离右 上下，间距为0. 设置右1 距离上下
IOS 屏幕适配（一）理论篇
yinshipin007的博客
03-23 2453
自动适配原则上UILabel都是不设置高度的，根据文字内容自动适配高度。《*注意运算顺序 -60.i6PBigModel(-30) 等价于 -(60.i6PBigModel(-30)) 结果为 -(-30) 或者 -60》《*注意运算顺序 -60.i6PBigModel(-30) 等价于 -(60.i6PBigModel(-30)) 结果为 -(-30) 或者 -60》《*注意运算顺序 -60.ipad(-30) 等价于 -(60.ipad(-30)) 结果为 -(-30) 或者 -60》
iOS开发 -手机屏幕适配的简单使用
weixin_38934440的博客
03-16 2371
我们先来看一张美工小姐姐提供的蓝湖图。 发现什么了吗？ 设计尺寸750X1314是设备(物理)分辨率。其实美工是按照6/6s/7/8标准标注的图。因为6/6s/7/8的缩放因子是@2x，所以750/2X1314/2 == 375X667，就是我们6/6s/7/8手机的逻辑分辨率。 //UI设计基准px 750x1314 转换为iphone使用的逻辑分辨率值为 375x667 iphone型号 尺寸 逻辑分辨率(p...
css适配ios移动端
09-02
在适配 iOS 移动端的 CSS 中，可以考虑以下几个方面： 1. 使用 viewport meta 标签：在 HTML 的 head 部分添加以下代码，以确保页面按照设备的宽度进行缩放和布局。 ``` <meta name="viewport" content="width=device-width, initial-scale=1.0"> ``` 2. 使用相对单位：使用相对单位（例如 em、rem、vw、vh）来定义字体大小、宽度、高度和间距等属性，这样页面元素可以根据屏幕大小进行自适应。 3. 避免固定宽度和高度：尽量避免使用固定的宽度和高度值，而是使用百分比或相对单位来定义元素的尺寸，以便在不同屏幕尺寸上保持一致性。 4. 媒体查询：使用媒体查询来根据屏幕尺寸应用不同的 CSS 样式。例如，可以使用 @media 查询来为 iPhone 或 iPad 等设备应用特定的样式。 5. CSS Flexbox 或 Grid 布局：使用 Flexbox 或 Grid 布局可以轻松实现响应式布局，并自动调整元素的位置和大小，以适应不同的屏幕尺寸。 6. 测试和调试：在开发过程中，使用 iOS 模拟器或真实的 iOS 设备进行测试和调试，以确保页面在不同的 iOS 设备上呈现正常。 这些是一些常见的方法，可以用来适配 iOS 移动端的 CSS。根据具体需求和项目要求，可能还需要采用其他的适配策略。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值