import fl.controls.Button;
import fl.controls.Label;
import fl.events.ComponentEvent;

var myLabel:Label = new Label();
myLabel.text = "0";
myLabel.move(10, 10);
addChild(myLabel);

var downButton:Button = new Button();
downButton.label = "-";
downButton.autoRepeat = true;
downButton.setSize(20, 20);
downButton.move(10, 30);
downButton.addEventListener(ComponentEvent.BUTTON_DOWN, buttonDownHandler);
addChild(downButton)

var upButton:Button = new Button();
upButton.label = "+";
upButton.autoRepeat = true;
upButton.setSize(20, 20);
upButton.move(40, 30);
upButton.addEventListener(ComponentEvent.BUTTON_DOWN, buttonDownHandler);
addChild(upButton);

function buttonDownHandler(event:ComponentEvent):void {
    var value:Number = Number(myLabel.text);
    switch (event.currentTarget) {
        case downButton:
            value--;
            break;
        case upButton:
            value++;
            break;
    }
    myLabel.text = value.toString();
}

import fl.controls.Button;

var myButton:Button = new Button();
myButton.toggle = true;
myButton.move(10, 10);
myButton.addEventListener(Event.CHANGE, changeHandler);
addChild(myButton);

function changeHandler(event:Event):void {
    trace("Button toggled (selected:" + event.currentTarget.selected + ")");
}

import fl.controls.*;
import fl.containers.*;
import fl.controls.listClasses.*;
import fl.controls.dataGridClasses.*;
import fl.controls.progressBarClasses.*;
import fl.core.UIComponent;
import fl.data.DataProvider;

var dp:DataProvider = new DataProvider();
dp.addItem( { label: "BaseScrollPane",    data:BaseScrollPane } );
dp.addItem( { label: "Button",             data:Button } );
dp.addItem( { label: "CellRenderer",    data:CellRenderer } );
dp.addItem( { label: "CheckBox",         data:CheckBox } );
dp.addItem( { label: "ColorPicker",     data:ColorPicker } );
dp.addItem( { label: "ComboBox",         data:ComboBox } );
dp.addItem( { label: "DataGrid",         data:DataGrid } );
dp.addItem( { label: "HeaderRenderer",    data:HeaderRenderer } );
dp.addItem( { label: "ImageCell",        data:ImageCell } );
dp.addItem( { label: "IndeterminateBar",data:IndeterminateBar } );
dp.addItem( { label: "Label",             data:Label } );
dp.addItem( { label: "List",             data:List } );
dp.addItem( { label: "NumericStepper",     data:NumericStepper } );
dp.addItem( { label: "ProgressBar",     data:ProgressBar } );
dp.addItem( { label: "RadioButton",     data:RadioButton } );
dp.addItem( { label: "ScrollPane",         data:ScrollPane } );
dp.addItem( { label: "Slider",             data:Slider } );
dp.addItem( { label: "TextArea",         data:TextArea } );
dp.addItem( { label: "TextInput",         data:TextInput } );
dp.addItem( { label: "TileList",         data:TileList } );
dp.addItem( { label: "UILoader",         data:UILoader } );
dp.addItem( { label: "UIComponent",     data:UIComponent } );

var cb:ComboBox = new ComboBox();
cb.move(10,10);
cb.setSize(300,25);
cb.prompt = "Select a component to view its styles";
cb.rowCount = 12;
cb.dataProvider = dp;
cb.addEventListener(Event.CHANGE, showStyleDefinition);
addChild(cb);

var dg:DataGrid = new DataGrid();
dg.setSize(425,300);
dg.move(10,50);
dg.columns = [ new DataGridColumn("StyleName"), new DataGridColumn("DefaultValue") ];
addChild(dg);

function showStyleDefinition(e:Event):void {
    var componentClass:Class = e.target.selectedItem.data as Class;
    var styles:Object = componentClass["getStyleDefinition"].call(this);
    trace(styles.toString());
    var styleData:DataProvider = new DataProvider();
    for(var i:* in styles) {
        trace(i + " : " + styles[i]);
        styleData.addItem( { StyleName:i, DefaultValue:styles[i] } );
    }
    styleData.sortOn("StyleName");
    dg.dataProvider = styleData;
}

import fl.controls.Button;
import fl.controls.Label;
import fl.events.ComponentEvent;

var myLabel:Label = new Label();
myLabel.text = "0";
myLabel.move(10, 10);
addChild(myLabel);

var downButton:Button = new Button();
downButton.label = "-";
downButton.autoRepeat = true;
downButton.setSize(20, 20);
downButton.move(10, 30);
downButton.addEventListener(ComponentEvent.BUTTON_DOWN, buttonDownHandler);
addChild(downButton)

var upButton:Button = new Button();
upButton.label = "+";
upButton.autoRepeat = true;
upButton.setSize(20, 20);
upButton.move(40, 30);
upButton.addEventListener(ComponentEvent.BUTTON_DOWN, buttonDownHandler);
addChild(upButton);

function buttonDownHandler(event:ComponentEvent):void {
    var value:Number = Number(myLabel.text);
    switch (event.currentTarget) {
        case downButton:
            value--;
            break;
        case upButton:
            value++;
            break;
    }
    myLabel.text = value.toString();
}

import fl.controls.Button;

var myButton:Button = new Button();
myButton.toggle = true;
myButton.move(10, 10);
myButton.addEventListener(Event.CHANGE, changeHandler);
addChild(myButton);

function changeHandler(event:Event):void {
    trace("Button toggled (selected:" + event.currentTarget.selected + ")");
}