플렉스 : 클릭시 UI 요소 복사

Question

나는 여러 개의 캔버스와 버튼이있는 패널이 있습니다. 기능을 구현하고 싶습니다 : 다음 버튼을 클릭하면 전체 패널 및 캔버스를 복사하여 현재 패널 아래에 배치하고 싶습니다. 또한이 작업을 여러 번 수행 할 수있게하려고합니다.

어떻게 동적으로 UI 요소를 생성합니까?

이

Answer 1

:

는 다음 구성 요소 lifecylcle에 대한 추가 정보를 원하시면입니다.

<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"> 
    <mx:Script> 
     <![CDATA[ 
      import mx.containers.Panel; 
      import mx.controls.Text; 
      var i:int = 1; 
      function addPanel() { 
       var p:Panel = new Panel(); 
       var pnlID:String = "panel" + i; 
        p.id = pnlID; 
        p.title = "New Panel ---> " + pnlID; 
       var plainTxt:Text = new Text(); 
        plainTxt.text = "This is panel " + pnlID; 

        p.addChild(plainTxt); 

       this.addChild(p); 
       i++; 
      } 
     ]]> 
    </mx:Script> 
    <mx:Button id="btn" label="ADD NEW PANEL" click="addPanel()"/> 


</mx:Application> 

Answer 2

내가 패널을 설명하는 객체 모델로 시작을 제안 할 수 있도록 해주십시오과 구성 요소를 모두 복사 및 편집 기능을 구현 (그리고 어쩌면 내가 새로운 배열, 예 상태 1, 상태 2, 등이 필요합니다) 그곳에. 일단 모델을 만들면 생성중인 UIComponent에 모델을 데이터 제공자로 할당 할 수 있습니다. 모델이 변경되거나 업데이트 될 때 모델에서 이벤트를 전달하도록 허용하면 뷰에서 해당 이벤트를 수신하고 UIComponent 라이프 사이클 (createChildren, commitProperties, updateDisplayList 등)을 통해 자체적으로 업데이트 할 수 있습니다. 나는이 도움이 작은 example.Hope를 작성했습니다

http://livedocs.adobe.com/flex/3/html/help.html?content=ascomponents_advanced_2.html