http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/mx/controls/ButtonExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/ButtonExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/ButtonExample.mxml new file mode 100755 index 0000000..0ef5c63 --- /dev/null +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/ButtonExample.mxml @@ -0,0 +1,63 @@ +<?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:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> + + <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" + height="75%" width="75%" layout="horizontal" + paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10"> + + <mx:VBox> + <mx:Label width="100%" color="blue" + 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:Application> \ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/mx/controls/CheckBoxExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/CheckBoxExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/CheckBoxExample.mxml new file mode 100755 index 0000000..558039b --- /dev/null +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/CheckBoxExample.mxml @@ -0,0 +1,76 @@ +<?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:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> + + <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" + height="75%" width="75%" layout="horizontal" + paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10"> + + <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" color="blue"/> + </mx:VBox> + </mx:Panel> +</mx:Application> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/mx/controls/ColorPickerExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/ColorPickerExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/ColorPickerExample.mxml new file mode 100755 index 0000000..435c332 --- /dev/null +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/ColorPickerExample.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 ColorPicker control. --> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> + + <mx:Panel title="ColorPicker Control Example" height="75%" width="75%" + paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10"> + + <mx:Label width="100%" color="blue" + 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 color="blue" text="selectedColor: 0x{cp.selectedColor.toString(16)}"/> + </mx:Panel> +</mx:Application> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/mx/controls/DateChooserExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/DateChooserExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/DateChooserExample.mxml new file mode 100755 index 0000000..5790534 --- /dev/null +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/DateChooserExample.mxml @@ -0,0 +1,67 @@ +<?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:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> + + <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" height="75%" width="75%" + paddingTop="10" paddingLeft="10" paddingRight="10"> + + <mx:Label width="100%" color="blue" + text="Select a date in the DateChooser control."/> + <mx:Label width="100%" color="blue" + 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" color="blue" 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 color="blue" text="Date selected: {df.format(dateChooser2.selectedDate)}"/> + </mx:VBox> + </mx:HBox> + + </mx:Panel> +</mx:Application> + http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/mx/controls/DateFieldExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/DateFieldExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/DateFieldExample.mxml new file mode 100755 index 0000000..8e99773 --- /dev/null +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/DateFieldExample.mxml @@ -0,0 +1,57 @@ +<?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:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> + + <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" height="75%" width="75%" + paddingTop="10" paddingLeft="10" paddingRight="10"> + + <mx:Label width="100%" color="blue" + 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" color="blue" 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 color="blue" text="Date selected: {df.format(dateField2.selectedDate)}"/> + + </mx:Panel> +</mx:Application> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/mx/controls/HScrollBarExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/HScrollBarExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/HScrollBarExample.mxml new file mode 100755 index 0000000..6434919 --- /dev/null +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/HScrollBarExample.mxml @@ -0,0 +1,55 @@ +<?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:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> + + <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" height="75%" width="75%" + paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10"> + + <mx:Label width="100%" color="blue" + 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" color="blue" /> + + </mx:Panel> +</mx:Application> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/mx/controls/HorizontalListExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/HorizontalListExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/HorizontalListExample.mxml new file mode 100755 index 0000000..71328fa --- /dev/null +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/HorizontalListExample.mxml @@ -0,0 +1,67 @@ +<?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:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> + + <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" height="75%" width="75%" + paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10"> + + <mx:Label width="100%" color="blue" + 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:Application> + \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/mx/controls/LabelExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/LabelExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/LabelExample.mxml new file mode 100755 index 0000000..4125693 --- /dev/null +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/LabelExample.mxml @@ -0,0 +1,47 @@ +<?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:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> + + <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" height="75%" width="75%" + paddingTop="10" paddingLeft="10"> + + <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:Application> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/mx/controls/LinkBarExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/LinkBarExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/LinkBarExample.mxml new file mode 100755 index 0000000..aa134bc --- /dev/null +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/LinkBarExample.mxml @@ -0,0 +1,48 @@ +<?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:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> + + <mx:Panel title="LinkBar Control Example" + height="75%" width="75%" horizontalAlign="center" + paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10"> + + <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:Application> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/mx/controls/LinkButtonExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/LinkButtonExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/LinkButtonExample.mxml new file mode 100755 index 0000000..ea95b38 --- /dev/null +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/LinkButtonExample.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 LinkButton control. --> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> + + <fx:Script> + import mx.controls.Alert; + </fx:Script> + + <mx:Panel title="LinkButton Control Example" + height="75%" width="75%" horizontalAlign="center" + paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10"> + + <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:Application> + \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/mx/controls/Local.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/Local.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/Local.mxml new file mode 100755 index 0000000..ef16637 --- /dev/null +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/Local.mxml @@ -0,0 +1,25 @@ +<?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:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" height="75" width="350"> + + <mx:Label color="blue" text="The Label control of the embedded application."/> + +</mx:Application> + \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/mx/controls/MenuBarExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/MenuBarExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/MenuBarExample.mxml new file mode 100755 index 0000000..0deacc4 --- /dev/null +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/MenuBarExample.mxml @@ -0,0 +1,77 @@ +<?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:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" 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" height="75%" width="75%" + paddingTop="10" paddingLeft="10"> + + <mx:Label width="100%" color="blue" + text="Select a menu item."/> + + <mx:MenuBar labelField="@label" itemClick="menuHandler(event);" + dataProvider="{menuBarCollection}" /> + + </mx:Panel> +</mx:Application> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/mx/controls/NumericStepperExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/NumericStepperExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/NumericStepperExample.mxml new file mode 100755 index 0000000..6869276 --- /dev/null +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/NumericStepperExample.mxml @@ -0,0 +1,42 @@ +<?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:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> + + <mx:Panel title="NumericStepper Control Example" height="75%" width="75%" + paddingTop="10" paddingLeft="10"> + + <mx:Text width="100%" color="blue" + text="Default NumericStepper control with a minimum=0, maximum=10, and stepSize=1."/> + <mx:NumericStepper/> + + <mx:Text width="100%" color="blue" + 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 color="blue" text="You selected {ns.value}"/> + + </mx:Panel> +</mx:Application> + \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/mx/controls/OLAPDataGridExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/OLAPDataGridExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/OLAPDataGridExample.mxml new file mode 100755 index 0000000..e609f09 --- /dev/null +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/OLAPDataGridExample.mxml @@ -0,0 +1,205 @@ +<?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:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + 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" + height="75%" width="75%" layout="horizontal" + paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10"> + + <mx:OLAPDataGrid id="myOLAPDG" width="100%" height="100%"/> + </mx:Panel> +</mx:Application> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/mx/controls/PopUpButtonExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/PopUpButtonExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/PopUpButtonExample.mxml new file mode 100755 index 0000000..d8d4c86 --- /dev/null +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/PopUpButtonExample.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 PopUpButton control. --> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> + + <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" height="75%" width="75%" + paddingTop="10" paddingBottom="10" paddingRight="10" paddingLeft="10"> + + <mx:Label width="100%" color="blue" + 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:Application> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/mx/controls/PopUpButtonMenuExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/PopUpButtonMenuExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/PopUpButtonMenuExample.mxml new file mode 100755 index 0000000..c0c6009 --- /dev/null +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/PopUpButtonMenuExample.mxml @@ -0,0 +1,56 @@ +<?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:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> + + <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" height="100%" width="100%" + paddingTop="10" paddingLeft="10" paddingRight="10"> + + <mx:Label width="100%" color="blue" + text="Click the down arrow to open the menu."/> + + <mx:PopUpMenuButton id="p2" + dataProvider="{treeDP2}" + labelField="@label" + itemClick="itemClickHandler(event);"/> + + </mx:Panel> +</mx:Application> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/mx/controls/RadioButtonExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/RadioButtonExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/RadioButtonExample.mxml new file mode 100755 index 0000000..5f1f156 --- /dev/null +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/RadioButtonExample.mxml @@ -0,0 +1,41 @@ +<?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:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> + + <fx:Script> + import mx.controls.Alert; + </fx:Script> + + <mx:Panel title="RadioButton Control Example" height="75%" width="75%" + paddingTop="10" paddingLeft="10" paddingRight="10"> + + <mx:Label width="100%" color="blue" + 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:Application> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/mx/controls/RadioButtonGroupExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/RadioButtonGroupExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/RadioButtonGroupExample.mxml new file mode 100755 index 0000000..af1f0a0 --- /dev/null +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/RadioButtonGroupExample.mxml @@ -0,0 +1,61 @@ +<?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:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> + + <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" height="75%" width="75%" + paddingTop="10" paddingLeft="10"> + + <mx:Label width="100%" color="blue" + 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:Application> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/mx/controls/RichTextEditorExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/RichTextEditorExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/RichTextEditorExample.mxml new file mode 100755 index 0000000..9553fca --- /dev/null +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/RichTextEditorExample.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 RichTextEditor control. --> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" + horizontalAlign="center" verticalAlign="middle"> + + <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:Application> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleAlert.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleAlert.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleAlert.mxml new file mode 100755 index 0000000..1e85001 --- /dev/null +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleAlert.mxml @@ -0,0 +1,74 @@ +<?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:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> + + <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" width="75%" horizontalAlign="center" paddingTop="10"> + <mx:Text width="100%" color="blue" 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%" color="blue" 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%" color="blue" 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:Application> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleComboBox.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleComboBox.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleComboBox.mxml new file mode 100755 index 0000000..2474844 --- /dev/null +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleComboBox.mxml @@ -0,0 +1,53 @@ +<?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:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> + + <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" + height="75%" width="75%" layout="horizontal" + paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10"> + + <mx:ComboBox dataProvider="{cards}" width="150" + close="closeHandler(event);"/> + + <mx:VBox width="250"> + <mx:Text width="200" color="blue" 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:Application> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleDataGrid.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleDataGrid.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleDataGrid.mxml new file mode 100755 index 0000000..5ade60d --- /dev/null +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleDataGrid.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. + --> + +<!-- DataGrid control example. --> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> + + <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" height="100%" width="100%" + paddingTop="10" paddingLeft="10" paddingRight="10"> + + <mx:Label width="100%" color="blue" + 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:Application> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleHRule.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleHRule.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleHRule.mxml new file mode 100755 index 0000000..3205a56 --- /dev/null +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleHRule.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 HRule control. --> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> + + <fx:Declarations> + <mx:WipeLeft id="myWL"/> + </fx:Declarations> + + <mx:Panel title="HRule Control Example" id="myPanel" + paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10"> + + <mx:HRule rollOverEffect="{myWL}" width="100%" strokeWidth="1" strokeColor="red"/> + <mx:Label width="100%" color="blue" + text="Move mouse over HorizontalRule control to redraw it."/> + + </mx:Panel> +</mx:Application> + \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImage.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImage.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImage.mxml new file mode 100755 index 0000000..b44524e --- /dev/null +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImage.mxml @@ -0,0 +1,30 @@ +<?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:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> + + <mx:Panel id="myPanel" title="Image Control Example" + height="75%" width="75%" horizontalAlign="center" + paddingTop="10" paddingLeft="10"> + + <mx:Label color="blue" text="Image embedded in the application."/> + <mx:Image source="@Embed('assets/ApacheFlexLogo.png')"/> + + </mx:Panel> +</mx:Application> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImageHSlider.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImageHSlider.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImageHSlider.mxml new file mode 100755 index 0000000..5ef85ea --- /dev/null +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImageHSlider.mxml @@ -0,0 +1,57 @@ +<?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:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> + + <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" height="100%" width="95%" + paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10"> + + <mx:HBox height="100%" width="100%"> + <mx:Image id="logo" source="@Embed('assets/ApacheFlexLogo.png')" + creationComplete="imageWidth=logo.width; imageHeight=logo.height;" /> + </mx:HBox> + + <mx:Label color="blue" text="Drag the slider to resize the image."/> + + <mx:HSlider id="hSlider" minimum="0" maximum="100" value="100" + dataTipPlacement="top" + tickColor="black" + snapInterval="1" tickInterval="10" + labels="['0%','100%']" + allowTrackClick="true" + liveDragging="true" + change="changeSize();"/> + </mx:Panel> +</mx:Application> + \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImageVSlider.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImageVSlider.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImageVSlider.mxml new file mode 100755 index 0000000..2275598 --- /dev/null +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImageVSlider.mxml @@ -0,0 +1,63 @@ +<?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:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> + + <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" + height="100%" width="100%" + layout="horizontal" + paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10"> + + <mx:HBox width="50%"> + <mx:Image id="logo" source="@Embed('assets/ApacheFlexLogo.png')" + creationComplete="imageWidth=logo.width; imageHeight=logo.height;" /> + </mx:HBox> + + <mx:VBox horizontalAlign="center"> + <mx:Label color="blue" text="Drag the slider to resize the image."/> + + <mx:VSlider id="hSlider" + dataTipPlacement="top" + minimum="0" maximum="100" value="100" + tickColor="black" + snapInterval="1" tickInterval="10" + labels="['0%','100%']" + allowTrackClick="true" + liveDragging="true" + change="changeSize();"/> + </mx:VBox> + + </mx:Panel> +</mx:Application> + \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleList.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleList.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleList.mxml new file mode 100755 index 0000000..5bdbb81 --- /dev/null +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleList.mxml @@ -0,0 +1,59 @@ +<?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 List Control --> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> + + <fx:Script> + <![CDATA[ + [Bindable] + public var selectedItem:Object; + ]]> + </fx:Script> + + + <fx:Declarations> + <fx:Model id="mystates"> + <states> + <state label="Alabama" data="AL"/> + <state label="Alaska" data="AK"/> + <state label="Arizona" data="AZ"/> + <state label="Arkansas" data="AR"/> + <state label="California" data="CA"/> + <state label="Colorado" data="CO"/> + <state label="Connecticut" data="CT"/> + </states> + </fx:Model> + </fx:Declarations> + + <mx:Panel title="List Control Example" height="75%" width="75%" + paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10"> + + <mx:Label text="Select a state to see its abbreviation."/> + + <mx:List id="source" width="100%" color="blue" + dataProvider="{mystates.state}" + change="this.selectedItem=List(event.target).selectedItem"/> + + <mx:VBox width="100%"> + <mx:Label text="Selected State: {selectedItem.label}"/> + <mx:Label text="State abbreviation: {selectedItem.data}"/> + </mx:VBox> + + </mx:Panel> +</mx:Application> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleLoader.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleLoader.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleLoader.mxml new file mode 100755 index 0000000..05da3aa --- /dev/null +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleLoader.mxml @@ -0,0 +1,31 @@ +<?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 SWFLoader control. --> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> + + <mx:Panel title="SWFLoader Control Example" height="90%" width="90%" + paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10"> + + <mx:Label text="The Label control of the outer application."/> + + <mx:SWFLoader id="Load" source="@Embed(source='Local.swf')" height="100" width="350"/> + + </mx:Panel> +</mx:Application> + \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleMenuExample.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleMenuExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleMenuExample.mxml new file mode 100755 index 0000000..2972010 --- /dev/null +++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleMenuExample.mxml @@ -0,0 +1,72 @@ +<?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 Menu control. --> +<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"> + + <fx:Script> + <![CDATA[ + + import mx.controls.Menu; + import mx.events.MenuEvent; + import mx.controls.Alert; + import flash.geom.Point; + + private var point1:Point = new Point(); + private var myMenu:Menu; + + // Create and display the Menu control. + private function showMenu():void { + myMenu= Menu.createMenu(panel, myMenuData, false); + myMenu.labelField="@label" + myMenu.addEventListener("itemClick", menuHandler); + + // Calculate position of Menu in Application's coordinates. + point1.x=mybutton.x; + point1.y=mybutton.y; + point1=mybutton.localToGlobal(point1); + + myMenu.show(point1.x + 25, point1.y + 25); + } + + // Event handler for the Menu control's change event. + private function menuHandler(event:MenuEvent):void { + Alert.show("Label: " + event.item.@label, "Clicked menu item"); + } + ]]> + </fx:Script> + + <fx:Declarations> + <fx:XML id="myMenuData"> + <root> + <menuitem label="MenuItem 1" eventName="copy"/> + <menuitem label="MenuItem 2" eventName="paste"/> + </root> + </fx:XML> + </fx:Declarations> + + <mx:Panel id="panel" title="Menu Control Example" height="75%" width="75%" + paddingTop="10" paddingLeft="10"> + + <mx:Label width="100%" color="blue" + text="Click the button to open the Menu control."/> + + <mx:Button id="mybutton" label="Open Menu" click="showMenu();"/> + + </mx:Panel> +</mx:Application> \ No newline at end of file