Flex 가 Tile Group 에 구성 요 소 를 동적 으로 추가 합 니 다.

수요:모니터링 센터 페이지 에서'모니터링 항목 추가'를 클릭 하여 해당 하 는 추가 페이지 를 팝 업 하고 페이지 에 모니터링 항목 을 추가 한 후에 확인 을 클릭 하여 모니터링 센터 페이지 로 돌아 가 고 이 페이지 에서 선택 한 모니터링 기준 에 대응 하 는 모니터링 그림 을 동적 으로 보 여 줍 니 다.
1.관련 판 참조

[/code]
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
	
		
	
	
		
	
	
					import mx.containers.VBox;

			private function addAccordionChild():void {
				var vbox:VBox = new VBox();
				vbox.label = "child " + accordion.numChildren;
				vbox.percentWidth = 100;
				vbox.percentHeight = 100;
				var randColor:uint = Math.random() * 0xFFFFFF;
				vbox.setStyle("backgroundColor", randColor);
				accordion.addChild(vbox);

			}

			private function removeAccordionChild():void {
				if (accordion.selectedChild) {
					accordion.removeChild(accordion.selectedChild as DisplayObject);

				}
			}

		]]>
	

	
						  click="addAccordionChild();"/>
						  click="removeAccordionChild();"/>
	

	



   2、    

[code="java"]

xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">

import mx.containers.VBox;



import spark.core.SpriteVisualElement;



private var sprve:SpriteVisualElement;

private function addAccordionChild2():void{

sprve = new SpriteVisualElement;



​



sprve.graphics.beginFill(0xFFFFFF);



sprve.graphics.drawCircle(100, 100, 100);



sprve.graphics.endFill();





accordion.addElement(sprve);



}



private function addAccordionChild():void {

// var vbox:VBox = new VBox();

// vbox.label = "child " + accordion.numChildren;

// vbox.percentWidth = 100;

// vbox.percentHeight = 100;

// var randColor:uint = Math.random() * 0xFFFFFF;

// vbox.setStyle("backgroundColor", randColor);

// accordion.addChild(vbox);

var circle:SpriteVisualElement=new SpriteVisualElement();



circle.graphics.beginFill(0x0000ff);



circle.graphics.drawEllipse(100,100,50,50);



circle.graphics.endFill();



accordion.addElement(circle);



}



private function removeAccordionChild():void {

//if (accordion.selectedChild) {

//accordion.removeChild(accordion.selectedChild as DisplayObject);



//}

}



]]>


click="addAccordionChild();"/>
click="removeAccordionChild();"/>
verticalAlign="middle" horizontalGap="30" >
addElement 가 받 아들 인 매개 변 수 는 IVisualElement 인터페이스의 4 가지 클래스 와 하위 클래스 를 실현 해 야 합 니 다.