| <?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. |
| |
| --> |
| <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:s="library://ns.adobe.com/flex/spark" |
| xmlns:custom="Assets.*" |
| width="800" height="600" > |
| |
| <fx:Script> |
| <![CDATA[ |
| |
| ]]> |
| </fx:Script> |
| |
| <!-- Embed fonts for cross platform compatibility of bitmap compares. --> |
| <fx:Style> |
| @namespace s "library://ns.adobe.com/flex/spark"; |
| @namespace mx "library://ns.adobe.com/flex/mx"; |
| @font-face { |
| src: url("../../../../../Assets/Fonts/Open_Sans/OpenSans-Regular.ttf"); |
| fontFamily: EmbeddedVerdana; |
| embedAsCFF: true; |
| } |
| |
| @font-face { |
| src: url("../../../../../Assets/Fonts/Open_Sans/OpenSans-Bold.ttf"); |
| fontWeight: bold; |
| fontFamily: EmbeddedVerdana; |
| embedAsCFF: true; |
| } |
| |
| @font-face { |
| src: url("../../../../../Assets/Fonts/Open_Sans/OpenSans-Italic.ttf"); |
| fontStyle: italic; |
| fontFamily: EmbeddedVerdana; |
| embedAsCFF: true; |
| } |
| |
| @font-face { |
| src: url("../../../../../Assets/Fonts/PT_Serif/PT_Serif-Web-Regular.ttf"); |
| fontFamily: EmbeddedArial; |
| embedAsCFF: true; |
| } |
| |
| @font-face { |
| src: url("../../../../../Assets/Fonts/PT_Serif/PT_Serif-Web-Bold.ttf"); |
| fontWeight: bold; |
| fontFamily: EmbeddedArial; |
| embedAsCFF: true; |
| } |
| |
| @font-face { |
| src: url("../../../../../Assets/Fonts/PT_Serif/PT_Serif-Web-Italic.ttf"); |
| fontStyle: italic; |
| fontFamily: EmbeddedArial; |
| embedAsCFF: true; |
| } |
| |
| @font-face { |
| src: url("../../../../../Assets/Fonts/Cousine/Cousine-Regular.ttf"); |
| fontFamily: EmbeddedArno; |
| embedAsCFF: true; |
| } |
| |
| global{ |
| kerning: "off"; |
| } |
| |
| s|TabBar{ |
| fontFamily: EmbeddedVerdana; |
| fontLookup: embeddedCFF; |
| fontAntiAliasType: normal; |
| } |
| |
| s|ToggleButton{ |
| fontFamily: EmbeddedVerdana; |
| fontLookup: embeddedCFF; |
| fontAntiAliasType: normal; |
| } |
| |
| .fontFamily1{ |
| fontFamily: EmbeddedArial; |
| } |
| |
| .fontFamily2{ |
| fontFamily: EmbeddedVerdana; |
| } |
| |
| .fontSize1{ |
| fontSize: 8; |
| } |
| |
| .fontSize2{ |
| fontSize: 24; |
| } |
| |
| .fontWeight1{ |
| fontWeight: bold; |
| } |
| |
| .fontWeight2{ |
| fontWeight: normal; |
| } |
| |
| .color1{ |
| color: #ff0000; |
| } |
| |
| .direction1{ |
| textAlign: left; |
| direction: rtl; |
| } |
| |
| .direction2{ |
| textAlign: left; |
| direction: ltr; |
| } |
| |
| .lineThrough1{ |
| lineThrough: true; |
| } |
| |
| .lineThrough2{ |
| lineThrough: false; |
| } |
| |
| .kerning1{ |
| kerning: on; |
| } |
| |
| .kerning2{ |
| kerning: auto; |
| } |
| |
| .kerning3{ |
| kerning: off; |
| } |
| |
| .textAlign1{ |
| textAlign: left; |
| } |
| |
| .textAlign2{ |
| textAlign: right; |
| } |
| |
| .textAlign3{ |
| textAlign: center; |
| } |
| |
| .textAlign4{ |
| textAlign: start; |
| } |
| |
| .textAlign5{ |
| textAlign: end; |
| } |
| |
| .textDecoration1{ |
| textDecoration: underline; |
| } |
| |
| .textDecoration2{ |
| textDecoration: none; |
| } |
| |
| .textIndent1{ |
| textAlign: left; |
| textIndent: 0; |
| } |
| |
| .textIndent2{ |
| textAlign: left; |
| textIndent: 10; |
| } |
| |
| .textIndent3{ |
| textAlign: left; |
| textIndent: -10; |
| } |
| |
| .paddingTop1{ |
| |
| } |
| |
| .paddingTop2{ |
| |
| } |
| |
| .paddingTop3{ |
| |
| } |
| |
| .paddingLeft1{ |
| |
| } |
| |
| .paddingLeft2{ |
| |
| } |
| |
| .paddingLeft3{ |
| |
| } |
| |
| .paddingBottom1{ |
| |
| } |
| |
| .paddingBottom2{ |
| |
| } |
| |
| .paddingBottom3{ |
| |
| } |
| |
| .paddingRight1{ |
| |
| } |
| |
| .paddingRight2{ |
| |
| } |
| |
| .paddingRight3{ |
| |
| } |
| |
| .top1{ |
| top: 5; |
| } |
| |
| .top2{ |
| top: 0; |
| } |
| |
| .top3{ |
| top: -5; |
| } |
| |
| .left1{ |
| left: 5; |
| } |
| |
| .left2{ |
| left: 0; |
| } |
| |
| .left3{ |
| left: -5; |
| } |
| |
| .bottom1{ |
| bottom: 5; |
| } |
| |
| .bottom2{ |
| bottom: 0; |
| } |
| |
| .bottom3{ |
| bottom: -5; |
| } |
| |
| .right1{ |
| right: 5; |
| } |
| |
| .right2{ |
| right: 0; |
| } |
| |
| .right3{ |
| right: -5; |
| } |
| |
| .verticalCenter1{ |
| verticalCenter: 5; |
| } |
| |
| .verticalCenter2{ |
| verticalCenter: 0; |
| } |
| |
| .verticalCenter3{ |
| verticalCenter: -5; |
| } |
| |
| .horizontalCenter1{ |
| horizontalCenter: 5; |
| } |
| |
| .horizontalCenter2{ |
| horizontalCenter: 0; |
| } |
| |
| .horizontalCenter3{ |
| horizontalCenter: -5; |
| } |
| </fx:Style> |
| |
| <fx:Declarations> |
| |
| <mx:ArrayCollection id="ac1"> |
| <fx:String>one</fx:String> |
| <fx:String>two</fx:String> |
| <fx:String>three</fx:String> |
| </mx:ArrayCollection> |
| |
| <mx:ArrayCollection id="ac2"> |
| <fx:String>WAWAWAWAWA</fx:String> |
| </mx:ArrayCollection> |
| |
| </fx:Declarations> |
| |
| <s:layout> <s:HorizontalLayout/> </s:layout> |
| |
| <mx:VBox> |
| <s:TabBar id="fontFamilyTB1" dataProvider="{ac1}" fontSize="24" fontFamily="EmbeddedArial" /> |
| <s:TabBar id="fontFamilyTB2" dataProvider="{ac1}" fontSize="24" fontFamily="EmbeddedVerdana" /> |
| <s:TabBar id="fontSizeTB1" dataProvider="{ac1}" fontSize="8" /> |
| <s:TabBar id="fontSizeTB2" dataProvider="{ac1}" fontSize="24" /> |
| <s:TabBar id="fontWeightTB1" dataProvider="{ac1}" fontWeight="bold" /> |
| <s:TabBar id="fontWeightTB2" dataProvider="{ac1}" fontWeight="normal" /> |
| <s:TabBar id="colorTB1" dataProvider="{ac1}" color="0xff0000" /> |
| <s:TabBar id="directionTB1" dataProvider="{ac1}" textAlign="left" direction="rtl" /> |
| <s:TabBar id="directionTB2" dataProvider="{ac1}" textAlign="left" direction="ltr" /> |
| <s:TabBar id="lineThroughTB1" dataProvider="{ac1}" lineThrough="true" /> |
| <s:TabBar id="lineThroughTB2" dataProvider="{ac1}" lineThrough="false" /> |
| <s:TabBar id="kerningTB1" dataProvider="{ac2}" kerning="on" /> |
| <s:TabBar id="kerningTB2" dataProvider="{ac2}" kerning="auto" /> |
| <s:TabBar id="kerningTB3" dataProvider="{ac2}" kerning="off" /> |
| <s:TabBar id="textAlignTB1" dataProvider="{ac1}" textAlign="left" /> |
| <s:TabBar id="textAlignTB2" dataProvider="{ac1}" textAlign="right" /> |
| <s:TabBar id="textAlignTB3" dataProvider="{ac1}" textAlign="center" /> |
| <s:TabBar id="textAlignTB4" dataProvider="{ac1}" textAlign="start" /> |
| <s:TabBar id="textAlignTB5" dataProvider="{ac1}" textAlign="end" /> |
| <s:TabBar id="textDecorationTB1" dataProvider="{ac1}" textDecoration="underline" /> |
| <s:TabBar id="textDecorationTB2" dataProvider="{ac1}" textDecoration="none" /> |
| |
| </mx:VBox> |
| |
| <mx:VBox> |
| |
| <mx:Box id="paddingTopBox1" borderStyle="solid" borderThickness="1"> |
| <s:TabBar id="paddingTopTB1" dataProvider="{ac1}" /> |
| </mx:Box> |
| |
| <mx:Box id="paddingTopBox2" borderStyle="solid" borderThickness="1"> |
| <s:TabBar id="paddingTopTB2" dataProvider="{ac1}" /> |
| </mx:Box> |
| |
| <mx:Box id="paddingTopBox3" borderStyle="solid" borderThickness="1"> |
| <s:TabBar id="paddingTopTB3" dataProvider="{ac1}" /> |
| </mx:Box> |
| |
| <mx:Box id="paddingLeftBox1" borderStyle="solid" borderThickness="1"> |
| <s:TabBar id="paddingLeftTB1" dataProvider="{ac1}" /> |
| </mx:Box> |
| |
| <mx:Box id="paddingLeftBox2" borderStyle="solid" borderThickness="1"> |
| <s:TabBar id="paddingLeftTB2" dataProvider="{ac1}" /> |
| </mx:Box> |
| |
| <mx:Box id="paddingLeftBox3" borderStyle="solid" borderThickness="1"> |
| <s:TabBar id="paddingLeftTB3" dataProvider="{ac1}" /> |
| </mx:Box> |
| |
| <mx:Box id="paddingBottomBox1" borderStyle="solid" borderThickness="1"> |
| <s:TabBar id="paddingBottomTB1" dataProvider="{ac1}" /> |
| </mx:Box> |
| |
| <mx:Box id="paddingBottomBox2" borderStyle="solid" borderThickness="1"> |
| <s:TabBar id="paddingBottomTB2" dataProvider="{ac1}" /> |
| </mx:Box> |
| |
| <mx:Box id="paddingBottomBox3" borderStyle="solid" borderThickness="1"> |
| <s:TabBar id="paddingBottomTB3" dataProvider="{ac1}" /> |
| </mx:Box> |
| |
| <mx:Box id="paddingRightBox1" borderStyle="solid" borderThickness="1"> |
| <s:TabBar id="paddingRightTB1" dataProvider="{ac1}" /> |
| </mx:Box> |
| |
| <mx:Box id="paddingRightBox2" borderStyle="solid" borderThickness="1"> |
| <s:TabBar id="paddingRightTB2" dataProvider="{ac1}" /> |
| </mx:Box> |
| |
| <mx:Box id="paddingRightBox3" borderStyle="solid" borderThickness="1"> |
| <s:TabBar id="paddingRightTB3" dataProvider="{ac1}" /> |
| </mx:Box> |
| |
| <mx:Canvas id="topCanvas1" borderStyle="solid" borderThickness="1"> |
| <s:TabBar id="topTB1" dataProvider="{ac1}" top="5" /> |
| </mx:Canvas> |
| |
| <mx:Canvas id="topCanvas2" borderStyle="solid" borderThickness="1"> |
| <s:TabBar id="topTB2" dataProvider="{ac1}" top="0" /> |
| </mx:Canvas> |
| |
| <mx:Canvas id="topCanvas3" borderStyle="solid" borderThickness="1"> |
| <s:TabBar id="topTB3" dataProvider="{ac1}" top="-5" /> |
| </mx:Canvas> |
| |
| <mx:Canvas id="leftCanvas1" borderStyle="solid" borderThickness="1"> |
| <s:TabBar id="leftTB1" dataProvider="{ac1}" left="5" /> |
| </mx:Canvas> |
| |
| <mx:Canvas id="leftCanvas2" borderStyle="solid" borderThickness="1"> |
| <s:TabBar id="leftTB2" dataProvider="{ac1}" left="0" /> |
| </mx:Canvas> |
| |
| <mx:Canvas id="leftCanvas3" borderStyle="solid" borderThickness="1"> |
| <s:TabBar id="leftTB3" dataProvider="{ac1}" left="-5" /> |
| </mx:Canvas> |
| |
| <mx:Canvas id="bottomCanvas1" borderStyle="solid" borderThickness="1"> |
| <s:TabBar id="bottomTB1" dataProvider="{ac1}" bottom="5" /> |
| </mx:Canvas> |
| </mx:VBox> |
| |
| <mx:VBox> |
| <mx:Canvas id="bottomCanvas2" borderStyle="solid" borderThickness="1"> |
| <s:TabBar id="bottomTB2" dataProvider="{ac1}" bottom="0" /> |
| </mx:Canvas> |
| |
| <mx:Canvas id="bottomCanvas3" borderStyle="solid" borderThickness="1"> |
| <s:TabBar id="bottomTB3" dataProvider="{ac1}" bottom="-5" /> |
| </mx:Canvas> |
| |
| <mx:Canvas id="rightCanvas1" borderStyle="solid" borderThickness="1"> |
| <s:TabBar id="rightTB1" dataProvider="{ac1}" right="5" /> |
| </mx:Canvas> |
| |
| <mx:Canvas id="rightCanvas2" borderStyle="solid" borderThickness="1"> |
| <s:TabBar id="rightTB2" dataProvider="{ac1}" right="0" /> |
| </mx:Canvas> |
| |
| <mx:Canvas id="rightCanvas3" borderStyle="solid" borderThickness="1"> |
| <s:TabBar id="rightTB3" dataProvider="{ac1}" right="-5" /> |
| </mx:Canvas> |
| |
| <mx:Canvas id="verticalCenterCanvas1" borderStyle="solid" borderThickness="1"> |
| <s:TabBar id="verticalCenterTB1" dataProvider="{ac1}" verticalCenter="5" /> |
| </mx:Canvas> |
| |
| <mx:Canvas id="verticalCenterCanvas2" borderStyle="solid" borderThickness="1"> |
| <s:TabBar id="verticalCenterTB2" dataProvider="{ac1}" verticalCenter="0" /> |
| </mx:Canvas> |
| |
| <mx:Canvas id="verticalCenterCanvas3" borderStyle="solid" borderThickness="1"> |
| <s:TabBar id="verticalCenterTB3" dataProvider="{ac1}" verticalCenter="-5" /> |
| </mx:Canvas> |
| |
| <mx:Canvas id="horizontalCenterCanvas1" borderStyle="solid" borderThickness="1"> |
| <s:TabBar id="horizontalCenterTB1" dataProvider="{ac1}" horizontalCenter="5" /> |
| </mx:Canvas> |
| |
| <mx:Canvas id="horizontalCenterCanvas2" borderStyle="solid" borderThickness="1"> |
| <s:TabBar id="horizontalCenterTB2" dataProvider="{ac1}" horizontalCenter="0" /> |
| </mx:Canvas> |
| |
| <mx:Canvas id="horizontalCenterCanvas3" borderStyle="solid" borderThickness="1"> |
| <s:TabBar id="horizontalCenterTB3" dataProvider="{ac1}" horizontalCenter="-5" /> |
| </mx:Canvas> |
| |
| <s:TabBar id="runtimeTB1" /> |
| <custom:CustomTabBar12 id="runtimeBox1" /> <!-- Contains runtimeTB2. --> |
| <custom:CustomTabBar13 id="runtimeCanvas1" /> <!-- Contains runtimeTB3. --> |
| </mx:VBox> |
| |
| </s:Application> |