iOS开发中使用AutoLayout进行不同屏幕尺寸匹配
来源:互联网 发布:语文讲课软件 编辑:程序博客网 时间:2024/05/22 01:57
自从发布了iPhone6和plus后,苹果手机的屏幕尺寸就变成了3.5寸,4.0寸,4.7寸,5.5寸。屏幕适配问题就变成了一个比较严峻的问题。界面布局会在不同尺寸上产生较大的影响,影响用户体验。现在我们需要使用苹果新发布的AutoLayout来匹配不同的界面布局。具体步骤如下:
(1)在storyboard中,设计如下布局,在界面底部显示一行文字。
。
(2)然后分别在iPhone4s和iPhone5s上运行。可以发现在4s上是一片空白,因为我们设计的时候是在4寸的屏幕上设计的,而4s屏幕只是3.5寸,所以这些底部的文字被挤到屏幕外面看不到了。然后在4寸的5s上显示正常。
。
。
(3)开始使用AutoLayout进行自动布局。选中当前ViewController,在右侧勾选“Use Auto Layout”.并且在右上角选择“Show the Assistant Editor”.并且选择预览功能,可以看到当前界面布局能在不同设备上显示出来。
。
(4)在第一个界面右下角点击“Resolve Auto Layout Issues”,如图所示:
。
(5)点击“Add Missing Constraints”,为当前界面添加约束。然后界面就会自动匹配到不同的尺寸上。
。
(6)分别在4s,5s上进行测试。
。
。
这样,就能完成不同屏幕的适配了。
github主页:https://github.com/chenyufeng1991 。欢迎大家访问!
2 0
- iOS开发中使用AutoLayout进行不同屏幕尺寸匹配
- iOS开发 Xcode上使用xib时,查看UI在不同屏幕尺寸的效果
- IOS开发中获取屏幕尺寸大小
- ios屏幕兼容 phone4和iphone5的屏幕尺寸不同,在程序中兼容
- iOS开发之iPhone不同屏幕尺寸的适配及切图问题
- iOS 的 APP 在系统中如何适配不同的屏幕的尺寸
- 在不同屏幕尺寸并且同一nib文件下,实施AutoLayout方法(个人方案)
- 不同iPhone屏幕尺寸
- 支持不同屏幕尺寸
- [iOS开发]图标及屏幕尺寸
- iOS 开发 屏幕尺寸 --------开发者必备
- iOS开发--------屏幕尺寸适配
- android中如何使用一张图片适配不同屏幕尺寸的APP启动引导页
- iOS中代码使用Autolayout
- [iOS开发]屏幕适配二:Xcode7使用Autolayout拖拽布局基础(1)
- [iOS开发]屏幕适配三:Xcode7使用Autolayout拖拽布局基础(2)
- [iOS开发]屏幕适配四:Xcode7使用Autolayout拖拽布局基础(3)TableView自动布局
- ios中屏幕尺寸的问题
- Leetcode Q12 : Integer to Roman
- Delphi对象和指向对像的指针
- Makefile进行宏定义
- c++异常处理机制示例及讲解
- 【HDOJ 5316】Magician
- iOS开发中使用AutoLayout进行不同屏幕尺寸匹配
- OSI七层模型详解
- POJ3041
- 【暑期基础】G HDU 2006 求奇数的乘积
- HDOJ 5329 Question for the Leader
- 使用Qt创建一个OpenCV工程
- 【欧拉】 UVA 11426 GCD - Extreme (II)
- 对于面向接口(抽象)编程的思考
- android 网络访问-图片处理优秀开源项目