XML parser

Heb op een simpele manier met Flex builder 2 een simpel xml bestand geparsed, en weergegeven in een datagrid in flex.

Flex broncode

<?xml version=”1.0″ encoding=”utf-8″?>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml” layout=”vertical”
initialize=”myService.send()”>

<mx:HTTPService id=”myService”
url=”file:///C|/Documents and Settings/Joshua/Bureaublad/naamlijst.xml”/>

<mx:DataGrid dataProvider=”{myService.lastResult.titels.titel}”/>

</mx:Application>

XML code

<?xml version=”1.0″?>
<titels>
<titel>
<naam>harry</naam>
<leeftijd>10</leeftijd>
</titel>
<titel>
<naam>kees</naam>
<leeftijd>12.5</leeftijd>
</titel>
<titel>
<naam>joost</naam>
<leeftijd>16</leeftijd>
</titel>
<titel>
<naam>Harry</naam>
<leeftijd>19</leeftijd>
</titel>
</titels>

Alleen het nadeel van deze manier is dat je niet aan kunt geven welke delen je van het xml bestand weer wil geven. Hij geeft dus alles uit het xml bestand weer in de datagrid.

Vstack

Heb een Vstack gemaakt met 3 verschillende velden. Door middel van de Vstack kan je binnen de applicatie navigeren. Binnen de Vstack zitten wat vboxen en hboxen.

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

<mx:ToggleButtonBar dataProvider=”{vStack}”/>

<mx:ViewStack id=”vStack”>

<mx:VBox id=”blaBlabla”
label=”blablabla”
cornerRadius=”20″
borderStyle=”solid”
height=”150″ width=”200″
backgroundColor=”#ffffff”
paddingLeft=”10″
paddingTop=”10″>
<mx:HBox width=”100%”>
<mx:Text text=”bla bla bla” fontSize=”19″ width=”75%”/>
</mx:HBox>
<mx:Text width=”100%”>
<mx:text>dus….</mx:text>
</mx:Text>
</mx:VBox>
<mx:VBox id=”etcEtc”
label=”etcetc”
cornerRadius=”20″
borderStyle=”solid”
height=”150″ width=”200″
backgroundColor=”#ffffff”
paddingLeft=”10″
paddingTop=”10″>
<mx:HBox width=”100%”>
<mx:Text width=”75%” text=”etc etc” fontSize=”19″/>
</mx:HBox>
<mx:Text width=”100%”>
<mx:text>dus..</mx:text>
</mx:Text>
</mx:VBox>
<mx:VBox id=”loremIpsum”
label=”loremipsum”
cornerRadius=”20″
borderStyle=”solid”
height=”150″ width=”200″
backgroundColor=”#ffffff”
paddingLeft=”10″
paddingTop=”10″>
<mx:HBox width=”100%”>
<mx:Text width=”75%” text=”lorem ipsum” fontSize=”19″/>
</mx:HBox>
<mx:Text width=”100%”>
<mx:text>dus..</mx:text>
</mx:Text>
</mx:VBox>
</mx:ViewStack>
</mx:Application>

Formuliertje

Heb een simpel formuliertje gemaakt in flex met wat standaard knoppen en invoer velden.  Hij geeft verder alleen een melding dat het formulier is ingevuld. Meer niet.

<?xml version=”1.0″ encoding=”utf-8″?>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml” layout=”vertical” backgroundGradientColors=”[#cccccc, #cccccc]“>
<mx:HBox>
<mx:Label text=”first name” width=”100″/>
<mx:TextInput id=”firstName”/>
</mx:HBox>

<mx:HBox>
<mx:Label text=”last name” width=”100″/>
<mx:TextInput id=”lastName”/>
</mx:HBox>
<mx:HBox>
<mx:Label text=”Role:” width=”100″/>
<mx:VBox>
<mx:RadioButtonGroup id=”radioGroup”/>
<mx:RadioButton label=”Employee” groupName=”radioGroup”/>
<mx:RadioButton label=”Customer” groupName=”radioGroup”/>
<mx:RadioButton label=”Vender” groupName=”radioGroup”/>
</mx:VBox>
</mx:HBox>

<mx:HBox>
<mx:Label text=”okay to contact?”/>
<mx:CheckBox id=”okayCheckbox”  cornerRadius=”20″/>
</mx:HBox>
</mx:Application>

Interface leren

Ben bezig geweest om de intrface en navigatie binnen Flex builder te leren. Heb tevens een simpele hello world applicatie i flex gemaakt.

<?xml version=”1.0″ encoding=”utf-8″?>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml” layout=”vertical” backgroundGradientColors=”[#cccccc, #cccccc]“>
<mx:Label text=”Hello world!”/>
</mx:Application>

XML test

Test