http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/AdvancedDataGridExample.mxml ---------------------------------------------------------------------- diff --git a/tourdeflexmodules/src/mx/controls/AdvancedDataGridExample.mxml b/tourdeflexmodules/src/mx/controls/AdvancedDataGridExample.mxml new file mode 100755 index 0000000..f1c8e64 --- /dev/null +++ b/tourdeflexmodules/src/mx/controls/AdvancedDataGridExample.mxml @@ -0,0 +1,78 @@ +<?xml version="1.0"?> +<!-- + Licensed to the Apache Software Foundation (ASF) under one or more + contributor license agreements. See the NOTICE file distributed with + this work for additional information regarding copyright ownership. + The ASF licenses this file to You under the Apache License, Version 2.0 + (the "License"); you may not use this file except in compliance with + the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + --> + +<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> + + <fx:Script> + <![CDATA[ + import mx.collections.ArrayCollection; + + [Bindable] + private var dpFlat:ArrayCollection = new ArrayCollection([ + {Region:"Southwest", Territory:"Arizona", + Territory_Rep:"Barbara Jennings", Actual:38865, Estimate:40000}, + {Region:"Southwest", Territory:"Arizona", + Territory_Rep:"Dana Binn", Actual:29885, Estimate:30000}, + {Region:"Southwest", Territory:"Central California", + Territory_Rep:"Joe Smith", Actual:29134, Estimate:30000}, + {Region:"Southwest", Territory:"Nevada", + Territory_Rep:"Bethany Pittman", Actual:52888, Estimate:45000}, + {Region:"Southwest", Territory:"Northern California", + Territory_Rep:"Lauren Ipsum", Actual:38805, Estimate:40000}, + {Region:"Southwest", Territory:"Northern California", + Territory_Rep:"T.R. Smith", Actual:55498, Estimate:40000}, + {Region:"Southwest", Territory:"Southern California", + Territory_Rep:"Alice Treu", Actual:44985, Estimate:45000}, + {Region:"Southwest", Territory:"Southern California", + Territory_Rep:"Jane Grove", Actual:44913, Estimate:45000} + ]); + ]]> + </fx:Script> + + <mx:Panel title="AdvancedDataGrid Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> + + <mx:AdvancedDataGrid id="myADG" + width="100%" height="100%" + initialize="gc.refresh()"> + <mx:dataProvider> + <mx:GroupingCollection2 id="gc" source="{dpFlat}"> + <mx:grouping> + <mx:Grouping> + <mx:GroupingField name="Region"/> + <mx:GroupingField name="Territory"/> + </mx:Grouping> + </mx:grouping> + </mx:GroupingCollection2> + </mx:dataProvider> + + <mx:columns> + <mx:AdvancedDataGridColumn dataField="Region"/> + <mx:AdvancedDataGridColumn dataField="Territory"/> + <mx:AdvancedDataGridColumn dataField="Territory_Rep" + headerText="Territory Rep"/> + <mx:AdvancedDataGridColumn dataField="Actual"/> + <mx:AdvancedDataGridColumn dataField="Estimate"/> + </mx:columns> + </mx:AdvancedDataGrid> + </mx:Panel> + +</mx:Module>
http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/ButtonBarExample.mxml ---------------------------------------------------------------------- diff --git a/tourdeflexmodules/src/mx/controls/ButtonBarExample.mxml b/tourdeflexmodules/src/mx/controls/ButtonBarExample.mxml new file mode 100755 index 0000000..6920666 --- /dev/null +++ b/tourdeflexmodules/src/mx/controls/ButtonBarExample.mxml @@ -0,0 +1,58 @@ +<?xml version="1.0"?> +<!-- + Licensed to the Apache Software Foundation (ASF) under one or more + contributor license agreements. See the NOTICE file distributed with + this work for additional information regarding copyright ownership. + The ASF licenses this file to You under the Apache License, Version 2.0 + (the "License"); you may not use this file except in compliance with + the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + --> + +<!-- Simple example to demonstrate the ButtonBar control. --> +<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> + + <fx:Script> + <![CDATA[ + + import mx.events.ItemClickEvent; + + // Event handler function to print a message + // describing the selected Button control. + private function clickHandler(event:ItemClickEvent):void { + myTA.text="Selected button index: " + String(event.index) + + "\n" + "Selected button label: " + event.label; + } + ]]> + </fx:Script> + + <mx:Panel title="ButtonBar Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> + + <mx:Label width="100%" + text="Select a button in the ButtonBar control."/> + + <mx:TextArea id="myTA" width="100%" height="100%"/> + + <mx:ButtonBar itemClick="clickHandler(event)"> + <mx:dataProvider> + <fx:Array> + <fx:String>Flex SDK</fx:String> + <fx:String>Flex JS</fx:String> + <fx:String>Falcon</fx:String> + <fx:String>Falcon JX</fx:String> + </fx:Array> + </mx:dataProvider> + </mx:ButtonBar> + </mx:Panel> +</mx:Module> http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/ButtonExample.mxml ---------------------------------------------------------------------- diff --git a/tourdeflexmodules/src/mx/controls/ButtonExample.mxml b/tourdeflexmodules/src/mx/controls/ButtonExample.mxml new file mode 100755 index 0000000..588eef9 --- /dev/null +++ b/tourdeflexmodules/src/mx/controls/ButtonExample.mxml @@ -0,0 +1,65 @@ +<?xml version="1.0"?> +<!-- + Licensed to the Apache Software Foundation (ASF) under one or more + contributor license agreements. See the NOTICE file distributed with + this work for additional information regarding copyright ownership. + The ASF licenses this file to You under the Apache License, Version 2.0 + (the "License"); you may not use this file except in compliance with + the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + --> + +<!-- Simple example to demonstrate the Button control. --> +<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> + + <fx:Script> + <![CDATA[ + + import flash.events.Event; + + // Event handler function to print a message + // describing the selected Button control. + private function printMessage(event:Event):void { + message.text += event.target.label + " pressed" + "\n"; + } + + ]]> + </fx:Script> + + <mx:Panel title="Button Control Example" layout="horizontal" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> + + <mx:VBox> + <mx:Label width="100%" + text="Select a Button control."/> + + <!-- The button can contain an image, as in the "Button with Icon" button --> + <!-- The button can contain an image, as in the "Button with Icon" button --> + <mx:Button id="iconButton" icon="@Embed('assets/ApacheFlexIcon.png')" label="Button with Icon" + paddingLeft="12" paddingRight="18" labelPlacement="right" color="#993300" click="printMessage(event)"/> + + <!-- The size of the button and the label attributes can be customized --> + <mx:Button label="Customized Button" color="#993300" toggle="true" selected="true" + textAlign="left" fontStyle="italic" fontSize="13" width="{iconButton.width}" + click="printMessage(event)"/> + + <!-- By default, the look and feel of the customized button is + similar to the Default Button. --> + <mx:Button label="Default Button" click="printMessage(event)"/> + </mx:VBox> + + <mx:TextArea id="message" text="" editable="false" height="100%" width="100%" + color="#0000FF"/> + + </mx:Panel> +</mx:Module> http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/CheckBoxExample.mxml ---------------------------------------------------------------------- diff --git a/tourdeflexmodules/src/mx/controls/CheckBoxExample.mxml b/tourdeflexmodules/src/mx/controls/CheckBoxExample.mxml new file mode 100755 index 0000000..116e652 --- /dev/null +++ b/tourdeflexmodules/src/mx/controls/CheckBoxExample.mxml @@ -0,0 +1,78 @@ +<?xml version="1.0"?> +<!-- + Licensed to the Apache Software Foundation (ASF) under one or more + contributor license agreements. See the NOTICE file distributed with + this work for additional information regarding copyright ownership. + The ASF licenses this file to You under the Apache License, Version 2.0 + (the "License"); you may not use this file except in compliance with + the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + --> + +<!-- Simple example to demonstrate the CheckBox control --> +<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> + + <fx:Script> + <![CDATA[ + + import mx.controls.Alert; + + // This event handler adds and deletes items from the shopping cart. + private function modifyCart():void + { + cartItems.text = ""; + + if(milkCB.selected == true) { + cartItems.text += "milk" + '\n' ; + } + + if(eggsCB.selected == true) { + cartItems.text += "eggs" + '\n'; + } + + if(breadCB.selected == true) { + cartItems.text +="bread" + '\n'; + } + } + + // This event handler opens the Alert control. + private function sendMessage():void + { + if(couponCB.selected == true) { + Alert.show('You will receive coupons.'); + } + else { + Alert.show('You will not receive any coupons.'); + } + } + ]]> + </fx:Script> + + <mx:Panel title="CheckBox Control Example" layout="horizontal" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> + + <mx:VBox> + <mx:CheckBox id="milkCB" label="milk" click="modifyCart()"/> + <mx:CheckBox id="eggsCB" label="eggs" click="modifyCart()"/> + <mx:CheckBox id="breadCB" label="bread" click="modifyCart()"/> + </mx:VBox> + + <mx:VBox> + <mx:Label text="Items in my cart "/> + <mx:TextArea id="cartItems" width="300" height="50" verticalScrollPolicy="off"/> + <!-- Event handler sendMessages() is used to handle event click --> + <mx:CheckBox id="couponCB" label="Send me coupons for items in my cart" + click="sendMessage()" selected="true"/> + </mx:VBox> + </mx:Panel> +</mx:Module> http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/ColorPickerExample.mxml ---------------------------------------------------------------------- diff --git a/tourdeflexmodules/src/mx/controls/ColorPickerExample.mxml b/tourdeflexmodules/src/mx/controls/ColorPickerExample.mxml new file mode 100755 index 0000000..34e4b33 --- /dev/null +++ b/tourdeflexmodules/src/mx/controls/ColorPickerExample.mxml @@ -0,0 +1,35 @@ +<?xml version="1.0"?> +<!-- + Licensed to the Apache Software Foundation (ASF) under one or more + contributor license agreements. See the NOTICE file distributed with + this work for additional information regarding copyright ownership. + The ASF licenses this file to You under the Apache License, Version 2.0 + (the "License"); you may not use this file except in compliance with + the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + --> + +<!-- Simple example to demonstrate the ColorPicker control. --> +<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> + + <mx:Panel title="ColorPicker Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> + + <mx:Label width="100%" + text="Select the background color of the VBox container."/> + <mx:ColorPicker id="cp" showTextField="true" selectedColor="0xFFFFFF"/> + + <mx:VBox width="100%" height="100%" backgroundColor="{cp.selectedColor}" borderStyle="solid"/> + <mx:Label text="selectedColor: 0x{cp.selectedColor.toString(16)}"/> + </mx:Panel> +</mx:Module> http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/DateChooserExample.mxml ---------------------------------------------------------------------- diff --git a/tourdeflexmodules/src/mx/controls/DateChooserExample.mxml b/tourdeflexmodules/src/mx/controls/DateChooserExample.mxml new file mode 100755 index 0000000..9492913 --- /dev/null +++ b/tourdeflexmodules/src/mx/controls/DateChooserExample.mxml @@ -0,0 +1,70 @@ +<?xml version="1.0"?> +<!-- + Licensed to the Apache Software Foundation (ASF) under one or more + contributor license agreements. See the NOTICE file distributed with + this work for additional information regarding copyright ownership. + The ASF licenses this file to You under the Apache License, Version 2.0 + (the "License"); you may not use this file except in compliance with + the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + --> + +<!-- Simple example to demonstrate DateChooser control. --> +<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> + + <fx:Script> + <![CDATA[ + + // Event handler function to write the selected + // date to the Label control. + private function displayDate(date:Date):void { + if (date == null) + selection.text = "Date selected: "; + else + selection.text = "Date selected: " + date.getFullYear().toString() + + '/' + (date.getMonth()+1).toString() + '/' + date.getDate(); + } + ]]> + </fx:Script> + + <fx:Declarations> + <mx:DateFormatter id="df"/> + </fx:Declarations> + + <mx:Panel title="DateChooser Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> + + <mx:Label width="100%" + text="Select a date in the DateChooser control."/> + <mx:Label width="100%" + text="Select it again while holding down the Control key to clear it."/> + + <mx:HBox horizontalGap="25"> + <mx:VBox> + <mx:Label text="Simple DateChooser control."/> + <mx:DateChooser id="dateChooser1" yearNavigationEnabled="true" + change="displayDate(DateChooser(event.target).selectedDate)"/> + <mx:Label id="selection" text="Date selected:"/> + </mx:VBox> + + <mx:VBox> + <mx:Label text="Disable dates before June 1, 2006."/> + <mx:DateChooser id="dateChooser2" yearNavigationEnabled="true" + disabledRanges="{[ {rangeEnd: new Date(2006, 5, 1)} ]}"/> + <mx:Label text="Date selected: {df.format(dateChooser2.selectedDate)}"/> + </mx:VBox> + </mx:HBox> + + </mx:Panel> +</mx:Module> + http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/DateFieldExample.mxml ---------------------------------------------------------------------- diff --git a/tourdeflexmodules/src/mx/controls/DateFieldExample.mxml b/tourdeflexmodules/src/mx/controls/DateFieldExample.mxml new file mode 100755 index 0000000..77d9ff0 --- /dev/null +++ b/tourdeflexmodules/src/mx/controls/DateFieldExample.mxml @@ -0,0 +1,60 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- + Licensed to the Apache Software Foundation (ASF) under one or more + contributor license agreements. See the NOTICE file distributed with + this work for additional information regarding copyright ownership. + The ASF licenses this file to You under the Apache License, Version 2.0 + (the "License"); you may not use this file except in compliance with + the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + --> + +<!-- Simple example to demonstrate the DateField control. --> +<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> + + <fx:Script> + <![CDATA[ + + // Event handler for the DateField change event. + private function dateChanged(date:Date):void { + if (date == null) + selection.text = "Date selected: "; + else + selection.text = "Date selected: " + date.getFullYear().toString() + + '/' + (date.getMonth()+1).toString() + '/' + date.getDate(); + } + ]]> + </fx:Script> + + <fx:Declarations> + <mx:DateFormatter id="df"/> + </fx:Declarations> + + <mx:Panel title="DateField Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> + + <mx:Label width="100%" + text="Select a date in the DateField control. Select it again to clear it."/> + + <mx:Label text="Basic DateField:"/> + <mx:DateField id="dateField1" yearNavigationEnabled="true" + change="dateChanged(DateField(event.target).selectedDate)" /> + <mx:Label id="selection" text="Date selected:" /> + + <mx:Label text="Disable dates on or before June 1, 2006."/> + <mx:DateField id="dateField2" yearNavigationEnabled="true" + disabledRanges="{[ {rangeEnd: new Date(2006, 5, 1)} ]}" /> + <mx:Label text="Date selected: {df.format(dateField2.selectedDate)}"/> + + </mx:Panel> +</mx:Module> http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/HScrollBarExample.mxml ---------------------------------------------------------------------- diff --git a/tourdeflexmodules/src/mx/controls/HScrollBarExample.mxml b/tourdeflexmodules/src/mx/controls/HScrollBarExample.mxml new file mode 100755 index 0000000..609e3c6 --- /dev/null +++ b/tourdeflexmodules/src/mx/controls/HScrollBarExample.mxml @@ -0,0 +1,58 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- + Licensed to the Apache Software Foundation (ASF) under one or more + contributor license agreements. See the NOTICE file distributed with + this work for additional information regarding copyright ownership. + The ASF licenses this file to You under the Apache License, Version 2.0 + (the "License"); you may not use this file except in compliance with + the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + --> + +<!-- Simple example to demonstrate the HScrollBar control. --> +<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> + + <fx:Script> + <![CDATA[ + + import mx.events.ScrollEvent; + + // Event handler function to display the scroll location + // as you move the scroll thumb. + private function myScroll(event:ScrollEvent):void + { + showPosition.text = "HScrollBar properties summary:" + '\n' + + "------------------------------------" + '\n' + + "Current scroll position: " + event.currentTarget.scrollPosition + '\n' + + "The maximum scroll position: " + event.currentTarget.maxScrollPosition + '\n' + + "The minimum scroll position: " + event.currentTarget.minScrollPosition ; + } + ]]> + </fx:Script> + + <mx:Panel id="panel" title="HScrollBar Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> + + <mx:Label width="100%" + text="Click on the scroll bar to view its properties."/> + + <mx:HScrollBar id="bar" width="100%" + minScrollPosition="0" maxScrollPosition="{panel.width - 20}" + lineScrollSize="50" pageScrollSize="100" + scroll="myScroll(event)" + repeatDelay="1000" repeatInterval="500" /> + + <mx:TextArea height="100%" width="100%" id="showPosition" /> + + </mx:Panel> +</mx:Module> http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/HorizontalListExample.mxml ---------------------------------------------------------------------- diff --git a/tourdeflexmodules/src/mx/controls/HorizontalListExample.mxml b/tourdeflexmodules/src/mx/controls/HorizontalListExample.mxml new file mode 100755 index 0000000..06d9eba --- /dev/null +++ b/tourdeflexmodules/src/mx/controls/HorizontalListExample.mxml @@ -0,0 +1,70 @@ +<?xml version="1.0"?> +<!-- + Licensed to the Apache Software Foundation (ASF) under one or more + contributor license agreements. See the NOTICE file distributed with + this work for additional information regarding copyright ownership. + The ASF licenses this file to You under the Apache License, Version 2.0 + (the "License"); you may not use this file except in compliance with + the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + --> + +<!-- Simple example to demonstrate the HorizontalList Control. --> +<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> + + <fx:Script> + <![CDATA[ + + [Bindable] + [Embed(source="assets/ApacheFlexLogo.png")] + public var logo1:Class; + + [Bindable] + [Embed(source="assets/ApacheFlexLogo.png")] + public var logo2:Class; + + [Bindable] + [Embed(source="assets/ApacheFlexLogo.png")] + public var logo3:Class; + + [Bindable] + [Embed(source="assets/ApacheFlexLogo.png")] + public var logo4:Class; + + [Bindable] + [Embed(source="assets/ApacheFlexLogo.png")] + public var logo5:Class; + ]]> + </fx:Script> + + <mx:Panel title="HorizontalList Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> + + <mx:Label width="100%" + text="A HorizontalList control displays items in a single row."/> + + <mx:HorizontalList id="CameraSelection" height="250" columnCount="3" columnWidth="125"> + <mx:dataProvider> + <fx:Array> + <fx:Object label="Logo 1" icon="{logo1}"/> + <fx:Object label="Logo 2" icon="{logo2}"/> + <fx:Object label="Logo 3" icon="{logo3}"/> + <fx:Object label="Logo 4" icon="{logo4}"/> + <fx:Object label="Logo 5" icon="{logo5}"/> + </fx:Array> + </mx:dataProvider> + </mx:HorizontalList> + + </mx:Panel> +</mx:Module> + http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/LabelExample.mxml ---------------------------------------------------------------------- diff --git a/tourdeflexmodules/src/mx/controls/LabelExample.mxml b/tourdeflexmodules/src/mx/controls/LabelExample.mxml new file mode 100755 index 0000000..9ca5f4e --- /dev/null +++ b/tourdeflexmodules/src/mx/controls/LabelExample.mxml @@ -0,0 +1,50 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- + Licensed to the Apache Software Foundation (ASF) under one or more + contributor license agreements. See the NOTICE file distributed with + this work for additional information regarding copyright ownership. + The ASF licenses this file to You under the Apache License, Version 2.0 + (the "License"); you may not use this file except in compliance with + the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + --> + +<!-- Simple example to demonstrate the Label control --> +<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> + + <fx:Script> + <![CDATA[ + + private var htmlData:String="<br>This label displays <b>bold</b> and <i>italic</i> HTML-formatted text."; + + // Event handler function to change the image size. + private function displayHTML():void { + simpleLabel.htmlText= htmlData; + } + + // Event handler function to change the image size. + private function displayText():void { + simpleLabel.text="This Label displays plain text."; + } + ]]> + </fx:Script> + + <mx:Panel title="Label Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> + + <mx:Label id="simpleLabel" text="This Label displays plain text."/> + <mx:Button id="Display" label="Click to display HTML Text" click="displayHTML()"/> + <mx:Button id="Clear" label="Click to display plain text" click="displayText()"/> + + </mx:Panel> +</mx:Module> http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/LinkBarExample.mxml ---------------------------------------------------------------------- diff --git a/tourdeflexmodules/src/mx/controls/LinkBarExample.mxml b/tourdeflexmodules/src/mx/controls/LinkBarExample.mxml new file mode 100755 index 0000000..0b9ef07 --- /dev/null +++ b/tourdeflexmodules/src/mx/controls/LinkBarExample.mxml @@ -0,0 +1,50 @@ +<?xml version="1.0"?> +<!-- + Licensed to the Apache Software Foundation (ASF) under one or more + contributor license agreements. See the NOTICE file distributed with + this work for additional information regarding copyright ownership. + The ASF licenses this file to You under the Apache License, Version 2.0 + (the "License"); you may not use this file except in compliance with + the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + --> + +<!-- Simple example to demonstrate the LinkBar control. --> +<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> + + <mx:Panel title="LinkBar Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> + + <mx:Text width="100%" + text="Select a link in the LinkBar control to set the active child of the ViewStack container."/> + + <mx:LinkBar color="#0000FF" fontWeight="bold" dataProvider="{myViewStack}"/> + + <!-- Define the ViewStack and the three child containers. --> + <mx:ViewStack id="myViewStack" borderStyle="solid" width="100%" height="80%"> + + <mx:Canvas id="search" backgroundColor="#FFFFCC" label="Search" width="100%" height="100%"> + <mx:Label text="Search Screen" color="#000000"/> + </mx:Canvas> + + <mx:Canvas id="custInfo" backgroundColor="#CCFFFF" label="Customer Info" width="100%" height="100%"> + <mx:Label text="Customer Info" color="#000000"/> + </mx:Canvas> + + <mx:Canvas id="accountInfo" backgroundColor="#FFCCFF" label="Account Info" width="100%" height="100%"> + <mx:Label text="Account Info" color="#000000"/> + </mx:Canvas> + </mx:ViewStack> + + </mx:Panel> +</mx:Module> http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/LinkButtonExample.mxml ---------------------------------------------------------------------- diff --git a/tourdeflexmodules/src/mx/controls/LinkButtonExample.mxml b/tourdeflexmodules/src/mx/controls/LinkButtonExample.mxml new file mode 100755 index 0000000..346bf89 --- /dev/null +++ b/tourdeflexmodules/src/mx/controls/LinkButtonExample.mxml @@ -0,0 +1,40 @@ +<?xml version="1.0"?> +<!-- + Licensed to the Apache Software Foundation (ASF) under one or more + contributor license agreements. See the NOTICE file distributed with + this work for additional information regarding copyright ownership. + The ASF licenses this file to You under the Apache License, Version 2.0 + (the "License"); you may not use this file except in compliance with + the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + --> + +<!-- Simple example to demonstrate the LinkButton control. --> +<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> + + <fx:Script> + import mx.controls.Alert; + </fx:Script> + + <mx:Panel title="LinkButton Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> + + <mx:Label width="100%" + text="Select the LinkButton control to open the Alert control."/> + + <mx:LinkButton label="LinkButton control" color="#0000FF" fontWeight="bold" + click="Alert.show('LinkButton selected!')"/> + + </mx:Panel> +</mx:Module> + http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/Local.mxml ---------------------------------------------------------------------- diff --git a/tourdeflexmodules/src/mx/controls/Local.mxml b/tourdeflexmodules/src/mx/controls/Local.mxml new file mode 100755 index 0000000..f416e38 --- /dev/null +++ b/tourdeflexmodules/src/mx/controls/Local.mxml @@ -0,0 +1,26 @@ +<?xml version="1.0"?> +<!-- + Licensed to the Apache Software Foundation (ASF) under one or more + contributor license agreements. See the NOTICE file distributed with + this work for additional information regarding copyright ownership. + The ASF licenses this file to You under the Apache License, Version 2.0 + (the "License"); you may not use this file except in compliance with + the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + --> + +<!-- Flex application loaded by the SWFLoader control. --> +<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + width="100%" height="100%"> + + <mx:Label text="The Label control of the embedded application."/> + +</mx:Module> + http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/MenuBarExample.mxml ---------------------------------------------------------------------- diff --git a/tourdeflexmodules/src/mx/controls/MenuBarExample.mxml b/tourdeflexmodules/src/mx/controls/MenuBarExample.mxml new file mode 100755 index 0000000..118e506 --- /dev/null +++ b/tourdeflexmodules/src/mx/controls/MenuBarExample.mxml @@ -0,0 +1,81 @@ +<?xml version="1.0"?> +<!-- + Licensed to the Apache Software Foundation (ASF) under one or more + contributor license agreements. See the NOTICE file distributed with + this work for additional information regarding copyright ownership. + The ASF licenses this file to You under the Apache License, Version 2.0 + (the "License"); you may not use this file except in compliance with + the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + --> + +<!-- Simple example to demonstrate the MenuBar control. --> +<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%" + creationComplete="initCollections()"> + + <fx:Script> + <![CDATA[ + + import mx.events.MenuEvent; + import mx.controls.Alert; + import mx.collections.*; + + [Bindable] + public var menuBarCollection:XMLListCollection; + + private var menubarXML:XMLList = + <> + <menuitem label="Menu1" data="top"> + <menuitem label="MenuItem 1-A" data="1A"/> + <menuitem label="MenuItem 1-B" data="1B"/> + </menuitem> + <menuitem label="Menu2" data="top"> + <menuitem label="MenuItem 2-A" type="check" data="2A"/> + <menuitem type="separator"/> + <menuitem label="MenuItem 2-B" > + <menuitem label="SubMenuItem 3-A" type="radio" + groupName="one" data="3A"/> + <menuitem label="SubMenuItem 3-B" type="radio" + groupName="one" data="3B"/> + </menuitem> + </menuitem> + </>; + + // Event handler to initialize the MenuBar control. + private function initCollections():void { + menuBarCollection = new XMLListCollection(menubarXML); + } + + // Event handler for the MenuBar control's itemClick event. + private function menuHandler(event:MenuEvent):void { + // Don't open the Alert for a menu bar item that + // opens a popup submenu. + if (event.item.@data != "top") { + Alert.show("Label: " + event.item.@label + "\n" + + "Data: " + event.item.@data, "Clicked menu item"); + } + } + ]]> + </fx:Script> + + <mx:Panel title="MenuBar Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> + + <mx:Label width="100%" + text="Select a menu item."/> + + <mx:MenuBar labelField="@label" itemClick="menuHandler(event)" + dataProvider="{menuBarCollection}" /> + + </mx:Panel> +</mx:Module> http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/NumericStepperExample.mxml ---------------------------------------------------------------------- diff --git a/tourdeflexmodules/src/mx/controls/NumericStepperExample.mxml b/tourdeflexmodules/src/mx/controls/NumericStepperExample.mxml new file mode 100755 index 0000000..4dc5947 --- /dev/null +++ b/tourdeflexmodules/src/mx/controls/NumericStepperExample.mxml @@ -0,0 +1,45 @@ +<?xml version="1.0"?> +<!-- + Licensed to the Apache Software Foundation (ASF) under one or more + contributor license agreements. See the NOTICE file distributed with + this work for additional information regarding copyright ownership. + The ASF licenses this file to You under the Apache License, Version 2.0 + (the "License"); you may not use this file except in compliance with + the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + --> + +<!-- Simple example to demonstrate the NumericStepper control. --> +<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> + + <mx:Panel title="NumericStepper Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> + + <mx:Text width="100%" + text="Default NumericStepper control with a minimum=0, maximum=10, and stepSize=1."/> + <mx:NumericStepper/> + + <mx:Text width="100%" + text="NumericStepper control with a minimum=10, maximum=40, stepSize=0.01, and starting value of 20."/> + + <mx:NumericStepper id="ns" + minimum="10.00" maximum="40.00" + stepSize="0.01" + value="20.00" + width="65"/> + + <mx:Label text="You selected {ns.value}"/> + + </mx:Panel> +</mx:Module> + http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/OLAPDataGridExample.mxml ---------------------------------------------------------------------- diff --git a/tourdeflexmodules/src/mx/controls/OLAPDataGridExample.mxml b/tourdeflexmodules/src/mx/controls/OLAPDataGridExample.mxml new file mode 100755 index 0000000..9e8a5e6 --- /dev/null +++ b/tourdeflexmodules/src/mx/controls/OLAPDataGridExample.mxml @@ -0,0 +1,208 @@ +<?xml version="1.0"?> +<!-- + Licensed to the Apache Software Foundation (ASF) under one or more + contributor license agreements. See the NOTICE file distributed with + this work for additional information regarding copyright ownership. + The ASF licenses this file to You under the Apache License, Version 2.0 + (the "License"); you may not use this file except in compliance with + the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + --> + +<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%" + creationComplete="creationCompleteHandler()"> + + <fx:Script> + <![CDATA[ + import mx.rpc.AsyncResponder; + import mx.rpc.AsyncToken; + import mx.olap.OLAPQuery; + import mx.olap.OLAPSet; + import mx.olap.IOLAPQuery; + import mx.olap.IOLAPQueryAxis; + import mx.olap.IOLAPCube; + import mx.olap.OLAPResult; + import mx.events.CubeEvent; + import mx.controls.Alert; + import mx.collections.ArrayCollection; + + + [Bindable] + private var flatData:ArrayCollection = new ArrayCollection( + [ + {customer:"AAA", product:"Flex SDK", quarter:"Q1", revenue:210, cost:25}, + {customer:"AAA", product:"Flex JS", quarter:"Q2", revenue:210, cost:25}, + {customer:"AAA", product:"Falcon", quarter:"Q3", revenue:250, cost:125}, + {customer:"AAA", product:"Falcon JX", quarter:"Q4", revenue:430, cost:75}, + + {customer:"BBB", product:"Flex SDK", quarter:"Q2", revenue:125, cost:20}, + {customer:"BBB", product:"Flex JS", quarter:"Q3", revenue:210, cost:20}, + {customer:"BBB", product:"Falcon", quarter:"Q4", revenue:320, cost:120}, + {customer:"BBB", product:"Falcon JX", quarter:"Q1", revenue:280, cost:70}, + + {customer:"CCC", product:"Flex SDK", quarter:"Q3", revenue:375, cost:120}, + {customer:"CCC", product:"Flex JS", quarter:"Q4", revenue:430, cost:120}, + {customer:"CCC", product:"Falcon", quarter:"Q1", revenue:470, cost:220}, + {customer:"CCC", product:"Falcon JX", quarter:"Q2", revenue:570, cost:170}, + + {customer:"AAA", product:"Flex SDK", quarter:"Q4", revenue:215, cost:90}, + {customer:"AAA", product:"Flex JS", quarter:"Q1", revenue:210, cost:90}, + {customer:"AAA", product:"Falcon", quarter:"Q2", revenue:175, cost:190}, + {customer:"AAA", product:"Falcon JX", quarter:"Q3", revenue:670, cost:75}, + + {customer:"BBB", product:"Flex SDK", quarter:"Q1", revenue:175, cost:20}, + {customer:"BBB", product:"Flex JS", quarter:"Q2", revenue:210, cost:20}, + {customer:"BBB", product:"Falcon",quarter:"Q3", revenue:120, cost:120}, + {customer:"BBB", product:"Falcon JX", quarter:"Q4", revenue:310, cost:70}, + + {customer:"CCC", product:"Flex SDK", quarter:"Q1", revenue:385, cost:120}, + {customer:"CCC", product:"Flex JS", quarter:"Q2", revenue:340, cost:120}, + {customer:"CCC", product:"Falcon", quarter:"Q3", revenue:470, cost:220}, + {customer:"CCC", product:"Falcon JX", quarter:"Q4", revenue:270, cost:170}, + + {customer:"AAA", product:"Flex SDK", quarter:"Q1", revenue:100, cost:25}, + {customer:"AAA", product:"Flex JS", quarter:"Q2", revenue:150, cost:25}, + {customer:"AAA", product:"Falcon", quarter:"Q3", revenue:200, cost:125}, + {customer:"AAA", product:"Falcon JX", quarter:"Q4", revenue:300, cost:75}, + + {customer:"BBB", product:"Flex SDK", quarter:"Q2", revenue:175, cost:20}, + {customer:"BBB", product:"Flex JS", quarter:"Q3", revenue:100, cost:20}, + {customer:"BBB", product:"Falcon", quarter:"Q4", revenue:270, cost:120}, + {customer:"BBB", product:"Falcon JX", quarter:"Q1", revenue:370, cost:70}, + + {customer:"CCC", product:"Flex SDK", quarter:"Q3", revenue:410, cost:120}, + {customer:"CCC", product:"Flex JS", quarter:"Q4", revenue:300, cost:320}, + {customer:"CCC", product:"Falcon", quarter:"Q1", revenue:510, cost:220}, + {customer:"CCC", product:"Falcon JX", quarter:"Q2", revenue:620, cost:170}, + + {customer:"AAA", product:"Flex SDK", quarter:"Q4", revenue:215, cost:90}, + {customer:"AAA", product:"Flex JS", quarter:"Q1", revenue:210, cost:90}, + {customer:"AAA", product:"Falcon", quarter:"Q2", revenue:175, cost:190}, + {customer:"AAA", product:"Falcon JX", quarter:"Q3", revenue:420, cost:75}, + + {customer:"BBB", product:"Flex SDK", quarter:"Q1", revenue:240, cost:20}, + {customer:"BBB", product:"Flex JS", quarter:"Q2", revenue:100, cost:20}, + {customer:"BBB", product:"Falcon", quarter:"Q3", revenue:270, cost:120}, + {customer:"BBB", product:"Falcon JX", quarter:"Q4", revenue:370, cost:70}, + + {customer:"CCC", product:"Flex SDK", quarter:"Q1", revenue:375, cost:120}, + {customer:"CCC", product:"Flex JS", quarter:"Q2", revenue:420, cost:120}, + {customer:"CCC", product:"Falcon", quarter:"Q3", revenue:680, cost:220}, + {customer:"CCC", product:"Falcon JX", quarter:"Q4", revenue:570, cost:170} + ]); + + private function creationCompleteHandler():void { + // You must initialize the cube before you + // can execute a query on it. + myMXMLCube.refresh(); + } + + // Create the OLAP query. + private function getQuery(cube:IOLAPCube):IOLAPQuery { + // Create an instance of OLAPQuery to represent the query. + var query:OLAPQuery = new OLAPQuery; + + // Get the row axis from the query instance. + var rowQueryAxis:IOLAPQueryAxis = + query.getAxis(OLAPQuery.ROW_AXIS); + // Create an OLAPSet instance to configure the axis. + var productSet:OLAPSet = new OLAPSet; + // Add the Product to the row to aggregate data + // by the Product dimension. + productSet.addElements( + cube.findDimension("ProductDim").findAttribute("Product").children); + // Add the OLAPSet instance to the axis. + rowQueryAxis.addSet(productSet); + + // Get the column axis from the query instance, and configure it + // to aggregate the columns by the Quarter dimension. + var colQueryAxis:IOLAPQueryAxis = + query.getAxis(OLAPQuery.COLUMN_AXIS); + var quarterSet:OLAPSet= new OLAPSet; + quarterSet.addElements( + cube.findDimension("QuarterDim").findAttribute("Quarter").children); + colQueryAxis.addSet(quarterSet); + + return query; + } + + // Event handler to execute the OLAP query + // after the cube completes initialization. + private function runQuery(event:CubeEvent):void { + // Get cube. + var cube:IOLAPCube = IOLAPCube(event.currentTarget); + // Create a query instance. + var query:IOLAPQuery = getQuery(cube); + // Execute the query. + var token:AsyncToken = cube.execute(query); + // Setup handlers for the query results. + token.addResponder(new AsyncResponder(showResult, showFault)); + } + + // Handle a query fault. + private function showFault(result:Object, token:Object):void { + Alert.show("Error in query."); + } + + // Handle a successful query by passing the query results to + // the OLAPDataGrid control.. + private function showResult(result:Object, token:Object):void { + if (!result) { + Alert.show("No results from query."); + return; + } + myOLAPDG.dataProvider= result as OLAPResult; + } + ]]> + </fx:Script> + + <fx:Declarations> + <mx:OLAPCube name="FlatSchemaCube" + dataProvider="{flatData}" + id="myMXMLCube" + complete="runQuery(event)"> + + <mx:OLAPDimension name="CustomerDim"> + <mx:OLAPAttribute name="Customer" dataField="customer"/> + <mx:OLAPHierarchy name="CustomerHier" hasAll="true"> + <mx:OLAPLevel attributeName="Customer"/> + </mx:OLAPHierarchy> + </mx:OLAPDimension> + + <mx:OLAPDimension name="ProductDim"> + <mx:OLAPAttribute name="Product" dataField="product"/> + <mx:OLAPHierarchy name="ProductHier" hasAll="true"> + <mx:OLAPLevel attributeName="Product"/> + </mx:OLAPHierarchy> + </mx:OLAPDimension> + + <mx:OLAPDimension name="QuarterDim"> + <mx:OLAPAttribute name="Quarter" dataField="quarter"/> + <mx:OLAPHierarchy name="QuarterHier" hasAll="true"> + <mx:OLAPLevel attributeName="Quarter"/> + </mx:OLAPHierarchy> + </mx:OLAPDimension> + + <mx:OLAPMeasure name="Revenue" + dataField="revenue" + aggregator="SUM"/> + </mx:OLAPCube> + </fx:Declarations> + + <mx:Panel title="OLAPCube Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> + + <mx:OLAPDataGrid id="myOLAPDG" width="100%" height="100%"/> + + </mx:Panel> +</mx:Module> http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/PopUpButtonExample.mxml ---------------------------------------------------------------------- diff --git a/tourdeflexmodules/src/mx/controls/PopUpButtonExample.mxml b/tourdeflexmodules/src/mx/controls/PopUpButtonExample.mxml new file mode 100755 index 0000000..d24fd98 --- /dev/null +++ b/tourdeflexmodules/src/mx/controls/PopUpButtonExample.mxml @@ -0,0 +1,68 @@ +<?xml version="1.0"?> +<!-- + Licensed to the Apache Software Foundation (ASF) under one or more + contributor license agreements. See the NOTICE file distributed with + this work for additional information regarding copyright ownership. + The ASF licenses this file to You under the Apache License, Version 2.0 + (the "License"); you may not use this file except in compliance with + the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + --> + +<!-- Simple example to demonstrate the PopUpButton control. --> +<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> + + <fx:Script> + <![CDATA[ + + import mx.controls.*; + import mx.events.*; + + private var myMenu:Menu; + + // Initialize the Menu control, and specify it as the pop up object + // of the PopUpButton control. + private function initMenu():void { + myMenu = new Menu(); + var dp:Object = [{label: "New Folder"}, {label: "Sent Items"}, {label: "Inbox"}]; + myMenu.dataProvider = dp; + myMenu.selectedIndex = 0; + myMenu.addEventListener("itemClick", itemClickHandler); + popB.popUp = myMenu; + popB.label = "Put in: " + myMenu.dataProvider[myMenu.selectedIndex].label; + } + + // Define the event listener for the Menu control's itemClick event. + private function itemClickHandler(event:MenuEvent):void { + var label:String = event.item.label; + popTypeB.text=String("Moved to " + label); + popB.label = "Put in: " + label; + popB.close(); + myMenu.selectedIndex = event.index; + } + + ]]> + </fx:Script> + + <mx:Panel title="PopUpButton Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> + + <mx:Label width="100%" + text="Button label contains the name of the last selected menu item." /> + <mx:PopUpButton id="popB" label="Edit" creationComplete="initMenu()" width="135" /> + + <mx:Spacer height="50" /> + <mx:TextInput id="popTypeB" /> + + </mx:Panel> +</mx:Module> http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/PopUpButtonMenuExample.mxml ---------------------------------------------------------------------- diff --git a/tourdeflexmodules/src/mx/controls/PopUpButtonMenuExample.mxml b/tourdeflexmodules/src/mx/controls/PopUpButtonMenuExample.mxml new file mode 100755 index 0000000..96b91a1 --- /dev/null +++ b/tourdeflexmodules/src/mx/controls/PopUpButtonMenuExample.mxml @@ -0,0 +1,59 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- + Licensed to the Apache Software Foundation (ASF) under one or more + contributor license agreements. See the NOTICE file distributed with + this work for additional information regarding copyright ownership. + The ASF licenses this file to You under the Apache License, Version 2.0 + (the "License"); you may not use this file except in compliance with + the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + --> + +<!-- PopUpMenuButton control example. --> +<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> + + <fx:Script> + <![CDATA[ + import mx.events.*; + import mx.controls.*; + + //Event handler, invoked when you select from the menu. + public function itemClickHandler(event:MenuEvent):void { + Alert.show("Menu label: " + event.label + + " \n menu item index within parent menu: " + event.index); + } + ]]> + </fx:Script> + + <fx:Declarations> + <!-- A an data provider in E4X format. --> + <fx:XMLList id="treeDP2"> + <node label="Inbox"/> + <node label="Calendar"/> + <node label="Deleted Items"/> + </fx:XMLList> + </fx:Declarations> + + <mx:Panel title="PopUpMenuButton Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> + + <mx:Label width="100%" + text="Click the down arrow to open the menu."/> + + <mx:PopUpMenuButton id="p2" + dataProvider="{treeDP2}" + labelField="@label" + itemClick="itemClickHandler(event)"/> + + </mx:Panel> +</mx:Module> http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/RadioButtonExample.mxml ---------------------------------------------------------------------- diff --git a/tourdeflexmodules/src/mx/controls/RadioButtonExample.mxml b/tourdeflexmodules/src/mx/controls/RadioButtonExample.mxml new file mode 100755 index 0000000..dc9940b --- /dev/null +++ b/tourdeflexmodules/src/mx/controls/RadioButtonExample.mxml @@ -0,0 +1,44 @@ +<?xml version="1.0"?> +<!-- + Licensed to the Apache Software Foundation (ASF) under one or more + contributor license agreements. See the NOTICE file distributed with + this work for additional information regarding copyright ownership. + The ASF licenses this file to You under the Apache License, Version 2.0 + (the "License"); you may not use this file except in compliance with + the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + --> + +<!-- Simple example to demonstrate RadioButton control. --> +<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> + + <fx:Script> + import mx.controls.Alert; + </fx:Script> + + <mx:Panel title="RadioButton Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> + + <mx:Label width="100%" + text="What year were women first allowed to compete in the Boston Marathon?"/> + + <mx:RadioButton groupName="year" id="option1" label="1942"/> + <mx:RadioButton groupName="year" id="option2" label="1952"/> + <mx:RadioButton groupName="year" id="option3" label="1962"/> + <mx:RadioButton groupName="year" id="option4" label="1972"/> + + <mx:Button label="Check Answer" + click="Alert.show(option4.selected?'Correct Answer!':'Wrong Answer', 'Result')"/> + + </mx:Panel> +</mx:Module> http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/RadioButtonGroupExample.mxml ---------------------------------------------------------------------- diff --git a/tourdeflexmodules/src/mx/controls/RadioButtonGroupExample.mxml b/tourdeflexmodules/src/mx/controls/RadioButtonGroupExample.mxml new file mode 100755 index 0000000..0d9101e --- /dev/null +++ b/tourdeflexmodules/src/mx/controls/RadioButtonGroupExample.mxml @@ -0,0 +1,64 @@ +<?xml version="1.0"?> +<!-- + Licensed to the Apache Software Foundation (ASF) under one or more + contributor license agreements. See the NOTICE file distributed with + this work for additional information regarding copyright ownership. + The ASF licenses this file to You under the Apache License, Version 2.0 + (the "License"); you may not use this file except in compliance with + the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + --> + +<!-- Simple example to demonstrate RadioButtonGroup control. --> +<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> + + <fx:Script> + <![CDATA[ + + import mx.controls.Alert; + import mx.events.ItemClickEvent; + + // Event handler function to display the selected button + // in an Alert control. + private function handleCard(event:ItemClickEvent):void { + if (event.currentTarget.selectedValue == "AmEx") { + Alert.show("You selected American Express") + } + else { + if (event.currentTarget.selectedValue == "MC") { + Alert.show("You selected MasterCard") + } + else { + Alert.show("You selected Visa") + } + } + } + ]]> + </fx:Script> + + <mx:Panel title="RadioButtonGroup Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> + + <mx:Label width="100%" + text="Select a type of credit card."/> + + <mx:RadioButtonGroup id="cardtype" itemClick="handleCard(event)"/> + <mx:RadioButton groupName="cardtype" id="americanExpress" value="AmEx" + label="American Express" width="150" /> + <mx:RadioButton groupName="cardtype" id="masterCard" value="MC" + label="MasterCard" width="150" /> + <mx:RadioButton groupName="cardtype" id="visa" value="Visa" + label="Visa" width="150" /> + + </mx:Panel> +</mx:Module> http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/RichTextEditorExample.mxml ---------------------------------------------------------------------- diff --git a/tourdeflexmodules/src/mx/controls/RichTextEditorExample.mxml b/tourdeflexmodules/src/mx/controls/RichTextEditorExample.mxml new file mode 100755 index 0000000..54703e5 --- /dev/null +++ b/tourdeflexmodules/src/mx/controls/RichTextEditorExample.mxml @@ -0,0 +1,39 @@ +<?xml version="1.0" ?> +<!-- + Licensed to the Apache Software Foundation (ASF) under one or more + contributor license agreements. See the NOTICE file distributed with + this work for additional information regarding copyright ownership. + The ASF licenses this file to You under the Apache License, Version 2.0 + (the "License"); you may not use this file except in compliance with + the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + --> + +<!-- Simple example to demonstrate the RichTextEditor control. --> +<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> + + <mx:Panel title="Rich Text Editor Control Example" horizontalAlign="center" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> + + <mx:RichTextEditor id="rte" title="RichTextEditor" height="75%" + text="Enter text into the RichTextEditor control, then click a button to display your text as plain text, or as HTML-formatted text."/> + + <mx:TextArea id="rteText" width="80%" height="25%"/> + + <mx:HBox> + <mx:Button label="Show Plain Text" click="rteText.text=rte.text"/> + <mx:Button label="Show HTML Markup" click="rteText.text=rte.htmlText"/> + </mx:HBox> + </mx:Panel> + +</mx:Module> http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/SimpleAlert.mxml ---------------------------------------------------------------------- diff --git a/tourdeflexmodules/src/mx/controls/SimpleAlert.mxml b/tourdeflexmodules/src/mx/controls/SimpleAlert.mxml new file mode 100755 index 0000000..4a64025 --- /dev/null +++ b/tourdeflexmodules/src/mx/controls/SimpleAlert.mxml @@ -0,0 +1,78 @@ +<?xml version="1.0"?> +<!-- + Licensed to the Apache Software Foundation (ASF) under one or more + contributor license agreements. See the NOTICE file distributed with + this work for additional information regarding copyright ownership. + The ASF licenses this file to You under the Apache License, Version 2.0 + (the "License"); you may not use this file except in compliance with + the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + --> + +<!-- Simple example to demonstrate the Alert control. --> +<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> + + <fx:Script> + <![CDATA[ + import mx.controls.Alert; + import mx.events.CloseEvent; + + // Event handler function uses a static method to show + // a pop-up window with the title, message, and requested buttons. + private function clickHandler(event:Event):void { + Alert.show("Do you want to save your changes?", "Save Changes", 3, this, alertClickHandler); + } + + // Event handler function for displaying the selected Alert button. + private function alertClickHandler(event:CloseEvent):void { + if (event.detail==Alert.YES) + status.text="You answered Yes"; + else + status.text="You answered No"; + } + + // Event handler function changes the default Button labels and sets the + // Button widths. If you later use an Alert with the default Buttons, + // you must reset these values. + private function secondClickHandler(event:Event):void { + Alert.buttonWidth = 100; + Alert.yesLabel = "Magenta"; + Alert.noLabel = "Blue"; + Alert.cancelLabel = "Green"; + + Alert.show("Select a color:","Color Selection",1|2|8,this); + + // Set the labels back to normal: + Alert.yesLabel = "Yes"; + Alert.noLabel = "No"; + } + ]]> + </fx:Script> + + <mx:Panel title="Alert Control Example" horizontalAlign="center" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> + <mx:Text width="100%" textAlign="center" + text="Click the button below to display a simple Alert window."/> + <mx:Button label="Click Me" click="Alert.show('Hello World!', 'Message')"/> + + <mx:Text width="100%" textAlign="center" + text="Click the button below to display an Alert window and capture the button pressed by the user."/> + <mx:Button label="Click Me" click="clickHandler(event)"/> + <mx:Label id="status" fontWeight="bold"/> + + <mx:Text width="100%" textAlign="center" + text="Click the button below to display an Alert window that uses custom Button labels."/> + <mx:Button label="Click Me" click="secondClickHandler(event)"/> + </mx:Panel> + +</mx:Module> http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/SimpleComboBox.mxml ---------------------------------------------------------------------- diff --git a/tourdeflexmodules/src/mx/controls/SimpleComboBox.mxml b/tourdeflexmodules/src/mx/controls/SimpleComboBox.mxml new file mode 100755 index 0000000..353e72c --- /dev/null +++ b/tourdeflexmodules/src/mx/controls/SimpleComboBox.mxml @@ -0,0 +1,55 @@ +<?xml version="1.0"?> +<!-- + Licensed to the Apache Software Foundation (ASF) under one or more + contributor license agreements. See the NOTICE file distributed with + this work for additional information regarding copyright ownership. + The ASF licenses this file to You under the Apache License, Version 2.0 + (the "License"); you may not use this file except in compliance with + the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + --> + +<!-- Simple example to demonstrate the ComboBox control. --> +<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> + + <fx:Script> + <![CDATA[ + import mx.collections.ArrayCollection; + + [Bindable] + public var cards:ArrayCollection = new ArrayCollection( + [ {label:"Visa", data:1}, + {label:"MasterCard", data:2}, + {label:"American Express", data:3} ]); + + private function closeHandler(event:Event):void { + myLabel.text = "You selected: " + ComboBox(event.target).selectedItem.label; + myData.text = "Data: " + ComboBox(event.target).selectedItem.data; + } + ]]> + </fx:Script> + + <mx:Panel title="ComboBox Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> + + <mx:ComboBox dataProvider="{cards}" width="150" + close="closeHandler(event)"/> + + <mx:VBox width="250"> + <mx:Text width="200" text="Select a type of credit card."/> + <mx:Label id="myLabel" text="You selected:"/> + <mx:Label id="myData" text="Data:"/> + </mx:VBox> + + </mx:Panel> +</mx:Module> http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/SimpleDataGrid.mxml ---------------------------------------------------------------------- diff --git a/tourdeflexmodules/src/mx/controls/SimpleDataGrid.mxml b/tourdeflexmodules/src/mx/controls/SimpleDataGrid.mxml new file mode 100755 index 0000000..7624a9c --- /dev/null +++ b/tourdeflexmodules/src/mx/controls/SimpleDataGrid.mxml @@ -0,0 +1,81 @@ +<?xml version="1.0"?> +<!-- + Licensed to the Apache Software Foundation (ASF) under one or more + contributor license agreements. See the NOTICE file distributed with + this work for additional information regarding copyright ownership. + The ASF licenses this file to You under the Apache License, Version 2.0 + (the "License"); you may not use this file except in compliance with + the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + --> + +<!-- DataGrid control example. --> +<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> + + <fx:Declarations> + <fx:XMLList id="employees"> + <employee> + <name>Christina Coenraets</name> + <phone>555-219-2270</phone> + <email>ccoenra...@fictitious.com</email> + <active>true</active> + </employee> + <employee> + <name>Joanne Wall</name> + <phone>555-219-2012</phone> + <email>jw...@fictitious.com</email> + <active>true</active> + </employee> + <employee> + <name>Maurice Smith</name> + <phone>555-219-2012</phone> + <email>maur...@fictitious.com</email> + <active>false</active> + </employee> + <employee> + <name>Mary Jones</name> + <phone>555-219-2000</phone> + <email>mjo...@fictitious.com</email> + <active>true</active> + </employee> + </fx:XMLList> + </fx:Declarations> + + <mx:Panel title="DataGrid Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> + + <mx:Label width="100%" + text="Select a row in the DataGrid control."/> + + <mx:DataGrid id="dg" width="100%" height="100%" rowCount="5" dataProvider="{employees}"> + <mx:columns> + <mx:DataGridColumn dataField="name" headerText="Name"/> + <mx:DataGridColumn dataField="phone" headerText="Phone"/> + <mx:DataGridColumn dataField="email" headerText="Email"/> + </mx:columns> + </mx:DataGrid> + + <mx:Form width="100%" height="100%"> + <mx:FormItem label="Name"> + <mx:Label text="{dg.selectedItem.name}"/> + </mx:FormItem> + <mx:FormItem label="Email"> + <mx:Label text="{dg.selectedItem.email}"/> + </mx:FormItem> + <mx:FormItem label="Phone"> + <mx:Label text="{dg.selectedItem.phone}"/> + </mx:FormItem> + </mx:Form> + + </mx:Panel> +</mx:Module> http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/SimpleHRule.mxml ---------------------------------------------------------------------- diff --git a/tourdeflexmodules/src/mx/controls/SimpleHRule.mxml b/tourdeflexmodules/src/mx/controls/SimpleHRule.mxml new file mode 100755 index 0000000..6070a3c --- /dev/null +++ b/tourdeflexmodules/src/mx/controls/SimpleHRule.mxml @@ -0,0 +1,38 @@ +<?xml version="1.0"?> +<!-- + Licensed to the Apache Software Foundation (ASF) under one or more + contributor license agreements. See the NOTICE file distributed with + this work for additional information regarding copyright ownership. + The ASF licenses this file to You under the Apache License, Version 2.0 + (the "License"); you may not use this file except in compliance with + the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + --> + +<!-- Simple example to demonstrate the HRule control. --> +<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> + + <fx:Declarations> + <mx:WipeLeft id="myWL"/> + </fx:Declarations> + + <mx:Panel title="HRule Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> + + <mx:HRule rollOverEffect="{myWL}" width="100%" strokeWidth="1" strokeColor="red"/> + <mx:Label width="100%" + text="Move mouse over HorizontalRule control to redraw it."/> + + </mx:Panel> +</mx:Module> + http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/SimpleImage.mxml ---------------------------------------------------------------------- diff --git a/tourdeflexmodules/src/mx/controls/SimpleImage.mxml b/tourdeflexmodules/src/mx/controls/SimpleImage.mxml new file mode 100755 index 0000000..fe9ed5e --- /dev/null +++ b/tourdeflexmodules/src/mx/controls/SimpleImage.mxml @@ -0,0 +1,32 @@ +<?xml version="1.0"?> +<!-- + Licensed to the Apache Software Foundation (ASF) under one or more + contributor license agreements. See the NOTICE file distributed with + this work for additional information regarding copyright ownership. + The ASF licenses this file to You under the Apache License, Version 2.0 + (the "License"); you may not use this file except in compliance with + the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + --> + +<!-- Simple example to demonstrate the Image control. --> +<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> + + <mx:Panel id="myPanel" title="Image Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> + + <mx:Label text="Image embedded in the application."/> + <mx:Image source="@Embed('assets/ApacheFlexLogo.png')" width="50%" height="50%" /> + + </mx:Panel> +</mx:Module> http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/SimpleImageHSlider.mxml ---------------------------------------------------------------------- diff --git a/tourdeflexmodules/src/mx/controls/SimpleImageHSlider.mxml b/tourdeflexmodules/src/mx/controls/SimpleImageHSlider.mxml new file mode 100755 index 0000000..b457b22 --- /dev/null +++ b/tourdeflexmodules/src/mx/controls/SimpleImageHSlider.mxml @@ -0,0 +1,60 @@ +<?xml version="1.0"?> +<!-- + Licensed to the Apache Software Foundation (ASF) under one or more + contributor license agreements. See the NOTICE file distributed with + this work for additional information regarding copyright ownership. + The ASF licenses this file to You under the Apache License, Version 2.0 + (the "License"); you may not use this file except in compliance with + the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + --> + +<!-- Simple example to demonstrate the HSlider control. --> +<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> + + <fx:Script> + <![CDATA[ + + private var imageWidth:Number = 0; + private var imageHeight:Number = 0; + + // Event handler function to change the image size. + private function changeSize():void + { + logo.width = uint(imageWidth*hSlider.value/100); + logo.height = uint(imageHeight*hSlider.value/100); + } + ]]> + </fx:Script> + + <mx:Panel id="panel" title="HSlider Control Example" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> + + <mx:HBox height="100%" width="100%"> + <mx:Image id="logo" source="@Embed('assets/ApacheFlexLogo.png')" + creationComplete="imageWidth = logo.width; imageHeight = logo.height; changeSize()" /> + </mx:HBox> + + <mx:Label text="Drag the slider to resize the image."/> + + <mx:HSlider id="hSlider" minimum="0" maximum="100" value="50" + dataTipPlacement="top" + tickColor="black" + snapInterval="1" tickInterval="10" + labels="['0%','100%']" + allowTrackClick="true" + liveDragging="true" + change="changeSize()"/> + </mx:Panel> +</mx:Module> + http://git-wip-us.apache.org/repos/asf/flex-examples/blob/9343d391/tourdeflexmodules/src/mx/controls/SimpleImageVSlider.mxml ---------------------------------------------------------------------- diff --git a/tourdeflexmodules/src/mx/controls/SimpleImageVSlider.mxml b/tourdeflexmodules/src/mx/controls/SimpleImageVSlider.mxml new file mode 100755 index 0000000..64d74ff --- /dev/null +++ b/tourdeflexmodules/src/mx/controls/SimpleImageVSlider.mxml @@ -0,0 +1,64 @@ +<?xml version="1.0"?> +<!-- + Licensed to the Apache Software Foundation (ASF) under one or more + contributor license agreements. See the NOTICE file distributed with + this work for additional information regarding copyright ownership. + The ASF licenses this file to You under the Apache License, Version 2.0 + (the "License"); you may not use this file except in compliance with + the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + --> + +<!-- Simple example to demonstrate the VSlider control. --> +<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" + height="100%" width="100%"> + + <fx:Script> + <![CDATA[ + + private var imageWidth:Number = 0; + private var imageHeight:Number = 0; + + // Event handler function to change the image size. + private function changeSize():void + { + logo.width=uint(imageWidth*hSlider.value/100); + logo.height=uint(imageHeight*hSlider.value/100); + } + ]]> + </fx:Script> + + <mx:Panel id="panel" title="VSlider Control Example" layout="horizontal" + paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" + height="100%" width="100%"> + + <mx:HBox width="50%"> + <mx:Image id="logo" source="@Embed('assets/ApacheFlexLogo.png')" + creationComplete="imageWidth = logo.width; imageHeight = logo.height; changeSize()" /> + </mx:HBox> + + <mx:VBox horizontalAlign="center"> + <mx:Label text="Drag the slider to resize the image."/> + + <mx:VSlider id="hSlider" + dataTipPlacement="top" + minimum="0" maximum="100" value="50" + tickColor="black" + snapInterval="1" tickInterval="10" + labels="['0%','100%']" + allowTrackClick="true" + liveDragging="true" + change="changeSize()"/> + </mx:VBox> + + </mx:Panel> +</mx:Module> +