用MyLayout实现布局性能的提高以及对国际化布局的支持

iOS界面布局库MyLayout和TangramKit已经完成新版本的升级而且已经更新到github和cocoapod上面。此次新版本更新的两个大亮点是对界面布局的性能进行了大幅度的提高和对阿拉伯国家须要进行RTL方向布局的支持。

性能的提高。

多说无益，图表最具说服力

下面的图表是在iPhone6真机设备上用MyLayout和frame以及AutoLayout进行构建和布局的时间对比表格，里面的数据是每一个视图的构建时间和布局时间，单位都是毫秒：

构建时间	Frame	MyLayout	AutoLayout	Masonry	UIStackView
TGLinearLayout	0.08	0.164	0.219	0.304	0.131
TGFrameLayout	0.05	0.149	0.209	0.273	0.131
TGRelativeLayout	0.079	0.182	0.116	0.359	0.131
TGFlowLayout	0.08	0.107	0.198	0.258	0.131
TGFloatLayout	0.044	0.148	0.203	0.250	0.131

布局时间	Frame	MyLayout	AutoLayout	Masonry	UIStackView
TGLinearLayout	0	0.049	0.269	0.269	0.272
TGFrameLayout	0	0.042	0.243	0.243	0.272
TGRelativeLayout	0	0.068	0.274	0.274	0.272
TGFlowLayout	0	0.036	0.279	0.279	0.272
TGFloatLayout	0	0.055	0.208	0.208	0.272

下面的表格则是新老版本的性能提高对比图：

构建时间	1.3.6	1.3.5	提高%	布局时间	1.3.6	1.3.5	提高%
MyLinearLayout	0.164	0.211	28%		0.049	0.160	226%
MyFrameLayout	0.149	0.212	42%		0.042	0.142	234%
MyRelativeLayout	0.182	0.215	18%		0.068	0.137	101%
MyFlowLayout	0.107	0.146	37%		0.036	0.111	210%
MyFloatLayout	0.148	0.147	-0.48%		0.055	0.117	113%

从上面的表格中咱们得出以下结论：

1. 用frame构建视图用时最少，平均每一个视图花费0.068ms。当视图的frame指定后就再也不须要布局视图了，因此布局时间几乎是0。

2. 当用AutoLayout进行布局时每一个子视图的平均构建时长约为0.189ms，而Masonry由于是对AutoLayout的封装因此平均构建时长约为0.289ms。在布局时则由于都是使用了AutoLayout因此是相等的，大概花费0.255ms左右。

3. MyLayout的实现由于是对frame的封装，因此不管是构建时长和布局时长都要优于AutoLayout，但低于原始的frame方法。MyLayout的平均构建时长约0.150ms，比frame构建要多花费2.2倍的时间；而AutoLayout的平均构建时长是MyLayout的1.26倍；Masonry的平均构建时长则是MyLayout的1.9倍。

4. MyLayout的平均布局时长是0.05ms, 而AutoLayout的布局时长则是MyLayout的5倍。

5. UIStackView的构建时长要稍微优于MyLayout的线性布局MyLinearLayout.可是布局时长则是MyLinearLayout的5.5倍。

6. MyLayout中流式布局MyFlowLayout的构建时长和布局时长最小，而相对布局的构建和布局时长最长。

7. 能够看出随着视图数量的增长Frame和MyLayout的时长都是按线性增加的，而AutoLayout的是愈来愈趋向非线性增加了。

8. 若是咱们使用SB或者XIB进行布局时那么整个布局的时长还要包括对XML格式文件的解析的时间所以，虽然SB或者XIB进行布局方便可是消耗的时间是最多的。

RTL的支持。

所谓RTL方向布局就是right to left direction。也就是界面中的元素老是按从右往左的方向进行排列布局，大部分国家的书写以及排列习惯都是从左往右，是LTR方向布局，而对于一些阿拉伯国家，文字的书写以及展现的顺序都是从右往左方向的，下面的两张图片展现了阿拉伯国家的界面展现效果。

苹果在iOS9中对RTL进行了全面的支持。而MyLayout和TangramKit此次新升级的版本对RTL的支持但是没有任何版本限制的。为了实现对RTL的支持咱们在水平方向提出了leading和trailing的概念，中文就是理解为头部和尾部。当您是LTR方向布局时leading就是表明的左边而trailing则是表明的右边；而当您是RTL方向布局时leading就表明的是右边而trailing则表明的是左边。经过这个新定义的概念您就不须要担忧在进行国际化布局时指定方向了。下面是MyLayout中对RTL支持的一些效果。

为了实现RTL的支持您只须要将MyLayout的一个全局属性isRTL设置为YES或者NO就好了，经过这个属性能够很方便的切换布局的方向了。

最后欢迎你们关注个人iOS界面布局库：
MyLayout: https://github.com/youngsoft/...
TangramKit: https://github.com/youngsoft/...