zoukankan      html  css  js  c++  java
  • 解析四大Flex4布局方式

    在学习Flex4的过程中,你会遇到Flex4布局的概念, 这里和大家分享一下,在FlexSDK4(Gumbo)的spark组件库里面增加了一个page:spark.layouts。其中包括了比较重要的四个Flex4布局类(class),请看下文详细介绍。

    四种Flex4布局类概述

    在FlexSDK4(Gumbo)的spark组件库里面增加了一个page:spark.layouts。其中包括了比较重要的四个Flex4布局类(class),分别是:BasicLayout、HorizontalLayout、TileLayout、VerticalLayout。

    1、BasicLayoutFlex4布局:

    (默认属性,当不指定定位后,则是绝对定位布局)

    这是spark组件默认FlexSDK3的布局方式,即绝对定位布局。在FlexSDK3里面对应的是:layout="absolute"

    2、HorizontalLayoutFlex4布局:

    这是spark组件库里面的水平布局方式。在里面对应的是:layout="horizontal"

    3、VerticalLayoutFlex4布局:

    这是spark组件库里面的竖直布局方式。在FlexSDK3里面对应的是:layout="vertical"

    4、TileLayoutFlex4布局:

    这是spark组件库新增的布局方式,即格子布局方式。TileLayout布局方式可以说是HorizontalLayout和VerticalLayout结合的方式。

    还有一点是需要注意的:

    paddingLeft、paddingRight、paddingTop、paddingBottom
    这四个属性已经转移到了HorizontalLayout、VerticalLayout里面。这点也与FlexSDK3有些区别。也就是说,在spark组件中的容器,已经不具备paddingLeft、paddingRight、paddingTop、paddingBottom属性了。

  • 相关阅读:
    css 学习笔记 菜鸟
    html学习 菜鸟
    flask 杂记2
    logging 为全局的日志工具对象添加日志记录器
    flask 框架 转载:https://cloud.tencent.com/developer/article/1465968
    flask 框架 转载:https://cloud.tencent.com/developer/article/1465949
    flask blueprint
    [ZJOI2005]午餐
    [ZJOI2006]皇帝的烦恼
    数位dp小练
  • 原文地址:https://www.cnblogs.com/tianlangshu/p/2499657.html
Copyright © 2011-2022 走看看