#AKTLayout
https://github.com/AkteamYang/AKTKit.AKTLayout
AKTLayout是一个服务于IOS平台的高性能自动布局框架，由于系统的自动布局在复杂的界面呈现中，性能衰减十分严重（Masonry、PureLayout、FLKAutoLayout...都是基于NSLayoutConstraint的自动布局书写框架）。AKTLayout最初的目的仅仅是为了简化手动布局时的代码编写，后来引入了高性能的内建自动布局引擎，展现出令人惊喜的特性。
###New beginning
通过AKTLayout实现的自动布局 以图片为中心，四周的矩形各有一个顶点和图片顶点相连，色块内部的白色矩形为子视图，参考了父视图的中心点和两个边缘。
###Setup
-
从GitHub手动获取
1.从AKTKit.AKTLayout中下载资源文件
2.添加资源文件到你的Xcode工程中
3.导入头文件
#import "AKTKit.h" -
使用CocoaPods
等待后续更新...
###Usage
-
Add layout
采用了类似于Masonry的语法，快速地书写布局代码，拥有较为丰富和易于使用的API。
// 蓝色矩形布局 [v1 aktLayout:^(AKTLayoutShellAttribute *layout) { // 中心点Y坐标与self.view中心点Y对齐 layout.centerY.equalTo(akt_view(self.view)); // 高度是self.view的高度的0.33倍 layout.height.equalTo(akt_view(self.view)).multiple(.33); // 左边缘与self.view左边缘对齐 layout.left.equalTo(self.view.akt_left).offset(space); // 右边缘与self.view的中心点X坐标对齐并左偏移space／2 layout.right.equalTo(self.view.akt_centerX).offset(-space/2); // 添加参考 enqualTo("AKTReference") // 参考类型的创建(AKTReference)：视图、值、size、视图的布局属性 // 视图: akt_value(VALUE) // 值: akt_view(VIEW) // size: akt_size(WIDTH, HEIGHT) // 布局属性： self.view.akt_left }];
- **Animation**
AKTLayout动画的添加和普通的动画添加没有区别
1. **如果您仅仅需要暂时添加动画**
```objective-c
[UIView animateWithDuration:1.f delay:0 usingSpringWithDamping:.3 initialSpringVelocity:.2 options:0 animations:^{
tap.view.frame = CGRectMake((self.view.width-150)/2, (self.view.height-150)/2, 150, 150);
} completion:^(BOOL finished) {
nil;
}];
> 在动画代码块中修改frame，如果发生布局更新，界面将恢复到动画前的状态
- 非暂时修改
[UIView animateWithDuration:1.f delay:0 usingSpringWithDamping:1.f initialSpringVelocity:.2 options:0 animations:^{ [view aktLayout:^(AKTLayoutShellAttribute *layout) { layout.centerXY.equalTo(akt_view(self.view)); layout.height.width.equalTo(self.view.akt_width).multiple(.6); }]; } completion:^(BOOL finished) { nil; }];
> 在动画代码块中重新添加AKTLayout，如果发生布局更新，界面将保持动画后的状态，新的AKTLayout布局将会替换旧的。
###Implementation architecture
------------
- **Architecture**
> 实现架构
AKTLayou顶层采用了基于Objective-C语法的shell，通过shell我们可以快速地书写布局代码，底层采用了基于纯C的参考解析和运算系统。
- **Reference Type Supported**
| vertical | horizontal | other |
| :------------: | :------------: | :------------: |
| top | left | size |
| bottom | right | edgeInset |
| height | width | offset |
| centerY | centerX | multiple |
| whRation | whRation | * |
支持添加同级别跨级别视图之间的相对参照，不支持自身布局属性之间的参照。
- **Performance Analysis**
在复杂布局中应用`NSLayoutConstraint`来进行自动布局，性能往往不令人满意。通常的做法是通过手写`frame`布局来提升性能。AKTLayout采用高性能的布局添加和运算架构，响应式布局更新算法，高效地实现自动布局。以下我们对frame、AKTLayout 和Masonry进行了性能比较（Platform：iPhone 6 SystemVersion：9.3.1）。
1. **布局的添加**
> view的数量线性增长，同时view的参考复杂度逐级提高（I～III），Masonry添加布局效率呈指数衰减，布局复杂度对AKTLayout的影响较小，添加布局效率稳定。
> I同一层级视图之间相互参考
> I I子视图父视图之间相互参考
> I I I 跨层级视图之间相互参考
2. **布局更新**
> 随着布局复杂度的增长，`NSLayoutConstraint`布局更新效率下降严重，AKTLayout布局更新效率稳定，由于手动布局无法自动更新所以在这里不参与比较。
> 运算量比值`NSLayoutConstraint` : `AKTLayout` 1:1、3.1:1 、4.75:1
AKTLyout采用响应式布局更新系统，避免不必要的布局计算。当某个视图布局发生变化时，自动重计算参照此视图的视图布局，在复杂的参照布局中依然保持高性能。
###FAQ&Contact
------------
目前已在9.0系统完成测试，低版本系统后续完成测试。
如果您在运行中发现了问题、对有些特性存在疑惑或者有pull request，你可以在[issue](https://github.com/AkteamYang/AKTKit.AKTLayout/issues "issue")创建一个问题。您也可以在我的[简书](http://www.jianshu.com/p/901cde2d4044)中进行评论，或者给我发送邮件[email protected]。
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent