« Programmation Flex » : différence entre les versions

Contenu supprimé Contenu ajouté
Page blanchie
Ligne 1 :
{{Flex}}
== Composantes ==
[ SCRIPT ] ActionScripts
 
 
<source lang="xml">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
]]>
</mx:Script>
</source>
 
 
[ CONTROLES ]
 
 
*AdvancedDataGrid
<source lang="xml">
<mx:AdvancedDataGrid id="adg1" designViewDataType="tree">
<mx:columns>
<mx:AdvancedDataGridColumn headerText="Column 1" dataField="col1"/>
<mx:AdvancedDataGridColumn headerText="Column 2" dataField="col2"/>
<mx:AdvancedDataGridColumn headerText="Column 3" dataField="col3"/>
</mx:columns>
</mx:AdvancedDataGrid>
</source>
*Button
<source lang="xml">
<mx:Button label="Button"/>
</source>
*CheckBox
<source lang="xml">
<mx:CheckBox label="Checkbox"/>
</source>
*ColorPicker
</source>
<source lang="xml">
<mx:ColorPicker/>
</source>
*ComboBox
<source lang="xml">
<mx:ComboBox></mx:ComboBox>
</source>
*DataGrid
<source lang="xml">
<mx:DataGrid>
<mx:dataProvider>
<mx:Object Artist="Pavement" Price="11.99"
Album="Slanted and Enchanted"/>
<mx:Object Artist="Pavement"
Album="Brighten the Corners" Price="11.99"/>
</mx:dataProvider>
<mx:columns>
<mx:DataGridColumn dataField="Album"/>
<mx:DataGridColumn dataField="Price"/>
</mx:columns>
</mx:DataGrid>
</source>
*DateChooser
</source>
<source lang="xml">
<mx:DateChooser id="dateChooser2" yearNavigationEnabled="true" disabledRanges="{[ {rangeEnd: new Date(2006, 5, 1)} ]}"/>
</source>
*DateField
<source lang="xml">
<mx:DateField id="dateField2" yearNavigationEnabled="true" disabledRanges="{[ {rangeEnd: new Date(2006, 5, 1)} ]}" />
</source>
*HSlider
<source lang="xml">
<mx:HSlider x="117" y="158" />
</source>
*HorizontalList
<source lang="xml">
<mx:HorizontalList x="73" y="154"></mx:HorizontalList>
</source>
*Image
<source lang="xml">
<mx:Image x="70" y="156"/>
</source>
*Label
<source lang="xml">
<mx:Label x="58" y="180" text="Label"/>
</source>
*LinkButton
<source lang="xml">
<mx:LinkButton x="78" y="212" label="LinkButton"/>
</source>
*List
<source lang="xml">
<mx:List x="40" y="203"></mx:List>
</source>
*NumericStepper
<source lang="xml">
<mx:NumericStepper x="95" y="171"/>
</source>
*OLAPDataGrid
<source lang="xml">
<mx:OLAPDataGrid x="50" y="177"/>
</source>
*PopUpButton
<source lang="xml">
<mx:PopUpButton x="79" y="190" label="PopUpButton"/>
</source>
*PopUpMenuButton
<source lang="xml">
<mx:PopUpMenuButton x="52" y="206" label="PopUpMenuButton"/>
</source>
*ProgressBar
<source lang="xml">
<mx:ProgressBar x="77" y="227"/>
</source>
*RadioButton
<source lang="xml">
<mx:RadioButton x="71" y="148" label="Button 1" groupName="radiogroup1"/>
<mx:RadioButton x="71" y="174" label="Button 2" groupName="radiogroup1"/>
</source>
*RadioButtonGroup
<source lang="xml">
<mx:RadioButtonGroup id="radiogroup1"/>
</source>
*RichTextEditor
<source lang="xml">
<mx:RichTextEditor x="107" y="287" title="Title"></mx:RichTextEditor>
</source>
*SWFLoader
<source lang="xml">
<mx:SWFLoader x="32" y="230"/>
</source>
*Text
<source lang="xml">
<mx:Text x="180" y="197" text="Text"/>
</source>
*TextArea
<source lang="xml">
<mx:TextArea x="151" y="235"/>
</source>
*TextInput
<source lang="xml">
<mx:TextInput x="272" y="108"/>
</source>
*TileList
<source lang="xml">
<mx:TileList x="218" y="174"></mx:TileList>
</source>
*Tree
<source lang="xml">
<mx:Tree x="22" y="287"></mx:Tree>
</source>
*VSLider
<source lang="xml">
<mx:VSlider x="10" y="287"/>
</source>
*VideoDisplay
<source lang="xml">
<mx:VideoDisplay x="32" y="120"/>
</source>
 
 
[ LAYOUT ]
 
 
*ApplicationControlBar
<source lang="xml">
<mx:ApplicationControlBar x="66" y="139"></mx:ApplicationControlBar>
</source>
*Canvas
<source lang="xml">
<mx:Canvas x="66" y="206" width="200" height="200"></mx:Canvas>
</source>
*ControlBar
<source lang="xml">
<mx:ControlBar x="10" y="166"></mx:ControlBar>
</source>
*Form
<source lang="xml">
<mx:Form x="10" y="259"></mx:Form>
</source>
*FormHeading
<source lang="xml">
<mx:FormHeading x="10" y="318" label="Heading"/>
</source>
*Grid
<source lang="xml">
<mx:Grid x="10" y="152">
<mx:GridRow width="100%" height="100%">
<mx:GridItem width="100%" height="100%">
</mx:GridItem>
<mx:GridItem width="100%" height="100%">
</mx:GridItem>
<mx:GridItem width="100%" height="100%">
</mx:GridItem>
</mx:GridRow>
<mx:GridRow width="100%" height="100%">
<mx:GridItem width="100%" height="100%">
</mx:GridItem>
<mx:GridItem width="100%" height="100%">
</mx:GridItem>
<mx:GridItem width="100%" height="100%">
</mx:GridItem>
</mx:GridRow>
<mx:GridRow width="100%" height="100%">
<mx:GridItem width="100%" height="100%">
</mx:GridItem>
<mx:GridItem width="100%" height="100%">
</mx:GridItem>
<mx:GridItem width="100%" height="100%">
</mx:GridItem>
</mx:GridRow>
</mx:Grid>
</source>
*HBox
<source lang="xml">
<mx:HBox x="66" y="111" width="100%"></mx:HBox>
</source>
*HDivideBox
<source lang="xml">
<mx:HDividedBox x="66" y="32" width="100%"></mx:HDividedBox>
</source>
*HRule
<source lang="xml">
<mx:HRule x="16" y="60"/>
</source>
*ModuleLoader
<source lang="xml">
<mx:ModuleLoader x="22" y="82"></mx:ModuleLoader>
</source>
*Panel
<source lang="xml">
<mx:Panel x="10" y="299" width="250" height="200" layout="absolute"></mx:Panel>
</source>
*Spacer
<source lang="xml">
<mx:Spacer x="53" y="30"/>
</source>
*Tile
<source lang="xml">
<mx:Tile x="33" y="92"></mx:Tile>
</source>
*TitleWindow
<source lang="xml">
<mx:TitleWindow x="33" y="159" width="250" height="200" layout="absolute"></mx:TitleWindow>
</source>
*VBox
<source lang="xml">
<mx:VBox x="10" y="120" height="100%"></mx:VBox>
</source>
*VDividedBox
<source lang="xml">
<mx:VDividedBox x="53" y="38" height="100%"></mx:VDividedBox>
</source>
*VRule
<source lang="xml">
<mx:VRule x="153" y="38"/>
</source>
 
 
[ NAVIGATORS ]
 
 
*Accordion
<source lang="xml">
<mx:Accordion x="81" y="88" width="200" height="200">
<mx:Canvas label="Accordion Pane 1" width="100%" height="100%">
</mx:Canvas>
</mx:Accordion>
</source>
*ButtonBar
<source lang="xml">
<mx:ButtonBar x="29" y="73"></mx:ButtonBar>
</source>
*LinkBar
<source lang="xml">
<mx:LinkBar x="29" y="174"></mx:LinkBar>
</source>
*MenuBar
<source lang="xml">
<mx:MenuBar x="10" y="239"></mx:MenuBar>
</source>
*TabBar
<source lang="xml">
<mx:TabBar x="10" y="301"></mx:TabBar>
</source>
*TabNavigator
<source lang="xml">
<mx:TabNavigator x="30" y="339" width="200" height="200">
<mx:Canvas label="Tab 1" width="100%" height="100%">
</mx:Canvas>
</mx:TabNavigator>
</source>
*ToggleButtonBar
<source lang="xml">
<mx:ToggleButtonBar x="106" y="301"></mx:ToggleButtonBar>
</source>
*ViewStack
<source lang="xml">
<mx:ViewStack x="188" y="311" id="viewstack1" width="200" height="200">
<mx:Canvas label="View 1" width="100%" height="100%">
</mx:Canvas>
</mx:ViewStack>
</source>
 
 
[ CHARTS ]
 
 
*AreaChart
<source lang="xml">
<mx:AreaChart x="52" y="69" id="areachart1">
<mx:series>
<mx:AreaSeries displayName="Series 1" yField=""/>
</mx:series>
</mx:AreaChart>
<mx:Legend dataProvider="{areachart1}"/>
</source>
*BarChart
<source lang="xml">
<mx:BarChart x="10" y="183" id="µ">
<mx:series>
<mx:BarSeries displayName="Series 1" xField=""/>
</mx:series>
</mx:BarChart>
<mx:Legend dataProvider="{µ}"/>
 
</source>
*BubbleChart
<source lang="xml">
<mx:BubbleChart x="10" y="127" id="bubblechart1">
<mx:series>
<mx:BubbleSeries displayName="Series 1" yField="" radiusField=""/>
</mx:series>
</mx:BubbleChart>
<mx:Legend dataProvider="{bubblechart1}"/>
 
</source>
*CandlestickChart
<source lang="xml">
<mx:CandlestickChart x="0" y="169" id="candlestickchart1">
<mx:series>
<mx:CandlestickSeries displayName="Series 1" openField="" closeField="" highField="" lowField=""/>
</mx:series>
</mx:CandlestickChart>
<mx:Legend dataProvider="{candlestickchart1}"/>
 
</source>
*ColumnChart
<source lang="xml">
<mx:ColumnChart x="19" y="92" id="columnchart1">
<mx:series>
<mx:ColumnSeries displayName="Series 1" yField=""/>
</mx:series>
</mx:ColumnChart>
<mx:Legend dataProvider="{columnchart1}"/>
 
</source>
*HLOCChart
<source lang="xml">
<mx:HLOCChart x="10" y="92" id="hlocchart1">
<mx:series>
<mx:HLOCSeries displayName="Series 1" openField="" closeField="" highField="" lowField=""/>
</mx:series>
</mx:HLOCChart>
<mx:Legend dataProvider="{hlocchart1}"/>
 
</source>
*Legend
<source lang="xml">
<mx:Legend x="34" y="69" dataProvider="{legend}"/>
</source>
*LineChart
<source lang="xml">
<mx:LineChart x="0" y="146" id="linechart1">
<mx:series>
<mx:LineSeries displayName="Series 1" yField=""/>
</mx:series>
</mx:LineChart>
<mx:Legend dataProvider="{linechart1}"/>
 
</source>
*PieChart
<source lang="xml">
<mx:PieChart x="153" y="103" id="piechart1">
<mx:series>
<mx:PieSeries displayName="Series 1" field=""/>
</mx:series>
</mx:PieChart>
<mx:Legend dataProvider="{piechart1}"/>
 
</source>
*PlotChart
<source lang="xml">
<mx:PlotChart x="137" y="69" id="plotchart1">
<mx:series>
<mx:PlotSeries displayName="Series 1" yField=""/>
</mx:series>
</mx:PlotChart>
<mx:Legend dataProvider="{plotchart1}"/>
 
</source>
 
==Propriétés==
Les balises ont pour attributs:
 
 
*[ communs ]
 
 
:accessibilityProperties
:alpha automationDelegate
:automationName
:autoRepeat
:blendMode
:buttonMode
:buttonMode
:cacheAsBitmap
:cachePolicy
:contextMenu
:currentState
:doubleClickEnabled
:emphasized
:enabled
:errorString
:errorString
:filters
:flexContextMenu
:focusEnabled
:focusRect
:fontContext
:height
:hitArea
:id
:includeInLayout
:label
:labelPlacement
:mask
:maxHeight
:maxWidth
:minHeight
:minWidth
:mouseChildren
:mouseEnabled
:mouseFocusEnabled
 
 
* [ actions ]
 
 
:activate
:add
:added
:addedToStage
:buttonDown
:change
:click
:creationComplete
:currentStateChange
:currentStateChanging
:dataChange
:deactivate
:doubleClick
:dragComplete
:dragDrop
:dragEnter
:dragExit
:dragOver
:dragStart
:effectEnd
:effectStart
:enterFrame
:enterState
:exitState
:focusIn
:focusOut
:hide
:initialize
:invalid
:keyDown
:keyFocusChange
:keyUp
:mouseDown
:mouseDownOutside
:mouseFocusChange
:mouseMove
:mouseOut
:mouseOver
:mouseUp
:mouseWheel
:mouseWheelOutside
:move
 
 
* [ comportements ]
 
 
:baseline
:borderColor
:bottom
:color
:cornerRadius
:disabledColor
:disabledIcon
:disabledSkin
:downIcon
:downSkin
:errorColor
:fillAlphas
:fillColors
:focusAlpha
:focusBlendMode
:focusRoundedCorners
:focusSkin
:focusThickness
:fontWeight
 
 
* [ effets ]
 
 
:addedEffect
:creationCompleteEffect
:focusInEffect
:focusOutEffect
:hideEffect
:mouseDownEffect
:mouseUpEffect
:moveEffect
 
=ARTICLES=
 
[[Catégorie:Langages de programmation]]