iphone5和4的屏幕兼容问题
2012-11-09 16:13
886 查看
iphone5出来了,屏幕没有等比例扩大,直接拉长了,以前的应用在iphone5上直接就是上下两条黑,刚做好ipad开发,最近又要做iphone开发,就在做项目之前把屏幕兼容问题解决了一下。大概可以分为三步:
1、建立xib视图界面时,把view的size都设为Retain 4 Full Screen
并把auto layout勾上
2、把界面分为三个部分,即在superview上添加上中下三个view,顶部和底部的view在不同设备下尺寸不变(即在iphone5和4上都保持相同尺寸),变化的是中间的view,而且变的是高度,这样就为适应屏幕降低了复杂度,并提高了开发效率,还便于设计。(图中三种颜色分别代表上中下三个view,其中中间的view我还加了歌UIScrollView进行测试,不过正常,哈哈)
3、界面上准备好了,就得搞代码了,代码上首先要判断是否是iphone5,如果是iphone5,就不做处理,如果不是iphone5就对三个view的位置和尺寸进行设置(我这里只改变中间view的尺寸,顶部和底部的view尺寸不变,只是调了view的相对位置,而相对位置则用IOS SDK6.0新出的NSLayoutConstraint里的方法来约束view之间的相对位置),代码如下:
https://github.com/SincereXing/iphoneScreen.git
1、建立xib视图界面时,把view的size都设为Retain 4 Full Screen
并把auto layout勾上
2、把界面分为三个部分,即在superview上添加上中下三个view,顶部和底部的view在不同设备下尺寸不变(即在iphone5和4上都保持相同尺寸),变化的是中间的view,而且变的是高度,这样就为适应屏幕降低了复杂度,并提高了开发效率,还便于设计。(图中三种颜色分别代表上中下三个view,其中中间的view我还加了歌UIScrollView进行测试,不过正常,哈哈)
3、界面上准备好了,就得搞代码了,代码上首先要判断是否是iphone5,如果是iphone5,就不做处理,如果不是iphone5就对三个view的位置和尺寸进行设置(我这里只改变中间view的尺寸,顶部和底部的view尺寸不变,只是调了view的相对位置,而相对位置则用IOS SDK6.0新出的NSLayoutConstraint里的方法来约束view之间的相对位置),代码如下:
if (!iPhone5) { [_topView setTranslatesAutoresizingMaskIntoConstraints:NO]; [_centerView setTranslatesAutoresizingMaskIntoConstraints:NO]; [_bottomView setTranslatesAutoresizingMaskIntoConstraints:NO]; NSDictionary *views = NSDictionaryOfVariableBindings(_topView, _centerView, _bottomView); [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-20-[_topView(100)][_centerView(232)]|" options:0 metrics:nil views:views]]; [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-352-[_bottomView(128)]|" options:0 metrics:nil views:views]]; [_testScroll setFrame:CGRectMake(0, 0, 320, 232)]; } [_testScroll setContentSize:CGSizeMake(320, 500)]; UILabel *label1 = [[UILabel alloc]init]; [label1 setFrame:CGRectMake(0, 0, 50, 50)]; label1.text = @"test"; [label1 setTextColor:[UIColor blackColor]]; [_testScroll addSubview:label1]; UILabel *label2 = [[UILabel alloc]init]; [label2 setFrame:CGRectMake(50, 50, 50, 50)]; label2.text = @"test2"; [label2 setTextColor:[UIColor blackColor]]; [_testScroll addSubview:label2];还有判断是否是iphone5的宏:
#define iPhone5 ([UIScreen instancesRespondToSelector:@selector(currentMode)] ? CGSizeEqualToSize(CGSizeMake(640, 1136), [[UIScreen mainScreen] currentMode].size) : NO)4、最后附上代码
https://github.com/SincereXing/iphoneScreen.git
相关文章推荐
- iPhone5和iPhone4的屏幕兼容问题
- iPhone5和iPhone4的屏幕兼容问题
- 转载 兼容iphone5开发获取屏幕分辨率的问题
- iphone5和4的屏幕兼容问题
- iphone5和iphone4的屏幕兼容问题
- 有关上传到APPStore上iphone5,5c,4s下载应用,出现该APP与设备不兼容问题
- 针对iphone5,ios7系统用户真机调试的屏幕自适应问题
- 关于如何用rem兼容不同手机屏幕大小不一致问题以达到多终端自适应问题
- ios iPhone5和iPhone4的屏幕兼容
- html:不规则界面的布局和热点问题(这里不考虑屏幕大小的兼容)
- IOS屏幕分辨率兼容问题
- ios应用屏幕兼容问题
- 关于android分辨率兼容(屏幕适配)问题
- iPhone5和4的屏幕兼容
- 关于iphone5和iphone4兼容的尺寸问题
- iOS 5.1及6.0 屏幕旋转的兼容问题
- 不同浏览器或者屏幕的兼容问题(几个简单的应对方法)
- iphone4到iphone5的屏幕自适应问题
- 旧工程适配iPhone5的4-inch屏幕时发生的奇葩问题
- 关于android分辨率兼容(屏幕适配)问题