flex4 遍历容器的方法

最新推荐文章于 2015-03-27 16:54:28 发布

原创最新推荐文章于 2015-03-27 16:54:28 发布 · 904 阅读

0 ·

CC 4.0 BY-SA版权

actonscript 专栏收录该内容

179 篇文章

订阅专栏

本文介绍如何在Flex4中遍历并管理容器内的子元素，通过使用SparkGroup、SkinnableContainer和Halo容器的特性，实现对容器内元素的高效操作。通过实例演示了如何使用getElementAt方法获取特定位置的子元素，并对其进行状态同步。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

flex4 遍历容器的方法。

首先了解一下API

Spark Group容器、SkinnableContainer容器以及所有的Halo容器，为管理容器的子元素提供属性和方法。因为Spark Group容器和SkinnableContainer容器能够持有很多种子元素，所以用来操纵其子元素的方法指的是拥有通用名称的子元素。

下面的表格展示了这些属性和方法：

flex4 遍历容器的方法 - cruelchen - 请重启您的计算........

一个小小的例子：

<?xml version="1.0" encoding="utf-8"?>  <!-- http://blog.flexexamples.com/2010/04/14/toggling-a-group-of-spark-checkbox-controls-in-flex-4/ -->  <s:Application name="Spark_Group_getElementAt_test"          xmlns:fx="http://ns.adobe.com/mxml/2009"          xmlns:s="library://ns.adobe.com/flex/spark"          xmlns:mx="library://ns.adobe.com/flex/mx">         <fx:Script>          <![CDATA[              protected function tgBtn_changeHandler(evt:Event):void {                  var idx:uint;                  const len:uint = chGr1.numElements;                  for (idx = 0; idx < len; idx++) {                      var elmt:CheckBox = chGr1.getElementAt(idx) as CheckBox;                      elmt.selected = tgBtn.selected;                  }              }          ]]>      </fx:Script>         <s:Panel id="pnl"              title="Spark Panel title"              horizontalCenter="0" verticalCenter="0">          <s:controlBarContent>              <s:ToggleButton id="tgBtn"                      label="Toggle CheckBoxes"                      change="tgBtn_changeHandler(event);" />          </s:controlBarContent>          <s:VGroup id="chGr1"                  gap="0"                  left="10" right="10" top="10" bottom="10">              <s:CheckBox id="ch1" label="CheckBox One" />              <s:CheckBox id="ch2" label="CheckBox Two" />              <s:CheckBox id="ch3" label="CheckBox Three" />              <s:CheckBox id="ch4" label="CheckBox Four" />              <s:CheckBox id="ch5" label="CheckBox Five" />              <s:CheckBox id="ch6" label="CheckBox Six" />              <s:CheckBox id="ch7" label="CheckBox Seven" />              <s:CheckBox id="ch8" label="CheckBox Eight" />              <s:CheckBox id="ch9" label="CheckBox Nine" />          </s:VGroup>      </s:Panel>     </s:Application>