zoukankan      html  css  js  c++  java
  • FineUI第十四天---布局之垂直布局和水平布局

    布局值水平布局和垂直布局

    垂直盒子布局和水平盒子布局非常灵活易用,在很大程度上能够取代锚点布局,行布局和列布局。

    1.垂直盒子布局:

     BoxConfigAlign:控制子容器的的尺寸

    • Start:位于父容器的开始位置(默认值)
    • Center:位于父容器的中间位置;
    • Stretch:被拉伸至父容器的大小;
    • StretchMax:所有子控件被拉伸至最大子控件的大小。

     BoxConfigPosition:用来控制子容器的位置

    • Start:子控件靠父容器的开始位置排列(默认值);
    • End:子控件靠父容器的结束位置排列;
    • Center:子控件靠父容器的中间位置排列;

     BoxConfigChildMargin:每个子容器的外边距

    • 如果是四个数字组成的字符串,分别表示上边距、右边距、下边距、左边距;
    • 如果是三个数字组成的字符串,分别表示上边距、右边距、下边距,左边距同右边距;
    • 如果是两个数字组成的字符串,分别表示上边距、右边距,左边距同右边距,下边距同上边距;
    • 如果是一个数字组成的字符串,四个方面的边距都为此值。跟css用法一样。
    BoxConfigPadding:父容器的内边距
    • 此属性和BodyPadding的作用相同,只不过此时BodyPadding失效了,需要使用此属性设置内边距。
    BoxFlex:相对值。。除去一个之外。
    第一个子容器BoxFlex=1,第三个子容器BoxFlex=2。所以第一个子容器占据(除去第二个固定高度的子容器)1/3的高度,相应的第三个子容器占据2/3的高度。并且第一个和第三个子容器的高度随着父容器的高度变化而变化。

     小技巧:

    父容器设置了BoxConfigChildMargin=0 0 5 0,也即是说每个子容器的下边距为5px,不过最后一个子容器通过BoxMargin=0覆盖了这一属性,从而保证最后一个子容器距离父容器下边界也是5px。


    界面效果:

     

    2.水平盒子: 

     跟垂直布局差不多,还有绝对布局,表格布局。都差不多,这里就不多说了!用的时候查api

  • 相关阅读:
    hadoop脑裂
    磁盘动态扩容
    zookeeper快照清理
    hadoop rebalance
    redis
    斜率场--微分方程图形解
    simpson法计算arctan(1)-即pi/4
    反函数的导数
    动能公式推导
    schwarz( 施瓦兹)不等式证明
  • 原文地址:https://www.cnblogs.com/duyao/p/4208874.html
Copyright © 2011-2022 走看看