zoukankan      html  css  js  c++  java
  • iOS-原生纯代码约束总结(一)之 AutoresizingMask

    一,概述  

     iOS有两大自动布局利器:autoresizing 和 autolayout(autolayout是IOS6以后新增)。autoresizing是UIView的属性,一直存在,使用也比较简单,但是没有autolayout那样强大。如果你的界面比较简单,要求的细节没有那么高,那么你完全可以使用autoresizing去进行自动布局。  autoresizing是iOS开发中传统的布局模式。通过它可以设计控件与其父视图的变换关系。通过它,当父视图frame变换时,子视图会自动的做出相应的调整。

         @property(nonatomic) UIViewAutoresizing autoresizingMask;    // simple resize. default is UIViewAutoresizingNone

    二,属性说明及使用

      (1) 属性说明

    typedef NS_OPTIONS(NSUInteger, UIViewAutoresizing) {

    UIViewAutoresizingNone = 0, //不会随父视图的改变而改变
    UIViewAutoresizingFlexibleLeftMargin = 1 << 0, //自动调整view与父视图左边距,以保证右边距不变
    UIViewAutoresizingFlexibleWidth = 1 << 1, //自动调整view的宽度,保证左边距和右边距不变
    UIViewAutoresizingFlexibleRightMargin = 1 << 2, //自动调整view与父视图右边距,以保证左边距不变
    UIViewAutoresizingFlexibleTopMargin = 1 << 3, //自动调整view与父视图上边距,以保证下边距不变
    UIViewAutoresizingFlexibleHeight = 1 << 4, //自动调整view的高度,以保证上边距和下边距不变
    UIViewAutoresizingFlexibleBottomMargin = 1 << 5, //自动调整view与父视图的下边距,以保证上边距不变

    }

    注意:在这里说明一下,如果是经常使用Storyboard/Xib设置autoresizing,那么转变使用代码设置autoresizing的话,容易出现理解错误问题。比如说UIViewAutoresizingFlexibleTopMargin,也许会被误认为是顶部距离不变,其实是底部距离不变。这个解决办法也很简单,只需要把使用代码和使用Storyboard设置autoresizing,它们是相反的,只需要这样去记就可以了。

    (2)autoresizing组合使用

         也就是枚举中的值可以使用|隔开,同时拥有多个值的功能,可以针对不同的场景作不同的变化。例如:

      UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleBottomMargin
    

          意思是:view的宽度按照父视图的宽度比例进行缩放,距离父视图顶部距离不变。

      (3)其它
              想要让自定义控件在转屏后,同样居中对齐,只需设置该自定义UIView与父视图的左边距和右边距的比例不变,上边距和下边距的比例不变。
          在自定义控件中添加以下代码:
    self.autoresizingMask = UIViewAutoresizingFlexibleBottomMargin UIViewAutoresizingFlexibleLeftMargin   | UIViewAutoresizingFlexibleRightMargin | UIViewAutoresizingFlexibleTopMargin;
    

    三,nib文件中可视化设置自动布局

            在storyboard中我们可以更加轻松的进行autoresizing自动布局。在view设置栏中有autoresizing这个设置,点中相应的箭头,就是刚才我们探讨的设置选项。并且我们把鼠标放在这个上面的时候,右侧会自动为我们预览效果。

    autoresizing可以满足大部分简单的自动布局需求,可是它有一个致命的缺陷它只能设置子视图相对于父视图的变化,却不能精确这个变化的度是多少,因此对于复杂的精准的布局需求,它就力不从心了。但iOS6之后的autolayout自动布局方案,可以解决复杂的布局。






  • 相关阅读:
    html5跨域通讯之postMessage的用法
    zTree插件之多选下拉菜单代码
    css3创建一个上下线性渐变色背景的div
    zTree插件之单选下拉菜单代码
    PhoneGap中navigator.notification.confirm的用法详解
    CCS3属性之text-overflow:ellipsis;的用法和注意之处
    HTML5的自定义属性data-* 的用法解析
    HSSFWorkbook转MultipartFile InputStream转MultipartFile
    @Transactional
    synchronized volatile
  • 原文地址:https://www.cnblogs.com/lxlx1798/p/9686112.html
Copyright © 2011-2022 走看看