美文网首页iOS开发·布局篇
【自动布局】Autolayout iOS 6开始引入(iOS 7

【自动布局】Autolayout iOS 6开始引入(iOS 7

作者: 木木小林酱 | 来源:发表于2016-02-20 22:35 被阅读128次

    iOS中什么是布局:使用frame,Autoresizing,Autolayout,等手段确定控件对象的坐标和尺寸

    //frame的缺点,父控件改尺寸,子控件不会随之变化,需要重新set方法设置

    Autolayout的Masonry子控件尺寸可以自动随约束对象变化

    Autolayout 核心概念: 最终自动转换成frame,用了自动布局还是可以用frame属性来改

    但是,还是统一 ‘面向约束’’背对frame’编程,信仰Masonry吧

    参照

    约束

    属性  其他属性多为保护的

    @propertyUILayoutPrioritypriority;//优先级

    @propertyCGFloatconstant;//偏移量


    masonry插件:

    0.首先创建对象并添加进视图,再使用对象的makeConstraints方法

    1.语法:    以左上为坐标0,0  -20表示x左移y上移20个点,+20表示x右移y上移20个点.

    1.1 完整语法:使用view1 发送make...消息 make.left.equalTo(view1.superview.mas_left).multipliedBy(1).offset(0)

    make.left.equalTo(self.view.left).offset(20);//A对象左边等于view左边+20

    make.right.equalTo(redView.left).offset(-20);//A对象右边等于rView左边-20

    make.width.height.equalTo(200);//A对象自己的宽和高等于200

    make.centerX.centerY.equalTo(self.view);//A对象的水平中心,垂直中心等于v的

    1.2 直接设置对象与另一对象边距

    make.edges.equalTo(self);

    make.edges.equalTo(self.scrollView);

    make.edges.equalTo(lastView).insets(UIEdgeInsetsMake(5,10,15,20));

    [self.animatableConstraintsaddObjectsFromArray:@[make.edges.equalTo(superview).insets(paddingInsets).priorityLow(),

    ]];//动画 /paddingInsets是UIEdgeInsets变量

    intpadding =self.padding=10;

    UIEdgeInsetspaddingInsets =UIEdgeInsetsMake(self.padding,self.padding,self.padding,self.padding);

    2.约束关系:

    equalTo; greaterThanOrEqualTo; lessThanOrEqualTo;

    e.g.  make.width.lessThanOrEqualTo(label.superview);

    3.方法 ·make创建 ·update更新 ·remake删除重新创建:


    使用xib技巧,控件设置约束时先保留空隙,不要重合,约束最近的对象,最好先固定约束对象

    先移动到约束对象附件,拖线改值或右下设置,两个对象间的约束,设置一个就够

    右下四个按钮:

    1.第三个’添加新的约束’,设置对象的宽高,距离其他对象的上下左右.确定一个对象至少4个约束条件

    2.第二个’添加两个对象的对齐关系’,边线/中线[水平或垂直]对齐或差值.最后父控件

    3.第四个,单个对象或者全部对象‘更新或者删除约束’

    4.熟练运用拖线解决约束问题,拖线后改值

    4.5 对象A.priority= (对象B.priority* multiplier) + constant value;

    5.5约束距离可以让父控件跟随子控件约束变化而变化


    水平方向:等宽,又可以用top和bottom相等(顶部底部对齐),垂直:等高,left,right左中右

    水平方向对齐:决定了对象x坐标的取值,垂直方向对齐:决定了对象y坐标的取值


    UILabel使用Autolayout的包裹内容:

    1.设置宽度长度小于等于的值

    2.设置Label的位置约束


    动画:block+[self.view layoutIfNeed];//强制刷新必须使用约束对象的父控件调方法

    //利用2s的时间去更新约束

    [UIViewanimateWithDuration:2.0animations:^{

    //强制更新约束(让self.view以及它的所有子控件都强制更新)

    [self.viewlayoutIfNeeded];

    }];


    代码实现Autolayout的步骤

    利用NSLayoutConstraint类创建具体的约束对象

    添加约束对象到相应的view上

    - (void)addConstraint:(NSLayoutConstraint*)constraint;

    - (void)addConstraints:(NSArray*)constraints;

    代码实现Autolayout的注意点

    要先禁止autoresizing功能,设置view的下面属性为NO

    view.translatesAutoresizingMaskIntoConstraints=NO;

    添加约束之前,一定要保证相关控件都已经在各自的父控件上

    不用再给view设置frame


    变量冲突 copyWithZone unrecognized selector sent to instance

    报错描述:-[UILabel copyWithZone:]: unrecognized selector sent to instance 0x7fff21746b20

    报错原因 :属性和变量名冲突

    解决方案:修改属性或者变量名


    坏指针 使用代理方法时EXC_BAD_ACCESS

    错误描述:

    错误原因:写错了 让代理执行代理方法前的判断语句,写成了执行语句.

    if([self.delegateperformSelector:@selector(addVC:andAdditem:)]) {

    GLaddItem*additem = [GLaddItemaddItemWithName:self.nameTextF.textandNum:self.tellTextF.text];

    [self.delegateaddVC:selfandAdditem:additem];

    [self.navigationControllerpopViewControllerAnimated:YES];

    }

    解决方案:把performSelector方法改成respondsToSelector

    if([self.delegaterespondsToSelector:@selector(addVC:andAdditem:)]) {

    GLaddItem*additem = [GLaddItemaddItemWithName:self.nameTextF.textandNum:self.tellTextF.text];

    [self.delegateaddVC:selfandAdditem:additem];

    [self.navigationControllerpopViewControllerAnimated:YES];

    }

    相关文章

      网友评论

        本文标题:【自动布局】Autolayout iOS 6开始引入(iOS 7

        本文链接:https://www.haomeiwen.com/subject/vwbvkttx.html