一套代码解决ios的所有界面适配问题

在苹果推出iPhone6Plus后,苹果的机型增多,显示屏的大小也变得多样,因此之前的绝对布局的方法难以满足手机的适配问题,因此苹果推出了相对布局的界面适配方法,本文所讲的界面适配方法主要基于masonry的适配方法,如果不懂masonry得界面布局方法,请先移步

http://www.cocoachina.com/ios/20141219/10702.html

1.界面分析:苹果自4s至7,大概以下几种尺寸

http://blog.csdn.net/phunxm/article/details/42174937/  

大致有320x480,320x568,375x667,414x736这四种尺寸,我们发现这四种尺寸宽和高既不相等,也不成比例,因此在做设计的时候如果只以一种机型为标准,那么就会出现在别的机型控件的显示问题,因此只要考虑小机型超出屏幕的部分能够显示出来,那么就可以解决所有界面的适配问题。

    我们考虑用scrollview加载试图,那么小的屏幕的手机就可以通过scrollview滑动将试图展现出来,如下图:

2.尺寸统一

在这四种机型中,我们只关注手机的宽高比例,只要做到在各种机型中宽高比例一致,那么就可以实现机型的统一,我们发现在这种尺寸中宽高比例分别为0.67,0.56,0.56,0.56,我们发现后面3中机型比例大体一致,我们解决的方法采用uiscrollview,增加屏幕显示的空间,从而实现界面的宽高比例一致,在masonry中的用法中的中级用法中可以自动的计算出contentSize,因此我们在做界面的时候可以在整个selv.view上面利用masonry放入一个scrollview,在超出屏幕的控件采用scrollview也可以显示在界面上,因此可以把界面上的控件添加到scrollview上面,从而实现所有的界面适配(这种方法也可以实现在ipad上面的适配),现附上代码,仅供参考


- (void) viewDidLoad

{

    [superviewDidLoad];

    self.automaticallyAdjustsScrollViewInsets =NO;

    self.scrollView=[[UIScrollView alloc]init];

    [self.view addSubview:self.scrollView];

    [self.scrollView mas_makeConstraints:^(MASConstraintMaker *make) {

        make.top.and.left.and.right.equalTo(self.view);

  make.bottom.equalTo(self.view).offset(-10);

    }];

    self.scrollView.alwaysBounceVertical=YES;

    self.scrollView.scrollEnabled=YES;

    self.scrollView.showsVerticalScrollIndicator=NO;

    

    self.viewContent=[[UIView alloc]init];

    

    [self.scrollView addSubview:self.viewContent];

    [self.viewContent mas_makeConstraints:^(MASConstraintMaker *make) {

        make.edges.equalTo(self.scrollView);

        make.width.equalTo(self.scrollView);

    }];

    [self createView:self.viewContent];

    

    if (self.viewContent.subviews.count>0){

        [self.viewContentmas_makeConstraints:^(MASConstraintMaker *make) {

            make.bottom.equalTo(self.viewContent.subviews.lastObject).offset(10);

        }];

    }

}

- (void) createView:(UIView*)contentView

{

    

}

控件添加到contentView上面,如有不懂,可以发疑问至1456661057@qq.com


demo 地址:https://github.com/changcongcong/CCInterfaceAdaptation ,求点赞

  • 4
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值