| <?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. |
| |
| --> |
| <mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml"
|
| verticalAlign="middle"
|
| paddingTop="0"
|
| paddingBottom="0"
|
| horizontalScrollPolicy="off"
|
| currentState="showFilter">
|
| <mx:Script>
|
| <![CDATA[
|
| [Bindable]
|
| public var cartCount:int;
|
|
|
| private function rollOverLabel(event:Event):void
|
| {
|
| Label(event.target).setStyle("styleName", "catalogTitleButtonHighlighted");
|
| }
|
|
|
| private function rollOutLabel(event:Event):void
|
| {
|
| Label(event.target).setStyle("styleName", "catalogTitleButtonDeselected");
|
| }
|
| ]]>
|
| </mx:Script>
|
|
|
| <mx:Spacer width="100%" />
|
| <mx:Label id="findPhones" text="Find Phones" click="currentState = 'showFilter'"/>
|
| <mx:VRule height="{findPhones.height * .75}" themeColor="#333333" alpha=".75"/>
|
| <mx:Label id="viewCart" text="View Cart ({cartCount} items)" click="currentState = 'showCart'"/>
|
|
|
| <mx:states>
|
| <mx:State name="showFilter">
|
| <mx:SetStyle target="{findPhones}" name="styleName" value="catalogTitleButtonSelected" />
|
| <mx:SetStyle target="{viewCart}" name="styleName" value="catalogTitleButtonDeselected" />
|
| <mx:SetEventHandler target="{viewCart}" name="rollOver" handlerFunction="rollOverLabel" />
|
| <mx:SetEventHandler target="{viewCart}" name="rollOut" handlerFunction="rollOutLabel" />
|
| </mx:State>
|
| <mx:State name="showCart">
|
| <mx:SetStyle target="{viewCart}" name="styleName" value="catalogTitleButtonSelected" />
|
| <mx:SetStyle target="{findPhones}" name="styleName" value="catalogTitleButtonDeselected" />
|
| <mx:SetEventHandler target="{findPhones}" name="rollOver" handlerFunction="rollOverLabel" />
|
| <mx:SetEventHandler target="{findPhones}" name="rollOut" handlerFunction="rollOutLabel" />
|
| </mx:State>
|
| </mx:states>
|
| </mx:HBox>
|