zoukankan      html  css  js  c++  java
  • IOS Autolayout

     Autolayout是一种自动布局技术,专门用来布局UI界面的

     ●  AutolayoutiOS 6开始引入,由于Xcode 4的不给力,当时并没有得到很大推 广

    ●  iOS 7(Xcode 5)开始,Autolayout的开发效率得到很大的提升

    ●  苹果官方也推荐开发者尽量使用Autolayout来布局UI界面

    ●  Autolayout能很轻松地解决屏幕适配的问题

    Autoresizing
    Autolayout之前,有Autoresizing可以作屏幕适配,但局限性较大,有些任务
    根本无法完成
    相比之下,Autolayout的功能比Autoresizing强大很多

    Autolayout2个核心概念

    参照
    约束

     

    **警告

    控件的frame不匹配所添加的约束, 比如 比如约束控件的宽度为100, 而控件现在的宽度是110

    **错误

    缺乏必要的约束, 比如

        只约束了宽度和高度, 没有约束具体的位置

    两个约束冲突, 比如
        1个约束控件的宽度为100, 1个约束控件的宽度为110

    代码实现Autolayout

    代码实现Autolayout的步骤
    利用NSLayoutConstraint类创建具体的约束对象
    添加约束对象到相应的view
    - (void)addConstraint:(NSLayoutConstraint *)constraint; - (void)addConstraints:(NSArray *)constraints;

    代码实现Autolayout的注意点
    要先禁止autoresizing功能,设置view的下面属性为NO

    view.translatesAutoresizingMaskIntoConstraints = NO; 添加约束之前,一定要保证相关控件都已经在各自的父控件上
    不用再给view设置frame

    NSLayoutConstraint
    一个NSLayoutConstraint对象就代表一个约束 创建约束对象的常用方法
    +(id)constraintWithItem:(id)view1 attribute:
    (NSLayoutAttribute)attr1 relatedBy:(NSLayoutRelation)relation
    toItem:(id)view2 attribute:(NSLayoutAttribute)attr2 multiplier:
    (CGFloat)multiplier constant:(CGFloat)c;
    

    view1 :要约束的控件
    attr1 :约束的类型(做怎样的约束) relation :与参照控件之间的关系
    view2 :参照的控件
    attr2 :约束的类型(做怎样的约束) multiplier :乘数
    c :常量

    自动布局有个核心公式

    obj1.property1 =(obj2.property2 * multiplier)+ constant value

    在创建约束之后,需要将其添加到作用的view
    在添加时要注意目标view需要遵循以下规则:
    添加约束的规则1:
    对于两个同层级view之间的约束关系,添加到它们的 父view
    添加约束的规则2:
    对于两个不同级view之间的约束关系,添加到他们最近的共同的 父view
     
    添加约束的规则3
    对于有层次关系的两个view之间的约束关系,添加到层次较高的 父view
  • 相关阅读:
    好的文章聚集地
    java连接mysql数据库8.0以上版本过程中遇到的坑
    Tomcat8.5安装与配置的坑
    用阿里fastJson解析Json字符串
    通过java代码HttpRequestUtil(服务器端)发送HTTP请求并解析
    Vue中美元$符号的意思
    java的jdk和jre区别
    java正则
    java8 四大核心函数式接口Function、Consumer、Supplier、Predicate(转载)
    SpringBoot:静态资源的访问和配置(转载)
  • 原文地址:https://www.cnblogs.com/liuwj/p/6864146.html
Copyright © 2011-2022 走看看