가 동적 구성 요소

Question

나는 다음과 같은 코드에 의해 동적으로 구성 요소를 생성하고있어 때 데이터 그리드의 위치를 ​​정렬하는 방법 : 난 그냥 vbox 내부 중앙에 데이터 그리드를 정렬하는 방법을 알고 싶어

var vbox:VBox = new VBox(); 
var btn:Button = new Button; 
var hb:HBox = new HBox; 
var dg:DataGrid = new DataGrid(); 
var dc:DataGridColumn = new DataGridColumn(); 
var columns:Array = new Array(); 

columns.push(getColumn("one", "ONE")); 
columns.push(getColumn("two", "TWO")); 
columns.push(getColumn("three", "THREE")); 
columns.push(getColumn("four", "FOUR")); 
columns.push(getColumn("five", "FIVE ")); 

dg.columns = columns; 
dg.dataProvider = temp; 
vbox.percentWidth = 100; 

vbox.percentHeight = 100; 
vbox.addChild(dg) 
accordion.addChild(vbox); 

. 내 응용 프로그램에서는 vbox의 모퉁이를 보여줍니다. 센터에서 DataGrid를 어떻게 정렬합니까?

Answer 1

먼저 VBox 너비에 걸쳐 캔버스를 만들고 캔버스 내부에 DataCenter를 놓고 horizontalCenter를 0으로 설정하십시오. 다음 MXML의 예를 참조하십시오 ActionScript에서

<mx:VBox x="0" y="0" width="100%" height="100%"> 
    <mx:Canvas width="100%"> 
     <mx:DataGrid horizontalCenter="0"> 
      <mx:columns> 
       <mx:DataGridColumn headerText="Column 1" dataField="col1"/> 
       <mx:DataGridColumn headerText="Column 2" dataField="col2"/> 
       <mx:DataGridColumn headerText="Column 3" dataField="col3"/> 
      </mx:columns> 
     </mx:DataGrid> 
    </mx:Canvas> 
</mx:VBox> 

var vbox:VBox = new VBox(); 
var btn:Button = new Button; 
var hb:HBox = new HBox; 
var dg:DataGrid = new DataGrid(); 
var dc:DataGridColumn = new DataGridColumn(); 
var columns:Array = new Array(); 

columns.push(getColumn("one", "ONE")); 
columns.push(getColumn("two", "TWO")); 
columns.push(getColumn("three", "THREE")); 
columns.push(getColumn("four", "FOUR")); 
columns.push(getColumn("five", "FIVE ")); 

dg.columns = columns; 
dg.dataProvider = temp; 

dg.setStyle("horizontalCenter", 0); 

var cnv:Canvas = new Canvas(); 
cnv.percentWidth = 100; 

cnv.addChild(dg); 

vbox.percentWidth = 100; 
vbox.percentHeight = 100; 

vbox.addChild(cnv) 

accordion.addChild(vbox);