在Flex中使用buttonBar

  在這裡我們使用數據綁定來生成一個buttonBar,中間還使用到樣式,對於樣式的定義要與網頁中的CSS更靈活.代碼如下:



   Application {
    fontSize: 12;
   }
  
   .btns {
    buttonStyleName: "mybuttonBarButtonStyle";
    firstButtonStyleName: "mybuttonBarFirstButtonStyle";
    lastButtonStyleName: "mybuttonBarLastButtonStyle";
   }
  
   .mybuttonBarButtonStyle {
    color: #990000;
   }
  
   .mybuttonBarFistButtonStyle {
    cornerRadius: 4;
   }
  
   .mybuttonBarLastButtonStyle {
    cornerRadius: 4;
   }


       import mx.events.ItemClickEvent;
   
    internal function initUI():void {
     var data_arr:Array = new Array();
     data_arr.push('Flex', 'Flash', 'Flash Media Server', 'Flex Data Server');
     btns.dataProvider = data_arr;
    }
   
    internal function btn_click_handler(evt:ItemClickEvent):void {
     tip_txt.text = '點擊的按鈕:' + evt.index + ':' + evt.label;
    }
   ]]>



你可能感兴趣的:(flex)