设为首页 加入收藏

TOP

iOS开发~UI布局(三)深入理解autolayout(五)
2017-10-11 16:07:30 】 浏览:10113
Tags:iOS 开发 布局 深入 理解 autolayout
nbsp;               views:NSDictionaryOfVariableBindings(newView, self.view)]];  
  •     [self.view addConstraints:constraintArray];  
  • }</span>  

  • (3)第三方 UIView-AutoLayout

     

     

    [objc]  view plain copy 在CODE上查看代码片 派生到我的代码片
     
     
    1. <span style="font-size:12px;">- (void)viewDidLoad {  
    2.     [super viewDidLoad];  
    3.     self.view.translatesAutoresizingMaskIntoConstraints =NO;  
    4.       
    5.     UIView *newView = [UIView new];  
    6.     newView.backgroundColor = [UIColor greenColor];  
    7.     [self.view addSubview:newView];  
    8.     newView.translatesAutoresizingMaskIntoConstraints =NO;  
    9.       
    10.     [newView autoPinEdgeToSuperviewEdge:ALEdgeLeading withInset:20.0f];  
    11.     [newView autoPinEdgeToSuperviewEdge:ALEdgeTrailing withInset:20.0f];  
    12.     [newView autoPinEdgeToSuperviewEdge:ALEdgeTop withInset:20.0f];  
    13.     [newView autoPinEdgeToSuperviewEdge:ALEdgeBottom withInset:20.0f];  
    14. }</span>  

    以上3种方式都实现了我们想要的效果,看来代码实现autolayout也不是那么复杂!

     

     

    例子2:通过上边例子我们实现一个简单的UI布局,下面来一个稍微复杂点的,把上一篇中提到3个view布局的那个例子用代码布局实现一下,但难度有所增加,当size class切换的时候,页面布局发生相应的改变,效果如图:

                

    首先初始化3个View:

     

    [objc]  view plain copy 在CODE上查看代码片 派生到我的代码片
     
     
    1. <span style="font-size:12px;">- (UIView *) alView {  
    2.     UIView *newView = [UIView new];  
    3.     newView.translatesAutoresizingMaskIntoConstraints =NO;  
    4.       
    5.     return newView;  
    6. }  
    7. UIView *greenView = [self alView];  
    8. greenView.backgroundColor = [UIColor greenColor];  
    9. [self.view addSubview:greenView];  
    10. UIView *yellowView = [self alView];  
    11. yellowView.backgroundColor = [UIColor yellowColor];  
    12. [self.view addSubview:yellowView];  
    13. UIView *blueView = [self alView];  
    14. blueView.backgroundColor = [UIColor blueColor];  
    15. [self.view addSubview:blueView];</span>  

     

    接下来适配竖屏的约束:

     

    [objc]  view plain copy 在CODE上查看代码片 派生到我的代码片
     
     
    1. <span style="font-size:12px;">- (NSMutableArray *) portrai
    首页 上一页 2 3 4 5 6 7 8 下一页 尾页 5/10/10
    】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
    上一篇WindowsPhone8解锁提示IpOverUsbS.. 下一篇05.移动先行之谁主沉浮----小应用..

    最新文章

    热门文章

    Hot 文章

    Python

    C 语言

    C++基础

    大数据基础

    linux编程基础

    C/C++面试题目