美文网首页
AotuLyout自动布局

AotuLyout自动布局

作者: 淉嘫湜嬤 | 来源:发表于2016-10-08 10:00 被阅读0次

都说一个合格的程序员应该有自己的博客,一直都比较懒,也没学什么东西所以没写。正好最近加班,没事就写一些自己用的东西。

作为一个iOS开发程序员来说,离不开写界面,那肯定得做屏幕适配。那么,肯定离不开自动布局的工具(当然,也有哥们全部控件的位置大小是根据屏幕宽高来算的,小弟我佩服)。自动布局的框架很多,都是对iOS原生的进行了一层封装而已,大同小异。SDAutoLayout、Masonry、Purelayout等等,我今天将我自己目前用的Purelayout。

源码解析

PureLayout 头文件就不说了 

1、PureLayoutDefines.h

PureLayoutDefines.h这个类是对原生布局枚举的命名转换,相当于适配器。以及一些宏定义。

2、ALView+PureLayout.h

这个类将是我们主要使用的类,ALView 就是UIView,

#  define ALView                                      UIView

对视图进行布局嘛,当然要建一个UIView的分类咯,这个类也是我们主要使用的类了。我们来看看它的方法:

+ (instancetype)newAutoLayoutView;

- (instancetype)initForAutoLayout;

- (instancetype)configureForAutoLayout;

用法例子:

UIView *corView = [UIView newAutoLayoutView];

首先它有这几个初始化的方式,其实就比我们常用的多一句:

view.translatesAutoresizingMaskIntoConstraints = NO;

用来禁止AutoresizingMask转换成AutoLayout。


然后,我们来说一下它的布局方法:

- (NSLayoutConstraint *)autoPinEdgeToSuperviewEdge:(ALEdge)edge;

- (NSLayoutConstraint *)autoPinEdgeToSuperviewEdge:(ALEdge)edge withInset:(CGFloat)inset;

- (NSLayoutConstraint *)autoPinEdgeToSuperviewEdge:(ALEdge)edge withInset:(CGFloat)inset relation:(NSLayoutRelation)relation

这三个方法顾名思义,相对于父视图布局。说到父视图,一定要记得在创建视图后马上写上addSubview,这样才能相对父视图布局。

edge: 这个参数是哪一边

inset: 差多少

relation:关系,>=、=、<=

比如:

[lab autoPinEdgeToSuperviewEdge:ALEdgeLeft withInset:20 relation:NSLayoutRelationGreaterThanOrEqual];

意思就是lab的左边距离父视图大于等于20,优先等于,怎样形象吧。


- (NSLayoutConstraint *)autoPinEdge:(ALEdge)edge toEdge:(ALEdge)toEdge ofView:(ALView *)otherView;

- (NSLayoutConstraint *)autoPinEdge:(ALEdge)edge toEdge:(ALEdge)toEdge ofView:(ALView *)otherView withOffset:(CGFloat)offset;

- (NSLayoutConstraint *)autoPinEdge:(ALEdge)edge toEdge:(ALEdge)toEdge ofView:(ALView *)otherView withOffset:(CGFloat)offset relation:(NSLayoutRelation)relation;

这三个方法就是相对某个视图布局,我就不上示例代码了。不会的同学自己去试试,会的同学不会看到这里。


- (NSLayoutConstraint *)autoAlignAxisToSuperviewAxis:(ALAxis)axis;

这个方法呢是跟父视图的对齐方式,一般用ALAxisVertical(水平)、ALAxisHorizontal(竖直)

就是中心点的横坐标x或者纵坐标y位于父视图中心,当然还有跟其他视图对齐方式的方法,自己去研究哈。


- (PL__NSArray_of(NSLayoutConstraint *) *)autoPinEdgesToSuperviewEdgesWithInsets:(ALEdgeInsets)insets;

- (PL__NSArray_of(NSLayoutConstraint *) *)autoPinEdgesToSuperviewEdgesWithInsets:(ALEdgeInsets)insets excludingEdge:(ALEdge)edge;

这俩方法意思是直接设置跟父视图的内边距。

excludingEdge:意思是排除哪一边

3、NSLayoutConstraint+PureLayout.h

这个类我只说俩方法

- (void)autoInstall;

// 移除约束

- (void)autoRemove;

假如某条约束你想要更改或者去除就去调用吧。

当然假如你还想根据内容改变高度宽度,就应该他约束对象记录下来,然后改变它的值。

最后给出一个小小的demo,别忘记升级xcode8哦!

相关文章

  • AotuLyout自动布局

    都说一个合格的程序员应该有自己的博客,一直都比较懒,也没学什么东西所以没写。正好最近加班,没事就写一些自己用的东西...

  • iOS开发之 自动布局

    iOS开发之自动布局AutoLayout 目录: 1 iOS自动布局简介2 iOS自动布局AutoLayout(代...

  • 【OC梳理】自动布局

    自动布局基础篇 关于自动布局的基本使用,参考网上的文章即可,如:iOS开发-自动布局篇:史上最牛的自动布局教学! ...

  • iOS 布局方案

    布局方案 绝对布局 自动布局

  • 初见FLEX

    FLEX布局 一种新的布局方式,flex布局 flex布局与方向无关 flex布局可以实现空间自动分配、自动对齐。...

  • 通过storyboard来自动布局ScrollView(不依靠代

    在做自动布局之前首先大家都知道一个自动布局,自动布局在我理解就是为了适配任何的屏幕。每一个控件的自动布局都是为了确...

  • iOS原生布局简介

    自动布局核心公式 自动布局构造函数 自动布局类函数 VFL可视化格式语言 H 水平方向 V 垂直方向 | 边界 [...

  • Flex——告别CSS布局

    Flex 布局可以实现空间自动分配、自动对齐Flex 适用于简单的线性布局,复杂布局使用 Grid 布局注意:设为...

  • 最轻巧的自动布局--ZXPAutoLayout框架

    最轻巧的自动布局--ZXPAutoLayout框架 最轻巧的自动布局--ZXPAutoLayout框架

  • IOS开发 自动布局子视图

    本节学习内容: 1.自动子视图布局的概念 2.自动布局视图的创建 3.自动布局子视图的实现 【ViewContro...

网友评论

      本文标题:AotuLyout自动布局

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