| <?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 source="Assets/myStyles.css"/> |
| <fx:Style> |
| @namespace s "library://ns.adobe.com/flex/spark"; |
| @namespace mx "library://ns.adobe.com/flex/mx"; |
| |
| /* This font supports Hebrew. */ |
| @font-face { |
| src: url("../../../../../Assets/Fonts/SILEOT/SILEOT.ttf"); |
| fontWeight: normal; |
| fontStyle: normal; |
| fontFamily: EmbeddedSILEOT; |
| embedAsCFF: true; |
| } |
| |
| @font-face { |
| src: url("../../../../../Assets/Fonts/SILEOT/SILEOT.ttf"); |
| fontWeight: bold; |
| fontStyle: normal; |
| fontFamily: EmbeddedSILEOT; |
| embedAsCFF: true; |
| } |
| |
| @font-face { |
| src: url("../../../../../Assets/Fonts/SILEOT/SILEOT.ttf"); |
| fontWeight: normal; |
| fontStyle: italic; |
| fontFamily: EmbeddedSILEOT; |
| embedAsCFF: true; |
| } |
| |
| s|ButtonBar { |
| fontFamily: EmbeddedVerdana; |
| fontLookup: embeddedCFF; |
| fontAntiAliasType: normal; |
| } |
| |
| .fontFamilyDefault { |
| fontFamily: EmbeddedVerdana; |
| fontLookup: embeddedCFF; |
| fontAntiAliasType: normal; |
| } |
| |
| .fontFamily1{ |
| fontFamily: EmbeddedSILEOT; |
| fontLookup: embeddedCFF; |
| fontAntiAliasType: normal; |
| } |
| |
| .fontFamily2{ |
| fontFamily: EmbeddedLobsterTwo; |
| fontLookup: embeddedCFF; |
| fontAntiAliasType: normal; |
| } |
| |
| .hebrewLTR{ |
| fontFamily: EmbeddedSILEOT; |
| fontLookup: embeddedCFF; |
| fontAntiAliasType: normal; |
| direction: ltr; |
| } |
| |
| .hebrewRTL{ |
| fontFamily: EmbeddedSILEOT; |
| fontLookup: embeddedCFF; |
| fontAntiAliasType: normal; |
| direction: rtl; |
| } |
| |
| .fontSize1{ |
| fontSize: 8; |
| } |
| |
| .fontSize2{ |
| fontSize: 24; |
| } |
| |
| .fontWeight1{ |
| fontWeight: bold; |
| } |
| |
| .fontWeight2{ |
| fontWeight: normal; |
| } |
| |
| .color1{ |
| color: #ff0000; |
| } |
| |
| .direction1{ |
| direction: rtl; |
| } |
| |
| .direction2{ |
| direction: ltr; |
| } |
| |
| .lineThrough1{ |
| lineThrough: true; |
| } |
| |
| .lineThrough2{ |
| lineThrough: false; |
| } |
| |
| .kerning1{ |
| kerning: on; |
| } |
| |
| .kerning2{ |
| kerning: auto; |
| } |
| |
| .kerning3{ |
| kerning: off; |
| } |
| |
| .textDecoration1{ |
| textDecoration: underline; |
| } |
| |
| .textDecoration2{ |
| textDecoration: none; |
| } |
| |
| .textIndent1{ |
| textIndent: 0; |
| } |
| |
| .textIndent2{ |
| textIndent: 10; |
| } |
| |
| .textIndent3{ |
| 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>t_o</fx:String> |
| <fx:String>three</fx:String> |
| </mx:ArrayCollection> |
| |
| <mx:ArrayCollection id="ac2"> |
| <fx:String>WAWAWAWAWA</fx:String> |
| </mx:ArrayCollection> |
| |
| <mx:ArrayCollection id="ac_hebrew"> |
| <fx:String>שרה shalom</fx:String> |
| <fx:String>אלפבית alphabet</fx:String> |
| </mx:ArrayCollection> |
| </fx:Declarations> |
| |
| <s:layout> <s:HorizontalLayout/> </s:layout> |
| |
| <mx:VBox> |
| <s:ButtonBar id="fontFamilyBB1" dataProvider="{ac1}" fontSize="24" fontFamily="EmbeddedArial" |
| fontLookup="embeddedCFF" /> |
| <s:ButtonBar id="fontFamilyBB2" dataProvider="{ac1}" fontSize="24" fontFamily="EmbeddedLobsterTwo" |
| fontLookup="embeddedCFF" /> |
| <s:ButtonBar id="fontSizeBB1" dataProvider="{ac1}" fontSize="8" /> |
| <s:ButtonBar id="fontSizeBB2" dataProvider="{ac1}" fontSize="24" /> |
| <s:ButtonBar id="fontWeightBB1" dataProvider="{ac1}" fontWeight="bold" /> |
| <s:ButtonBar id="fontWeightBB2" dataProvider="{ac1}" fontWeight="normal" /> |
| <s:ButtonBar id="colorBB1" dataProvider="{ac1}" color="0xff0000" /> |
| <s:ButtonBar id="directionBB1" dataProvider="{ac_hebrew}" direction="rtl" styleName="fontFamily1" fontSize="24" /> |
| <s:ButtonBar id="directionBB2" dataProvider="{ac_hebrew}" direction="ltr" styleName="fontFamily1" fontSize="24" /> |
| <s:ButtonBar id="lineThroughBB1" dataProvider="{ac1}" lineThrough="true" /> |
| <s:ButtonBar id="lineThroughBB2" dataProvider="{ac1}" lineThrough="false" /> |
| <s:ButtonBar id="kerningBB1" dataProvider="{ac2}" kerning="on" /> |
| <s:ButtonBar id="kerningBB2" dataProvider="{ac2}" kerning="auto" /> |
| <s:ButtonBar id="kerningBB3" dataProvider="{ac2}" kerning="off" /> |
| <s:ButtonBar id="textDecorationBB1" dataProvider="{ac1}" textDecoration="underline" /> |
| <s:ButtonBar id="textDecorationBB2" dataProvider="{ac1}" textDecoration="none" /> |
| |
| </mx:VBox> |
| |
| <mx:VBox> |
| |
| <mx:Canvas id="topCanvas1" borderStyle="solid" > |
| <s:ButtonBar height="24" id="topBB1" dataProvider="{ac1}" top="5" /> |
| </mx:Canvas> |
| |
| <mx:Canvas id="topCanvas2" borderStyle="solid" > |
| <s:ButtonBar height="24" id="topBB2" dataProvider="{ac1}" top="0" /> |
| </mx:Canvas> |
| |
| <mx:Canvas id="topCanvas3" borderStyle="solid" > |
| <s:ButtonBar height="24" id="topBB3" dataProvider="{ac1}" top="-5" /> |
| </mx:Canvas> |
| |
| <mx:Canvas id="leftCanvas1" borderStyle="solid" > |
| <s:ButtonBar id="leftBB1" dataProvider="{ac1}" left="5" width="215"/> |
| </mx:Canvas> |
| |
| <mx:Canvas id="leftCanvas2" borderStyle="solid" > |
| <s:ButtonBar id="leftBB2" dataProvider="{ac1}" left="0" width="215"/> |
| </mx:Canvas> |
| |
| <mx:Canvas id="leftCanvas3" borderStyle="solid" > |
| <s:ButtonBar id="leftBB3" dataProvider="{ac1}" left="-5" width="215"/> |
| </mx:Canvas> |
| |
| <mx:Canvas id="bottomCanvas1" borderStyle="solid" > |
| <s:ButtonBar id="bottomBB1" height="24" dataProvider="{ac1}" bottom="5" /> |
| </mx:Canvas> |
| </mx:VBox> |
| |
| <mx:VBox> |
| <mx:Canvas id="bottomCanvas2" borderStyle="solid" > |
| <s:ButtonBar height="24" id="bottomBB2" dataProvider="{ac1}" bottom="0" /> |
| </mx:Canvas> |
| |
| <mx:Canvas id="bottomCanvas3" borderStyle="solid" > |
| <s:ButtonBar height="24" id="bottomBB3" dataProvider="{ac1}" bottom="-5" /> |
| </mx:Canvas> |
| |
| <mx:Canvas id="rightCanvas1" borderStyle="solid" > |
| <s:ButtonBar id="rightBB1" dataProvider="{ac1}" right="5" width="215"/> |
| </mx:Canvas> |
| |
| <mx:Canvas id="rightCanvas2" borderStyle="solid" > |
| <s:ButtonBar id="rightBB2" dataProvider="{ac1}" right="0" width="215"/> |
| </mx:Canvas> |
| |
| <mx:Canvas id="rightCanvas3" borderStyle="solid" > |
| <s:ButtonBar id="rightBB3" dataProvider="{ac1}" right="-5" width="215"/> |
| </mx:Canvas> |
| |
| <mx:Canvas id="verticalCenterCanvas1" height="50"> |
| <s:ButtonBar id="verticalCenterBB1" height="24" dataProvider="{ac1}" verticalCenter="5" /> |
| </mx:Canvas> |
| |
| <mx:Canvas id="verticalCenterCanvas2" height="50"> |
| <s:ButtonBar id="verticalCenterBB2" height="24" dataProvider="{ac1}" verticalCenter="0" /> |
| </mx:Canvas> |
| |
| <mx:Canvas id="verticalCenterCanvas3" height="50"> |
| <s:ButtonBar id="verticalCenterBB3" height="24" dataProvider="{ac1}" verticalCenter="-5" /> |
| </mx:Canvas> |
| |
| <mx:Canvas id="horizontalCenterCanvas1" width="250"> |
| <s:ButtonBar id="horizontalCenterBB1" width="220" dataProvider="{ac1}" horizontalCenter="5" /> |
| </mx:Canvas> |
| |
| <mx:Canvas id="horizontalCenterCanvas2" width="250"> |
| <s:ButtonBar id="horizontalCenterBB2" width="220" dataProvider="{ac1}" horizontalCenter="0" /> |
| </mx:Canvas> |
| |
| <mx:Canvas id="horizontalCenterCanvas3" width="250"> |
| <s:ButtonBar id="horizontalCenterBB3" width="220" dataProvider="{ac1}" horizontalCenter="-5" /> |
| </mx:Canvas> |
| |
| <s:ButtonBar id="runtimeBB1" /> |
| <custom:CustomFxButtonBar10 id="runtimeBox1" /> <!-- Contains runtimeBB2. --> |
| <custom:CustomFxButtonBar11 id="runtimeCanvas1" /> <!-- Contains runtimeBB3. --> |
| |
| <s:SkinnableContainer> |
| <s:ButtonBarButton id="buttonbarbutton1" /> |
| <s:ButtonBarButton id="buttonbarbutton2" label="end" styleName="fontFamilyDefault" /> |
| </s:SkinnableContainer> |
| |
| <s:Group id="group_buttonbar"> |
| <custom:CustomFxButtonBar3 id="baseline_buttonbar" /> |
| <custom:CustomFxButtonBar3 id="baseline_buttonbar_mxml" baseline="70"/> |
| <s:Rect id="border" left="0" right="0" top="0" bottom="0"> |
| <s:stroke> |
| <s:SolidColorStroke color="0xFF0000"/> |
| </s:stroke> |
| </s:Rect> |
| </s:Group> |
| </mx:VBox> |
| |
| |
| |
| </s:Application> |
