语言版本:? 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

相关笔记

更多