iOS:界面适配(一)--Universal通用程序 iPhone、iPad适配(方法)

翻译 2015年07月10日 14:36:08

 前言

        一个Universal程序还是iPhone、iPad俩个版本 ?

        通用的:         

优点:

一个安装包,方便管理、分发

可共用一套逻辑代码,数据结构
缺点:
安装包会很大:iPad版本用的图片与iPhone版本的不一样,而且iPad的图片大小比较大,积压起来,会导致整个安装包很大
代码中各种判断是否iPad的逻辑分支,会导致代码混乱
        俩个版本的:
优点:
app可分别针对iPad、iPhone的特点做设计
安装包相对会比较小
缺点:
两个按照包,不易于管理、分发

       建议:如果你的app,iPad版本跟iPhone版本的界面是差不多的,就做兼容iPad和iPhone的app,否则就分开做iPad版、iPhone版。

    前提

        修改目标设备族(Build里面的Targeted Device Family选为iPhone/iPad ),如果未修改的话,在iPad上运行的话,还是iPhone界面,只不过能“2x”放大缩小,修改完target device之后,显示是iPad界面,原有iPhone上的界面效果在iPad只占屏幕一部分(ios 6以后发现,无论Target Device是否为Universal,运行什么device,显示该机器界面大小,至于显示效果是只占一部分还是超出屏幕,看代码怎么写的)

      方案1:一套代码及XIB界面文件,代码分if和else来分别处理多种设备      

         适用条件:

         iPhone、iPad界面布局一样,比例相同,只不过大小不一样,直接在initWithFrame、initWithCorder里面做比例变换即可。

      方案2:一套代码及两套XIB界面文件,两套界面公用一套代码

        适用条件:
          iPhone、iPad界面布局不一样,功能、流程、业务逻辑差不多

相关技术:

1.代码里不同逻辑处理:
[objc] view plaincopy在CODE上查看代码片派生到我的代码片
  1. if(UI_USER_INTERFACE_IDIOM()==UIUserInterfaceIdiomPad){  
  2. //iPad 版本代码;  
  3. }  
  4. else{  
  5. //iPhone/iPod touch 版本代码;  
  6. }  
2.关于资源文件: 
         iOS Supports Device-Specific Resources(参考:官网中《Resource Programming Guide》iOS Supports Device-Specific Resources小节):格式如下: 
[plain] view plaincopy在CODE上查看代码片派生到我的代码片
  1. <basename><device>.<filename_extension>  
 device说明:一般都是:xxx~ipad.extension + xxx.extension俩套(不必xxx~iphone.extension)
~ipad - The resource should be loaded on iPad devices only.
~iphone - The resource should be loaded on iPhone or iPod touch devices only.
          意味着,
[objc] view plaincopy在CODE上查看代码片派生到我的代码片
  1. // 图片  
  2. UIImage* anImage = [UIImage imageNamed:@"MyImage.png"];  
  3. // On an iPhone or iPod touch device, the system loads the MyImage~iphone.png resource file, while on iPad, it loads the MyImage~ipad.png resource file. If a device-specific version of a resource is not found, the system falls back to looking for a resource with the original filename, which in the preceding example would be an image named MyImage.png  
  4. // xib  
  5. MyViewController *viewController = [[MyViewController alloc]   
  6.                                      initWithNibName:@"MyViewController" bundle:nil]  
  7. // load MyViewController~ipad.xib on an iPad, and MyViewController.xib on other devices  
  8. // 其他类似  

3.关于初始配置:



          在info.plist文件中,Launch  image、Main nib file base name、Main storyboard file base name、Supported Interface Orientation这些类似,都能设置成iPhone、iPad不同版本。
          对于AppIcon,Image.xcasset里面也有俩套图片。

      方案3:两套代码及XIB界面文件,两套代码及界面互不相干

相关技术:
[objc] view plaincopy在CODE上查看代码片派生到我的代码片
  1. @interface ViewController : UIViewController  
  2. @end  
  3.   
  4. @interface ViewController_iPad : ViewController  
  5. @end  
  6.   
  7. @interface ViewController_iPhone : ViewController  
  8. @end  
          适用条件:
          iPhone、iPad界面布局不一样,功能、流程、业务逻辑不一样

------------------------
参考: 
iPhone 移植到 iPad:http://blog.csdn.net/ch_soft/article/details/7099534
iOS Supports Device-Specific Resources小节:《Resource Programming Guide》

相关文章推荐

iOS:适配(一)--Universal通用程序 iPhone、iPad界面(方法)

选择? 是一个Universal程序还是
  • houseq
  • houseq
  • 2014年10月13日 14:10
  • 13531

iOS:适配(二)--Universal通用程序 iPhone、iPad界面(关于xib)

在xcode中
  • houseq
  • houseq
  • 2014年10月13日 18:12
  • 8137

iOS:界面适配(二)--Universal通用程序 iPhone、iPad适配(关于xib)

本文纯属个人看法,强迫症后遗症          版本:xcode 6.0 + iOS SDK 8.0         讨论范围:控制器的view(创建VC时自带的xib) ----...

如何应用autosizing属性使iOS应用程序界面适配iPhone5

iPhone5的屏幕为320*568,而之前的iPhone均为320*480。由于屏幕大小的变化,使得原来开发的应用在iPhone5上面看的话,会留下上下两条黑边,除此之外,很多页面的布局也乱了。 ...

如何应用autosizing属性使iOS应用程序界面适配iPhone5

iPhone5的屏幕为320*568,而之前的iPhone均为320*480。由于屏幕大小的变化,使得原来开发的应用在iPhone5上面看的话,会留下上下两条黑边,除此之外,很多页面的布局也乱了。 ...
  • gckjdev
  • gckjdev
  • 2012年10月15日 12:08
  • 37994

IOS之ipad和iphone之间的xib的适配所有的屏幕

今天在项目中运到了这个的一个问题,就是在原来的xib的是适配所有的iphone屏幕,然而现在既要适配iphone 也要适配Ipad,搞的很头大,现在就为了实现这个效果,老大给我了两种方法,就是在xib...

cocos2d-x 完美适配iphone、ipad(包括retina模式)

转载自Cocos2D开发网--Cocos2Dev.com 原文地址: http://www.cocos2dev.com/?p=245 项目中需要同时适配iphone和ipad。美术提供...

猫猫学iOS之ipad开发qq空间项目横竖屏幕适配

猫猫分享,必须精品原创文章,欢迎转载。转载请注明:翟乃玉的博客 地址:http://blog.csdn.net/u013357243一:效果图先看效果 二:结构图如图所示: 其中用到了UIVie...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:iOS:界面适配(一)--Universal通用程序 iPhone、iPad适配(方法)
举报原因:
原因补充:

(最多只允许输入30个字)