EALayout 第二节 多控件依赖布局

https://github.com/easycodingTop/EALayoutLiteForOC

QQ群:454686295

====================================================

这一节主要讲一下多个控件之前依赖布局

如何依赖另一个控件:

           {

                      "class":"UILabel",

                     "backgroundColor":[0,255,0,0.8],

                     "textColor":"blackColor",

                     "text":"可变为多行文字,根据屏幕宽度可以自动适配行数",

                     "numberOfLines":0,

                     "font":18,

                     "layout":{"s":"l=10,t=100,r=10","tag":1}

            },

           {

                     "class":"UIImageView",

                     "image":"image/testicon.jpg",

                     "layout":{"s":"t=10,c,w=80,h=80","asstag":1}

            }

通过  tag 来标识一个layout (这里的tag不是view的tag). 

通过 asstag 来依赖另一个layout对应的控件

被依赖的控件必须放在之前比当前控件之前位置，并且需要在同一级

==================================================================

         {

           "layout":{"s":"l=10,t=100,r=10","tag":1}

        },

           {

              "layout":{"s":"t=10,c,w=80,h=80","asstag":1}

            }

      t=10  相当于  tag为1的控件在当前控件 top为10的位置，

     c , 即center 。与UILabel居中对齐  w h 就不解释了，上一节讲过了。

==================================================================

        {

           "layout":{"s":"l=10,t=100,r=10","tag":1}

        },

           {

              "layout":{"s":"t=10,l=20,w=80,h=80","asstag":1}

            }

这里我们把  c  改为了  l=20,  那么相当于  顶部距10，左边对齐偏移 20

==================================================================

        {

           "layout":{"s":"l=10,t=100,w=150","tag":1}

        },

           {

              "layout":{"s":"l=20,t=10,w=80,h=80","asstag":1}

            }

      为了看到放到右边的效果，我们把 文字w=150，右边留出一部分空间

             注意  l=20,t=10 与上图中的  t=10, l=20 的顺序发生了变化，那行效果也变了

            这里 l=20  表示与 tag为1的这个UILabel 左边距离20, 

            t=10这里表示顶部对齐偏移 10 , 这里可自行修改为   b底部,  或者 m垂直居中,垂直居中也可以加偏移量

这里要注意与上图的差别，这里经常可能会写错。需要重点注意。先确定大的方位，再确定对齐

==================================================================

敬请关注下一节:

====================================================

https://github.com/easycodingTop/EALayoutLiteForOC

QQ群:454686295

====================================================