| <!-- |
| 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. |
| --> |
| <!-- saved from url=(0014)about:internet --> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head> |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> |
| <title>sample.mxml</title> |
| <link rel="stylesheet" type="text/css" href="../SourceStyles.css"/> |
| </head> |
| |
| <body><pre><span class="MXMLProcessing_Instruction"><?xml version="1.0" encoding="utf-8"?></span> |
| <span class="MXMLComponent_Tag"><s:Application</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" |
| xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" |
| xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> |
| |
| <span class="MXMLSpecial_Tag"><fx:Style></span> |
| <span class="CSS@namespace">@namespace</span> <span class="CSSString">"library://ns.adobe.com/flex/spark"</span>; |
| |
| <span class="CSSSelector">ButtonBar ToggleButton:upAndSelected, |
| ButtonBar ToggleButton:overAndSelected, |
| ButtonBar ToggleButton:downAndSelected, |
| ButtonBar ToggleButton:disabledAndSelected </span><span class="CSSDelimiters">{</span> |
| <span class="CSSProperty_Name">baseColor</span><span class="CSSDelimiters">:</span> <span class="CSSProperty_Value">#FFFFFF</span><span class="CSSDelimiters">;</span> |
| <span class="CSSProperty_Name">color</span><span class="CSSDelimiters">:</span> <span class="CSSProperty_Value">#323232</span><span class="CSSDelimiters">;</span> |
| <span class="CSSDelimiters">}</span> |
| <span class="CSSSelector">ButtonBar </span><span class="CSSDelimiters">{</span> |
| <span class="CSSProperty_Name">baseColor</span><span class="CSSDelimiters">:</span> <span class="CSSProperty_Value">#000000</span><span class="CSSDelimiters">;</span> |
| <span class="CSSProperty_Name">color</span><span class="CSSDelimiters">:</span> <span class="CSSProperty_Value">#FFFFFF</span><span class="CSSDelimiters">;</span> |
| <span class="CSSDelimiters">}</span> |
| <span class="MXMLSpecial_Tag"></fx:Style></span> |
| |
| <span class="MXMLSpecial_Tag"><fx:Script></span> |
| <![CDATA[ |
| <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">IndexChangeEvent</span>; |
| |
| <span class="ActionScriptASDoc">/** |
| * Index change handler will be called each time a button is clicked |
| * and the event will provide information needed such as the previous |
| * index clicked. |
| **/</span> |
| <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">indexChangeHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">IndexChangeEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> |
| <span class="ActionScriptBracket/Brace">{</span> |
| <span class="ActionScriptDefault_Text">myTextArea</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"Button Bar index clicked = "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">newIndex</span> |
| <span class="ActionScriptDefault_Text">myTextArea</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">myTextArea</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"\nButton Bar previous index = "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">oldIndex</span>; |
| <span class="ActionScriptDefault_Text">myTextArea</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">myTextArea</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"\nButton Bar label clicked = "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">myButtonBar</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span>; |
| <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">myButtonBar</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span><span class="ActionScriptOperator">==</span><span class="ActionScriptString">"Red"</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span> |
| <span class="ActionScriptDefault_Text">txtColor</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setStyle</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"color"</span><span class="ActionScriptOperator">,</span><span class="ActionScriptString">"red"</span><span class="ActionScriptBracket/Brace">)</span>; |
| <span class="ActionScriptDefault_Text">txtColor</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">"Red selected!"</span>; |
| <span class="ActionScriptBracket/Brace">}</span> |
| <span class="ActionScriptReserved">else</span> <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">myButtonBar</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span><span class="ActionScriptOperator">==</span><span class="ActionScriptString">"Green"</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span> |
| <span class="ActionScriptDefault_Text">txtColor</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setStyle</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"color"</span><span class="ActionScriptOperator">,</span><span class="ActionScriptString">"green"</span><span class="ActionScriptBracket/Brace">)</span>; |
| <span class="ActionScriptDefault_Text">txtColor</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">"Green selected!"</span>; |
| <span class="ActionScriptBracket/Brace">}</span> |
| <span class="ActionScriptReserved">else</span> <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">myButtonBar</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span><span class="ActionScriptOperator">==</span><span class="ActionScriptString">"Blue"</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span> |
| <span class="ActionScriptDefault_Text">txtColor</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setStyle</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"color"</span><span class="ActionScriptOperator">,</span><span class="ActionScriptString">"blue"</span><span class="ActionScriptBracket/Brace">)</span>; |
| <span class="ActionScriptDefault_Text">txtColor</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">"Blue selected!"</span>; |
| <span class="ActionScriptBracket/Brace">}</span> |
| <span class="ActionScriptReserved">else</span> <span class="ActionScriptBracket/Brace">{</span> |
| <span class="ActionScriptDefault_Text">txtColor</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setStyle</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"color"</span><span class="ActionScriptOperator">,</span><span class="ActionScriptString">"yellow"</span><span class="ActionScriptBracket/Brace">)</span>; |
| <span class="ActionScriptDefault_Text">txtColor</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">"Yellow selected!"</span>; |
| <span class="ActionScriptBracket/Brace">}</span> |
| <span class="ActionScriptBracket/Brace">}</span> |
| <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">resetButtonBar</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">MouseEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> |
| <span class="ActionScriptBracket/Brace">{</span> |
| <span class="ActionScriptDefault_Text">myButtonBar</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedIndex</span> <span class="ActionScriptOperator">=</span> -1; |
| <span class="ActionScriptDefault_Text">myTextArea</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">""</span>; |
| <span class="ActionScriptBracket/Brace">}</span> |
| <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">></span> |
| <span class="MXMLSpecial_Tag"></fx:Script></span> |
| |
| <span class="MXMLComment"><!--</span><span class="MXMLComment"> Note: A custom panel skin is used for the Tour de Flex samples and is included in the |
| source tabs for each sample. </span><span class="MXMLComment">--></span> |
| <span class="MXMLComponent_Tag"><s:Panel</span><span class="MXMLDefault_Text"> title="</span><span class="MXMLString">ButtonBar Sample</span><span class="MXMLDefault_Text">" |
| width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" |
| horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" |
| skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> |
| |
| <span class="MXMLComponent_Tag"><s:HGroup</span><span class="MXMLDefault_Text"> left="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> |
| <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">50%</span><span class="MXMLDefault_Text">" fontSize="</span><span class="MXMLString">13</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" |
| text="</span><span class="MXMLString">The ButtonBar component behaves like a series of toggle buttons, where one button remains selected |
| and only one button in the ButtonBar control can be in the selected state. That means when you select a button in a ButtonBar |
| control, the button stays in the selected state until you select a different button.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"><s:VGroup</span><span class="MXMLDefault_Text"> left="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> |
| <span class="MXMLComponent_Tag"><s:ButtonBar</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">myButtonBar</span><span class="MXMLDefault_Text">" change="</span><span class="ActionScriptDefault_Text">indexChangeHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> |
| <span class="MXMLComponent_Tag"><mx:ArrayCollection></span> |
| <span class="MXMLComponent_Tag"><fx:String></span><span class="MXMLDefault_Text">Red</span><span class="MXMLComponent_Tag"></fx:String></span> |
| <span class="MXMLComponent_Tag"><fx:String></span><span class="MXMLDefault_Text">Green</span><span class="MXMLComponent_Tag"></fx:String></span> |
| <span class="MXMLComponent_Tag"><fx:String></span><span class="MXMLDefault_Text">Blue</span><span class="MXMLComponent_Tag"></fx:String></span> |
| <span class="MXMLComponent_Tag"><fx:String></span><span class="MXMLDefault_Text">Yellow</span><span class="MXMLComponent_Tag"></fx:String></span> |
| <span class="MXMLComponent_Tag"></mx:ArrayCollection></span> |
| <span class="MXMLComponent_Tag"></s:ButtonBar></span> |
| <span class="MXMLComponent_Tag"><s:TextArea</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">myTextArea</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">myButtonBar</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">width</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">150</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"><s:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">myButton</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Reset Selection</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">resetButtonBar</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">txtColor</span><span class="MXMLDefault_Text">" fontSize="</span><span class="MXMLString">16</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"></s:VGroup></span> |
| <span class="MXMLComponent_Tag"></s:HGroup></span> |
| <span class="MXMLComponent_Tag"></s:Panel></span> |
| <span class="MXMLComponent_Tag"></s:Application></span></pre></body> |
| </html> |
