美文网首页
使用XIB配合NSLayoutConstraint进行页面布局

使用XIB配合NSLayoutConstraint进行页面布局

作者: TsingQue | 来源:发表于2017-05-15 16:34 被阅读155次

将这个混乱的时代拉回正轨~~
一直一直都在使用Masnory进行页面排布的我,为了自己的知识面开阔更多,进而来学习使用一下XIB。
后来,我觉得XIB真的蛮爽的...
但是为什么我最后放弃了呢?
因为...需求和产品老是要我改页面布局,我很痛苦,然后...继续使用Masnory吧。

偶尔看到,说XIB配合NSLayoutConstraint可以修改部分约束,我觉得很靠谱,然后来使用一下。

首先呢,我们先设置我们的UI需要的控件
一个简单地XIB控件

一个简单的XIB页面.png

设置完这个之后,我们开始设置约束。

设置约束.png

我们来看一下效果是这样子的

xib页面展示.png

剩下的,我们进行约束修改

修改一条线的约束.png

这个使我们刚才修改的约束

刚才修改的约束.png

然后再代码里面修改如下信息

- (void)awakeFromNib {
    [super awakeFromNib];
    /**修改约束*/
    self.fontLabelLeftLayout.constant = 0.0f;
    [self setNeedsUpdateConstraints];//需要的 时候更新
    [self updateConstraintsIfNeeded];//强制更新
    // Initialization code
}

最后的效果如下

最终效果.png

需要源代码的请查阅
里面有很多好玩的小东西,可以借鉴和参考

相关文章

网友评论

      本文标题:使用XIB配合NSLayoutConstraint进行页面布局

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