Un livre de Wikibooks.

Flex est le language xmlisé d'Adobe dans la mouvance de Xul et Xaml.

Sections

1 Description
2 MXML
- 2.1 Composantes
- 2.2 Propriétés
3 ARTICLES

[modifier] Description

Décrit des composants mx
Instruit de l'action script 3
S'édite avec Flex builder standalone ou plugin pour eclipse

[modifier] MXML

Le mxml est le namespace XML de Macromedia MX. Une application mx s'initialise comme ceci:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
...
<mx:Application>

[modifier] Composantes

[ SCRIPT ] ActionScripts

	<mx:Script>
		<![CDATA[
			import mx.controls.Alert;
		]]>
	</mx:Script>

[ CONTROLES ]

AdvancedDataGrid

		<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>

Button

<mx:Button
    Properties
    autoRepeat="false|true"
    emphasized="false|true"
    label=""
    labelPlacement="right|left|bottom|top"
    selected="false|true"
    selectedField="null"
    stickyHighlighting="false|true"
    toggle="false|true"
 
    Styles
    borderColor="0xAAB3B3"
    color="0x0B333C"
    cornerRadius="4"
    disabledColor="0xAAB3B3"
    disabledIcon="null"
    disabledSkin="mx.skins.halo.ButtonSkin"
    downIcon="null"
    downSkin="mx.skins.halo.ButtonSkin"
    fillAlphas="[0.6, 0.4]"
    fillColors="[0xE6EEEE, 0xFFFFFF]"
    focusAlpha="0.5"
    focusRoundedCorners"tl tr bl br"
    fontAntiAliasType="advanced"
    fontFamily="Verdana"
    fontGridFitType="pixel"
    fontSharpness="0"
    fontSize="10"
    fontStyle="normal|italic"
    fontThickness="0"
    fontWeight="normal|bold"
    highlightAlphas="[0.3, 0.0]"
    horizontalGap="2"
    icon="null"
    leading="2"
    overIcon="No default"
    overSkin="mx.skins.halo.ButtonSkin"
    paddingBottom="0"
    paddingLeft="0"
    paddingRight="0"
    paddingTop="0"
    repeatDelay="500"
    repeatInterval="35"
    selectedDisabledIcon="null"
    selectedDisabledSkin="mx.skins.halo.ButtonSkin"
    selectedDownIcon="No default"
    selectedDownSkin="mx.skins.halo.ButtonSkin"
    selectedOverIcon="null"
    selectedOverSkin="mx.skins.halo.ButtonSkin"
    selectedUpIcon="null"
    selectedUpSkin="mx.skins.halo.ButtonSkin"
    textAlign="center|left|right"
    textDecoration="none|underline"
    textIndent="0"
    textRollOverColor="0x2B333C"
    textSelectedColor="0x000000"
    upIcon="null"
    upSkin="mx.skins.halo.ButtonSkin"
    verticalGap="2"
 
    Events
    buttonDown="No default"
    change="No default"
    dataChange="No default"
  />

                <mx:Button label="Button"/>

CheckBox

		<mx:CheckBox label="Checkbox"/>

ColorPicker

<mx:ColorPicker
    Properties
    colorField="color"
    labelField="label"
    selectedColor="0x000000"
    selectedIndex="0"
    showTextField="true|false"
 
    Styles
    backgroundColor="0xE5E6E7"
    borderColor="0xA5A9AE"
    closeDuration="250"
    closeEasingFunction="undefined"
    color="0x0B333C"
    columnCount="20"
    fillAlphas="[0.6,0.4]"
    fillColors="[0xFFFFFF, 0xCCCCCC]"
    focusAlpha="0.5"
    FocusRoundedCorners="tl tr bl br"
    fontAntiAliasType="advanced"
    fontfamily="Verdana"
    fontGridFitType="pixel"
    fontSharpness="0"
    fontSize="10"
    fontStyle="normal"
    fontThickness="0"
    fontWeight="normal"
    highlightAlphas="[0.3,0.0]"
    horizontalGap="0"
    leading="2"
    openDuration="250"
    openEaingFunctin="undefined"
    paddingBottom="5"
    paddingLeft="5"
    paddingRight="5"
    paddingTop="4"
    previewHeight="22"
    previewWidth="45"
    swatchBorderColor="0x000000"
    swatchBorderSize="1"
    swatchGridBackgroundColor="0x000000"
    swatchGridBorderSize="0"
    swatchHeight="12"
    swatchHighlightColor="0xFFFFFF"
    swatchHighlightSize="1"
    swatchPanelStyleName="undefined"
    swatchWidth="12"
    textAlign="left"
    textDecoration="none"
    textFieldWidth="72"
    textIndent="0"
    verticalGap="0"
 
    Events
    change="No default"
    close="No default"
    enter="No default"
    itemRollOut="No default"
    itemRollOver="No default"
    open="No default"
    />

		<mx:ColorPicker/>

ComboBox

<mx:ComboBox
    Properties
    dataProvider="null"
    dropdownFactory="ClassFactory that creates an mx.controls.List"
    dropdownWidth="100 or width of the longest text in the dataProvider"
    itemRenderer="null"
    labelField="label"
    labelFunction="null"
    prompt="null"
    rowCount="5"
    selectedIndex="-1"
    selectedItem="null"
 
    Styles
    alternatingItemColors="undefined"
    arrowButtonWidth="22"
    borderColor="0xB7BAABC"
    borderThickness="1"
    closeDuration="250"
    closeEasingFunction="undefined"
    color="0x0B333C"
    cornerRadius="0"
    disabledColor="0xAAB3B3"
    dropDownBorderColor="undefined"
    dropDownStyleName="comboDropDown"
    fillAlphas="[0.6,0.4]"
    fillColors="[0xFFFFFF, 0xCCCCCC]"
    focusAlpha="0.4"
    focusRoundedCorners="tl tr bl br"
    fontAntiAliasType="advanced|normal"
    fontFamily="Verdana"
    fontGridFitType="pixel|none|subpixel"
    fontSharpness="0"
    fontSize="10"
    fontStyle="normal|italic"
    fontThickness="0"
    fontWeight="normal|bold"
    highlightAlphas="[0.3,0.0]"
    leading="0"
    openDuration="250"
    openEasingFunction="undefined"
    paddingLeft="5"
    paddingRight="5"
    rollOverColor="Depends on theme color"
    selectionColor="Depends on theme color"
    selectionDuration="250"
    selectionEasingFunction="undefined"
    textAlign="left|center|right"
    textDecoration="none|underline"
    textIndent="0"
    textRollOverColor="0x2B333C"
    textSelectedColor="0x2B333C"
 
    Events
    change="No default"
    close="No default"
    dataChange="No default"
    enter="No default"
    itemRollOut="No default"
    itemRollOver="No default"
    open="No default"
    scroll="No default"
  />

		<mx:ComboBox></mx:ComboBox>

DataGrid

  <mx:DataGrid
    Properties
    columns="From dataProvider"
    draggableColumns="true|false"
    editable="false|true"
    editedItemPosition="null"
    horizontalScrollPosition="null"
    imeMode="null"
    itemEditorInstance="null"
    minColumnWidth="NaN"
    resizableColumns="true|false"
    sortableColumns="true|false"
 
    Styles
    backgroundDisabledColor="0xEFEEEF"
    columnDropIndicatorSkin="DataGridColumnDropIndicator"
    columnResizeSkin="DataGridColumnResizeSkin"
    headerColors="[#FFFFFF, #E6E6E6]"
    headerDragProxyStyleName="headerDragProxyStyle"
    headerSeparatorSkin="DataGridHeaderSeparator"
    headerStyleName="No default"
    horizontalGridLineColor="#666666"
    horizontalGridLines="false|true"
    rollOverColor="#E3FFD6"
    selectionColor="#CDFFC1"
    sortArrowSkin="DataGridSortArrow"
    stretchCursor="DataGridStretchCursor"
    verticalGridLineColor="#666666"
    verticalGridLines="false|true"
 
    Events
    columnStretch="No default"
    headerRelease="No default"
    headerShift="No default"
    itemEditBegin="No default"
    itemEditEnd="No default"
    itemFocusIn="No default"
    itemFocusOut="No default"
  />

  <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>

DateChooser

  <mx:DateChooser
    Properties
    allowDisjointSelection="true|false"
    allowMultipleSelection="false|true"
    dayNames="["S", "M", "T", "W", "T", "F", "S"]"
    disabledDays="No default"
    disabledRanges="No default"
    displayedMonth="Current month"
    displayedYear="Current year"
    firstDayOfWeek="0"
    maxYear="2100"
    minYear="1900"
    monthNames="["January", "February", "March", "April", "May",
      "June", "July", "August", "September", "October", "November",
      "December"]"
    monthSymbol=""
    selectableRange="No default"
    selectedDate="No default"
    selectedRanges="No default"
    showToday="true|false"
    yearNavigationEnabled="false|true"
    yearSymbol=""
 
    Styles
    backgroundColor="0xFFFFFF"
    backgroundAlpha=1.0
    borderColor="0xAAB3B3"
    borderThickness="1"
    color="0x0B333C"
    cornerRadius="0"
    disabledColor="0xAAB3B3"
    fillAlphas="[0.6, 0.4]"
    fillColors="[0xFFFFFF, 0xCCCCCC]"
    focusAlpha="0.5"
    focusRoundedCorners"tl tr bl br"
    fontAntiAliasType="advanced"
    fontFamily="Verdana"
    fontGridFitType="pixel"
    fontSharpness="0"
    fontSize="10"
    fontStyle="normal|italic"
    fontThickness="0"
    fontWeight="normal|bold"
    headerColors="[0xE1E5EB, 0xF4F5F7]"
    headerStyleName="No default"
    highlightAlphas="[0.3, 0.0]"
    horizontalGap="8"
    leading="2"
    nextMonthDisabledSkin="DateChooserMonthArrowSkin"
    nextMonthDownSkin="DateChooserMonthArrowSkin"
    nextMonthOverSkin="DateChooserMonthArrowSkin"
    nextMonthUpSkin="DateChooserMonthArrowSkin"
    nextYearDisabledSkin="DateChooserYearArrowSkin"
    nextYearDownSkin="DateChooserYearArrowSkin"
    nextYearOverSkin="DateChooserYearArrowSkin"
    nextYearUpSkin="DateChooserYearArrowSkin"
    prevMonthDisabledSkin="DateChooserMonthArrowSkin"
    prevMonthDownSkin="DateChooserMonthArrowSkin"
    prevMonthOverSkin="DateChooserMonthArrowSkin"
    prevMonthUpSkin="DateChooserMonthArrowSkin"
    prevYearDisabledSkin="DateChooserYearArrowSkin"
    prevYearDownSkin="DateChooserYearArrowSkin"
    prevYearOverSkin="DateChooserYearArrowSkin"
    prevYearUpSkin="DateChooserYearArrowSkin"
    rollOverColor="0xEEFEE6"
    rollOverIndicatorSkin="DateChooserIndicator"
    selectionColor="0xB7F39B"
    selectionIndicatorSkin="DateChooserIndicator"
    textAlign="left|right|center"
    textDecoration="none|underline"
    textIndent="0"
    todayColor="0x2B333C"
    todayIndicatorSkin="DateChooserIndicator"
    todayStyleName="White"
    verticalGap="6"
    weekDayStyleName="Bold"
 
    Events
    change="No default"
    scroll="No default"
  />

<mx:DateChooser id="dateChooser2" yearNavigationEnabled="true"
                  disabledRanges="{[ {rangeEnd: new Date(2006, 5, 1)} ]}"/>

DateField

<mx:DateField
    Properties
    dayNames="["S", "M", "T", "W", "T", "F", "S"]"
    disabledDays="No default"
    disabledRanges="No default"
    displayedMonth="Current month"
    displayedYear="Current year"
    firstDayOfWeek="0"
    formatString="MM/DD/YYYY"
    labelFunction="Internal formatter"
    maxYeay="2100"
    minYear="1900"
    monthNames="["January", "February", "March", "April", "May",
    "June", "July", "August", "September", "October", "November",
    "December"]"
    monthSymbol=""
    parseFunction="Internal parser"
    selectableRange="No default"
    selectedDate="No default"
    showToday="true|false"
    yearNavigationEnabled="false|true"
    yearSymbol=""
 
   Styles
    borderColor="0xAAB3B3"
    borderThickness="1"
    color="0x0xB333C"
    cornerRadius="0"
    dateChooserStyleName="No default"
    disabledColor="0xAAB3B3"
    fillAlphas="[0.6, 0.4]"
    fillColors="[0xFFFFFF, 0xCCCCCC]"
    focusAlpha="0.5"
    focusRoundedCorners="tl tr bl br"
    fontAntiAliasType="advanced"
    fontFamily="Verdana"
    fontGridFitType="pixel"
    fontSharpness="0"
    fontSize="10"
    fontStyle="normal|italic"
    fontThickness="0"
    fontWeight="normal|bold"
    headerColors="[0xE1E5EB, 0xF4F5F7]"
    headerStyleName="No default"
    highlightAlphas="[0.3, 0.0]"
    leading="2"
    paddingLeft="0"
    paddingRight="0"
    rollOverColor="0xE3FFD6"
    selectionColor="0xB7F39B"
    textAlign="left|right|center"
    textDecoration="none|underline"
    textIndent="0"
    todayColor="0x2B333C"
    todayStyleName="No default"
    weekDayStyleName="No default"
 
    Events
    change="No default"
    close="No default"
    dataChange="No default"
    open="No default"
    scroll="No default"
  />

<mx:DateField id="dateField2" yearNavigationEnabled="true" 
            disabledRanges="{[ {rangeEnd: new Date(2006, 5, 1)} ]}" />

HSlider
HorizontalList
Image
Label
LinkButton
List
NumericStepper
OLAPDataGrid
PopUpButton
PopUpMenuButton
ProgressBar
RadioButton
RadioButtonGroup
RichTextEditor
SWFLoader
Text
TextArea
TextInput
TileList
Tree
VSLider
VideoDisplay

[ LAYOUT ]

ApplicationControlBar
Canvas
ControlBar
Form
FormHeading
Grid
HBox
HDivideBox
HRule
ModuleLoader
Panel
Spacer
Tile
TitleWindow
VBox
VDividedBox
VRule

[ NAVIGATORS ]

Accordion
ButtonBar
LinkBar
MenuBar
TabBar
TabNavigator
ToggleButtonBar
ViewStack

[ CHARTS ]

AreaChart
BarChart
BubbleChart
CandlestickChart
ColumnChart
HLOCChart
Legend
LineChart
PieChart
PlotChart

[modifier] Propriétés

Les balises ont pour attributs:

[ communs ]

accessibilityProperties

alpha automationDelegate

automationName

autoRepeat

blendMode

buttonMode

cacheAsBitmap

cachePolicy

contextMenu

currentState

doubleClickEnabled

emphasized

enabled

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

[modifier] ARTICLES

Feux artifices

Programmation Flex

Un livre de Wikibooks.

Sections

[modifier] Description

[modifier] MXML

[modifier] Composantes

[modifier] Propriétés

[modifier] ARTICLES

Affichages

Outils personnels

Rechercher

Bibliothèque

Navigation

Aide

Imprimer / exporter

Boîte à outils