语言版本:  ActionScript 3.0
产品版本:  Flex 3
运行时版本:  Flash Player 9, AIR 1.1

Grid 容器允许您按单元格的行和列来排列子项,这与 HTML 表相似。Grid 容器包含一行或多行,并且每行可以包含一个或多个单元格或项目。您应使用下列标签来定义 Grid 控件:

  • <mx:Grid> 标签定义 Grid 容器。
  • <mx:GridRow> 标签定义网格行,其中包含一个或多个单元格。网格行必须是 <Grid> 标签的子项。
  • <mx:GridItem> 标签定义网格单元格,该标签必须是 <GridRow> 标签的子项。<mx:GridItem> 标签可以包含任意数目的子项。

每一行中所有单元格的高度都相同,但各行的高度可以不同。每一列中所有单元格的宽度都相同,但各列的宽度可以不同。您可以为 Grid 容器中的各行或各列定义不同数目的单元格。此外,一个单元格可以跨越容器中的多列或多行。

GridRow 容器在 Grid 容器中定义一行,并包含 GridCell 容器。

GridItem 容器在 GridRow 容器中定义网格单元格。(然后,GridRow 容器在 Grid 容器中定义行。)
GridItem 容器可包含任意数量的子项,这些子项的布局方式与 HBox 容器相同。如果您不想使用 HBox 布局,
则可创建一个容器(如 VBox 容器)作为 GridItem 控件的子项,然后将其他组件放置在此子容器中。
MXML 语法

The <mx:Grid> tag inherits all of the tag attributes of its superclass, except the Box.directionproperty, and adds the following tag attributes:
  <mx:Grid
    Styles
    horizontalGap="8"
    verticalGap="6"
    >
      ...
    These child tags are examples only:
       <mx:GridRow id="row1">
        <mx:GridItem
          rowSpan="1"
          colSpan="1">
            <mx:Button label="Button 1"/>
        </mx:GridItem>
        ...
       </mx:GridRow>
    ...
  </mx:Grid>

自由转载,转载请注明: 转载自WEB开发笔记 www.chhua.com

本文链接地址: FLex中的表格组件(Grid,GridRow,GridItem)简介 http://www.chhua.com/web-note192

相关笔记

更多