iOS下的界面布局利器-MyLayout布局框架

参考的文章地址: http://floriankugler.com/2013/04/22/auto-layout-performance-on-ios/

应用场景

举例下面一个应用场景:

• 有一个容器视图S的宽度是100而高度则是由四个从上到下依次排列的子视图A,B,C,D的高度总和。
• 视图A的左边距占用父视图宽度的20%，而右边距则占用父视图宽度的30%，高度则等于自身的宽度。
• 视图B的左边距是40，宽度则占用父视图的剩余宽度，高度是40。
• 视图C的宽度占用父视图的所有宽度，高度是40。
• 视图D的右边距是20，宽度是父视图宽度的50%，高度是40。

最终的效果图如下：


    MyLinearLayout *S = [MyLinearLayout linearLayoutWithOrientation:MyLayoutViewOrientation_Vert];
    S.subviewSpace = 10;
    S.myWidth = 100;
    
    UIView *A = UIView.new;
    A.leftPos.equalTo(@0.2);
    A.rightPos.equalTo(@0.3);
    A.heightSize.equalTo(A.widthSize);
    [S addSubview:A];
    
    UIView *B = UIView.new;
    B.leftPos.equalTo(@40);
    B.widthSize.equalTo(@60);
    B.heightSize.equalTo(@40);
    [S addSubview:B];
    
    UIView *C = UIView.new;
    C.widthSize.equalTo(S.widthSize);
    C.heightSize.equalTo(@40);
    [S addSubview:C];
    
    UIView *D = UIView.new;
    D.rightPos.equalTo(@20);
    D.widthSize.equalTo(S.widthSize).multiply(0.5);
    D.heightSize.equalTo(@40);
    [S addSubview:D];
    

系统结构

MyLayout演示效果图

链接:

欢迎大家访问我的github站点，并关注@欧阳大哥2013 关注我的个人主页

• Swift:TangramKit: https://github.com/youngsoft/TangramKit
• OC:MyLayout: https://github.com/youngsoft/MyLinearLayout