EALayout 第二节 多控件依赖布局

前端之家收集整理的这篇文章主要介绍了EALayout 第二节 多控件依赖布局前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

Swift

https://github.com/easycodingTop/EALayout

Objective-C

https://github.com/easycodingTop/EALayoutLiteForOC

QQ群:454686295

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

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

如何依赖另一个控件:

{

"class":"UILabel",

"backgroundColor":[0,255,0,0.8],51)"> "textColor":"blackColor",

"text":"可变为多行文字,根据屏幕宽度可以自动适配行数",51)"> "numberOfLines":0,51)"> "font":18,

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

},51)"> "class":"UIImageView",51)"> "image":"image/testicon.jpg",51)">"t=10,c,w=80,h=80""asstag":1 }

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

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

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

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

{

}

},

{

}

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

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

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

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

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

}

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

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

{

:"l=10,w=150""tag":1}

{

:"l=20,t=10,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/EALayout

https://github.com/easycodingTop/EALayoutLiteForOC


QQ群:454686295

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

原文链接:https://www.f2er.com/javaschema/284606.html

猜你在找的设计模式相关文章