You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by bi...@apache.org on 2014/08/23 10:48:22 UTC
svn commit: r1619987 [15/22] - in /flex/site/trunk/content/tourdeflex: ./
mx/ mx/charts/ mx/containers/ mx/containers/assets/ mx/controls/
mx/controls/assets/ mx/core/ mx/effects/ mx/effects/assets/ mx/formatters/
mx/printing/ mx/states/ mx/validators/...
Added: flex/site/trunk/content/tourdeflex/spark/fxg/RectExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/fxg/RectExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/fxg/RectExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/spark/fxg/RectExample.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,87 @@
+<?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:s="library://ns.adobe.com/flex/spark"
+ xmlns:mx="library://ns.adobe.com/flex/mx">
+ <fx:Script>
+ <![CDATA[
+ import skins.TDFPanelSkin;
+ ]]>
+ </fx:Script>
+
+ <s:Panel title="Rect Graphic Sample" skinClass="skins.TDFPanelSkin"
+ width="100%" height="100%">
+
+
+ <s:Group left="15" top="20">
+ <s:Graphic x="0" y="0">
+ <!-- Draw rectangle with square corners. -->
+ <s:Rect height="100" width="150">
+ <s:stroke>
+ <s:SolidColorStroke color="0x000000" weight="2"/>
+ </s:stroke>
+ <s:fill>
+ <s:SolidColor color="0x336699"/>
+ </s:fill>
+ </s:Rect>
+ </s:Graphic>
+
+ <s:Graphic x="250" y="0">
+ <!-- Draw rectangle with rounded corners. -->
+ <s:Rect height="100" width="150" radiusX="25" radiusY="25">
+ <s:stroke>
+ <s:SolidColorStroke color="0x336699" weight="2"/>
+ </s:stroke>
+ <s:fill>
+ <s:RadialGradient>
+ <s:entries>
+ <s:GradientEntry color="0x336699" alpha="0.5"/>
+ <s:GradientEntry color="0x323232" alpha="0.5"/>
+ <s:GradientEntry color="0xE2E2E2" alpha="0.5"/>
+ </s:entries>
+ </s:RadialGradient>
+ </s:fill>
+ </s:Rect>
+ </s:Graphic>
+
+ <s:Graphic x="500" y="0">
+ <s:Rect height="100" width="150">
+ <s:stroke>
+ <s:LinearGradientStroke weight="6" rotation="90">
+ <s:GradientEntry color="0x323232" alpha="0.8"/>
+ <s:GradientEntry color="0x336699" alpha="0.8"/>
+ </s:LinearGradientStroke>
+ </s:stroke>
+ <s:fill>
+ <s:RadialGradient>
+ <s:entries>
+ <s:GradientEntry color="0x336699"/>
+ <s:GradientEntry color="0x323232"/>
+ <s:GradientEntry color="0xE2E2E2"/>
+ </s:entries>
+ </s:RadialGradient>
+ </s:fill>
+ </s:Rect>
+ </s:Graphic>
+
+ </s:Group>
+ <s:Label top="165" horizontalCenter="0" width="40%" text="The Rect class is a filled graphic element that draws a rectangle."/>
+ </s:Panel>
+</s:Application>
Propchange: flex/site/trunk/content/tourdeflex/spark/fxg/RectExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/spark/fxg/RectExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/fxg/RectExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/spark/fxg/RectExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/spark/fxg/RichTextExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/fxg/RichTextExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/fxg/RichTextExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/spark/fxg/RichTextExample.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,58 @@
+<?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:s="library://ns.adobe.com/flex/spark"
+ xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <s:Panel title="RichText Sample" width="100%" height="100%" skinClass="skins.TDFPanelSkin">
+ <s:layout>
+ <s:HorizontalLayout paddingLeft="8" paddingRight="8" paddingTop="8"/>
+ </s:layout>
+ <s:Group left="10" right="10" top="10" bottom="10">
+ <s:RichText x="0" y="0" width="75" fontFamily="Times" fontSize="15" textRotation="rotate90">
+ <s:content>Hello World!</s:content>
+ </s:RichText>
+
+ <s:Group x="100" y="0">
+ <s:RichText width="100" textAlign="justify" paddingTop="5" paddingLeft="5" paddingRight="5" paddingBottom="5">
+ <s:content>Hello World! This is a justified paragraph of text in a RichText control. It has a border around it drawn by a Rect inside a Group.</s:content>
+ </s:RichText>
+ <s:Rect width="100%" height="100%">
+ <s:stroke>
+ <s:SolidColorStroke color="blue"/>
+ </s:stroke>
+ </s:Rect>
+ </s:Group>
+
+ <s:Group x="225" y="0" >
+ <s:RichText width="140" height="120" columnCount="2" columnGap="10">
+ <s:content><s:span fontWeight="bold">Hello World!</s:span> This is a paragraph of text in 2 columns. It is about 20 words long, which should be enough to cause a few line breaks.</s:content>
+ </s:RichText>
+ <s:Rect width="100%" height="100%">
+ <s:stroke>
+ <s:SolidColorStroke color="blue"/>
+ </s:stroke>
+ </s:Rect>
+ </s:Group>
+ </s:Group>
+ <s:Label width="270" color="0x323232" text="RichText is a low-level UIComponent that can display one or more lines of richly-formatted text and embedded images. For performance reasons, it does not support scrolling, selection, editing, clickable hyperlinks, or images loaded from URLs. If you need those capabilities, see the RichEditableText class."/>
+ </s:Panel>
+
+</s:Application>
Propchange: flex/site/trunk/content/tourdeflex/spark/fxg/RichTextExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/spark/fxg/RichTextExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/fxg/RichTextExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/spark/fxg/RichTextExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/spark/fxg/StaticFXGExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/fxg/StaticFXGExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/fxg/StaticFXGExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/spark/fxg/StaticFXGExample.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,51 @@
+<?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:s="library://ns.adobe.com/flex/spark"
+ xmlns:mx="library://ns.adobe.com/flex/mx"
+ xmlns:fxg="*" viewSourceURL="srcview/index.html">
+
+
+ <s:Panel width="100%" height="100%"
+ title="Static FXG Sample"
+ skinClass="skins.TDFPanelSkin">
+ <s:Label verticalAlign="justify" color="#323232" x="10" y="30" width="200"
+ text="You can use a static file of fxg within your MXML. You include the inline
+component as shown here."/>
+
+ <fxg:OrangeCrayonStar id="crayonStar" right="160"/>
+
+ <s:VGroup right="180" bottom="20">
+ <s:VGroup bottom="100">
+ <s:HSlider id="star_width" maximum="400" change="crayonStar.width=star_width.value"
+ horizontalCenter="-90" y="250" />
+ <s:Label horizontalCenter="-90" y="269" text="width"/>
+ </s:VGroup>
+ <s:VGroup bottom="60">
+ <s:HSlider id="star_height" maximum="400" change="crayonStar.height=star_height.value"
+ horizontalCenter="90" y="250" />
+ <s:Label horizontalCenter="90" y="269" text="height"/>
+ </s:VGroup>
+
+ </s:VGroup>
+ </s:Panel>
+
+
+</s:Application>
Propchange: flex/site/trunk/content/tourdeflex/spark/fxg/StaticFXGExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/spark/fxg/StaticFXGExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/fxg/StaticFXGExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/spark/fxg/StaticFXGExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/spark/fxg/assets/ApacheFlexIcon.png
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/fxg/assets/ApacheFlexIcon.png?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/spark/fxg/assets/ApacheFlexIcon.png
------------------------------------------------------------------------------
svn:mime-type = image/png
Added: flex/site/trunk/content/tourdeflex/spark/fxg/assets/ApacheFlexLogo.png
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/fxg/assets/ApacheFlexLogo.png?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/spark/fxg/assets/ApacheFlexLogo.png
------------------------------------------------------------------------------
svn:mime-type = image/png
Added: flex/site/trunk/content/tourdeflex/spark/fxg/skins/TDFPanelSkin.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/fxg/skins/TDFPanelSkin.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/fxg/skins/TDFPanelSkin.mxml (added)
+++ flex/site/trunk/content/tourdeflex/spark/fxg/skins/TDFPanelSkin.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,170 @@
+<?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.
+
+-->
+
+
+<!--- Custom Spark Panel Skin created for Tour de Flex.
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" alpha.disabled="0.5"
+ blendMode.disabled="layer">
+
+ <fx:Metadata>
+ <![CDATA[
+ /**
+ * @copy spark.skins.spark.ApplicationSkin#hostComponent
+ */
+ [HostComponent("spark.components.Panel")]
+ ]]>
+ </fx:Metadata>
+
+ <fx:Script>
+ /* Define the skin elements that should not be colorized.
+ For panel, border and title backround are skinned, but the content area and title text are not. */
+ static private const exclusions:Array = ["background", "titleDisplay", "contentGroup", "bgFill"];
+
+ /**
+ * @copy spark.skins.SparkSkin#colorizeExclusions
+ */
+ override public function get colorizeExclusions():Array {return exclusions;}
+
+ /* Define the content fill items that should be colored by the "contentBackgroundColor" style. */
+ static private const contentFill:Array = [];
+
+ /**
+ * @inheritDoc
+ */
+ override public function get contentItems():Array {return contentFill};
+ </fx:Script>
+
+ <s:states>
+ <s:State name="normal" />
+ <s:State name="disabled" />
+ <s:State name="normalWithControlBar" />
+ <s:State name="disabledWithControlBar" />
+ </s:states>
+
+ <!-- drop shadow -->
+ <s:RectangularDropShadow id="shadow" blurX="20" blurY="20" alpha="0.32" distance="11"
+ angle="90" color="#000000" left="0" top="0" right="0" bottom="0"/>
+
+ <!-- layer 1: border -->
+ <s:Rect left="0" right="0" top="0" bottom="0">
+ <s:stroke>
+ <s:SolidColorStroke color="0" alpha="0.50" weight="1" />
+ </s:stroke>
+ </s:Rect>
+
+
+ <!-- layer 2: background fill -->
+ <s:Rect left="0" right="0" bottom="0" height="15">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0xE2E2E2" />
+ <s:GradientEntry color="0x000000" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+
+ <!-- layer 3: contents -->
+ <!--- contains the vertical stack of titlebar content and controlbar -->
+ <s:Group left="1" right="1" top="1" bottom="1" >
+ <s:layout>
+ <s:VerticalLayout gap="0" horizontalAlign="justify" />
+ </s:layout>
+
+ <s:Group id="topGroup" >
+ <!-- layer 0: title bar fill -->
+ <!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex -->
+ <s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" >
+ <s:fill>
+ <s:SolidColor color="0x000000" />
+ </s:fill>
+ </s:Rect>
+
+ <!-- layer 1: title bar highlight -->
+ <s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" >
+ <s:stroke>
+ <s:LinearGradientStroke rotation="90" weight="1">
+ <s:GradientEntry color="0xEAEAEA" />
+ <s:GradientEntry color="0xD9D9D9" />
+ </s:LinearGradientStroke>
+ </s:stroke>
+ </s:Rect>
+
+ <!-- layer 2: title bar divider -->
+ <s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0">
+ <s:fill>
+ <s:SolidColor color="0xC0C0C0" />
+ </s:fill>
+ </s:Rect>
+
+ <!-- layer 3: text -->
+ <!--- Defines the appearance of the PanelSkin class's title bar. -->
+ <!-- Note: The title text display has been slightly modified for Tour de Flex. -->
+ <s:Label id="titleDisplay" lineBreak="explicit"
+ left="9" top="1" bottom="0" minHeight="30"
+ verticalAlign="middle" fontWeight="bold" color="#E2E2E2">
+ </s:Label>
+ </s:Group>
+
+ <!--
+ Note: setting the minimum size to 0 here so that changes to the host component's
+ size will not be thwarted by this skin part's minimum size. This is a compromise,
+ more about it here: http://bugs.adobe.com/jira/browse/SDK-21143
+ -->
+ <s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0">
+ </s:Group>
+
+ <s:Group id="bottomGroup" minWidth="0" minHeight="0"
+ includeIn="normalWithControlBar, disabledWithControlBar" >
+
+ <!-- layer 0: control bar background -->
+ <!-- Note: We are skinning this to be the gradient in case we do specify control
+ bar content, but it will only display if there's a controlBarContent
+ property specified.-->
+ <s:Rect left="0" right="0" bottom="0" top="0" height="15">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0xE2E2E2" />
+ <s:GradientEntry color="0x000000" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+
+ <!-- layer 1: control bar divider line -->
+ <s:Rect left="0" right="0" top="0" height="1" >
+ <s:fill>
+ <s:SolidColor color="0xCDCDCD" />
+ </s:fill>
+ </s:Rect>
+
+ <!-- layer 2: control bar -->
+ <s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="0" minWidth="0" minHeight="0">
+ <s:layout>
+ <s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10" />
+ </s:layout>
+ </s:Group>
+ </s:Group>
+ </s:Group>
+</s:SparkSkin>
Propchange: flex/site/trunk/content/tourdeflex/spark/fxg/skins/TDFPanelSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/spark/i18n/SparkCollator2Example.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkCollator2Example.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/i18n/SparkCollator2Example.mxml (added)
+++ flex/site/trunk/content/tourdeflex/spark/i18n/SparkCollator2Example.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,100 @@
+<?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:s="library://ns.adobe.com/flex/spark"
+ xmlns:mx="library://ns.adobe.com/flex/mx"
+ width="100%" height="100%" creationComplete="compareStrings()">
+ <fx:Style>
+ @namespace s "library://ns.adobe.com/flex/spark";
+ @namespace mx "library://ns.adobe.com/flex/mx";
+ s|Label {
+ color: #FFFFFF;
+ font-weight: bold;
+ }
+ #titleL {
+ font-size: 20;
+ }
+ s|ComboBox {
+ alternating-item-colors: #424242;
+ }
+ s|Form {
+ background-color: #424242;
+ }
+
+ </fx:Style>
+ <fx:Script>
+ <![CDATA[
+ import mx.collections.ArrayCollection;
+ [Bindable]
+ private var _locales:ArrayCollection = new ArrayCollection(['en-US','de-DE','ja-JP','ru-RU','zh-CN','fr-FR']);
+
+ private function compareStrings():void {
+ if(firstTI.text != '' && secondTI.text != '') {
+ switch (sortCollator.compare(firstTI.text,secondTI.text)) {
+ case 1:
+ operatorL.text = '>';
+ break;
+ case 0:
+ operatorL.text = '=';
+ break;
+ case -1:
+ operatorL.text = '<';
+ break;
+ default:
+ operatorL.text = ' ';
+ }
+ }
+ }
+ ]]>
+ </fx:Script>
+ <fx:Declarations>
+ <!-- Place non-visual elements (e.g., services, value objects) here -->
+ <s:SortingCollator id="sortCollator" locale="{localeCB.selectedItem}"/>
+ </fx:Declarations>
+ <s:Scroller width="100%" height="100%">
+ <s:Group>
+ <s:Form>
+ <s:Label id="titleL" text="Spark Collator"/>
+ <s:Label text="Compare two strings by using SortingCollator"/>
+ <s:Spacer height="15"/>
+
+ <s:FormItem label="Locales:" toolTip="Select a locale for the collator instance.">
+ <s:ComboBox id="localeCB" dataProvider="{_locales}" selectedIndex="5" change="compareStrings()"/>
+ </s:FormItem>
+ <s:FormItem label="Collator Options:" toolTip="Set properties for the collator instance.">
+ <s:HGroup>
+ <s:CheckBox id="ignoreCaseCB" label="ignoreCase" change="sortCollator.ignoreCase = ignoreCaseCB.selected;compareStrings()"/>
+ <s:CheckBox id="ignDiacriticsCB" label="ignoreDiacritics" change="sortCollator.ignoreDiacritics = ignDiacriticsCB.selected;compareStrings()"/>
+ <s:CheckBox id="ignSymbolsCB" label="ignoreSymbols" change="sortCollator.ignoreSymbols = ignSymbolsCB.selected;compareStrings()"/>
+ <s:CheckBox id="ignKanaTypeCB" label="ignoreKanaType" change="sortCollator.ignoreKanaType = ignKanaTypeCB.selected;compareStrings()"/>
+ <s:CheckBox id="ignCharacterWidthCB" label="ignoreCharacterWidth" change="sortCollator.ignoreCharacterWidth = ignCharacterWidthCB.selected;compareStrings()"/>
+ </s:HGroup>
+ </s:FormItem>
+ <s:FormItem label="Strings:" toolTip="Input two strings and find out their compare result.">
+ <s:HGroup>
+ <s:TextInput id="firstTI" text="coté" change="compareStrings()"/>
+ <s:Label id="operatorL" text=" " fontSize="15"/>
+ <s:TextInput id="secondTI" text="côte" change="compareStrings()"/>
+ </s:HGroup>
+ </s:FormItem>
+ </s:Form>
+ </s:Group>
+ </s:Scroller>
+</s:Application>
Propchange: flex/site/trunk/content/tourdeflex/spark/i18n/SparkCollator2Example.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/spark/i18n/SparkCollator2Example.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkCollator2Example.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/spark/i18n/SparkCollator2Example.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/spark/i18n/SparkCollatorExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkCollatorExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/i18n/SparkCollatorExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/spark/i18n/SparkCollatorExample.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,165 @@
+<?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:s="library://ns.adobe.com/flex/spark"
+ xmlns:mx="library://ns.adobe.com/flex/mx"
+ width="100%" height="100%" creationComplete="matchRB_clickHandler()">
+ <fx:Style>
+ @namespace s "library://ns.adobe.com/flex/spark";
+ @namespace mx "library://ns.adobe.com/flex/mx";
+ s|Label {
+ color: #FFFFFF;
+ font-weight: bold;
+ }
+ #titleL {
+ font-size: 20;
+ }
+ s|ComboBox {
+ alternating-item-colors: #424242;
+ }
+
+ s|Form {
+ background-color: #424242;
+ }
+
+ s|List {
+ alternating-item-colors: #424242;
+ }
+ </fx:Style>
+
+ <fx:Script>
+ <![CDATA[
+ import mx.collections.ArrayCollection;
+
+ [Bindable]
+ private var _locales:ArrayCollection = new ArrayCollection(['en-US','de-DE','ja-JP','ru-RU','zh-CN','fr-FR']);
+ [Bindable]
+ private var _strArrColl:ArrayCollection = new ArrayCollection(['ö','Ã','A','a.bc','a','Ã','côte','ä','Ａ','ã¢','ã¡','ã','ä¸','abc','WO','ï½','ae','Ã','côté','coté','Ã','OE','Å','ã','wo']);
+ [Bindable]
+ private var _resultArrColl:ArrayCollection = new ArrayCollection();
+ [Bindable]
+ private var _collatorInstance:*;
+
+ protected function sortRB_clickHandler():void
+ {
+ //create sortingCollator instance
+ _collatorInstance = new SortingCollator();
+ _collatorInstance = sortingCollator;
+
+ sortStr();
+ }
+
+ protected function matchRB_clickHandler():void
+ {
+ //create sortingCollator instance
+ _collatorInstance = new MatchingCollator();
+ _collatorInstance = matchingCollator;
+
+ sortStr();
+ }
+
+ private function sortStr():void
+ {
+ //sort strings in original arrayCollection
+ _strArrColl.source.sort(_collatorInstance.compare);
+ _strArrColl.refresh();
+
+ //format above sorted array to let those strings which with same value show in one line within the list
+ _resultArrColl.source = showResult(_strArrColl.source);
+ _resultArrColl.refresh();
+ }
+
+ //function that make strings with same value show in the same line
+ private function showResult(arr:Array):Array
+ {
+ var indexVal:String = arr[0];
+ //the array used to put same strings into one element
+ var reVal:Array = new Array();
+ var j:int = 0;
+
+ reVal[j]='';
+
+ for(var i:int = 0; i<arr.length; i++)
+ {
+ if(_collatorInstance.compare(arr[i],indexVal) == 0)
+ {
+ reVal[j] += ' ' + arr[i];
+ }
+ else
+ {
+ indexVal = arr[i];
+ j++;
+ reVal[j]='';
+ i--;
+ }
+ }
+ return reVal;
+ }
+ ]]>
+ </fx:Script>
+ <fx:Declarations>
+ <!-- Place non-visual elements (e.g., services, value objects) here -->
+ <s:SortingCollator id="sortingCollator"/>
+ <s:MatchingCollator id="matchingCollator"/>
+ </fx:Declarations>
+ <s:layout>
+ <s:VerticalLayout/>
+ </s:layout>
+
+ <s:Scroller id="scroller" width="100%" height="100%">
+ <s:Group id="myGroup">
+ <s:Form id="myForm">
+ <s:Label id="titleL" text="Spark Collator"/>
+ <s:Label text="Customize Collator options and find out the string sorting results: "/>
+ <s:Spacer height="15"/>
+
+ <s:FormItem label="Collator Type:" toolTip="Please select a Collator type first!">
+ <s:HGroup>
+ <s:RadioButton id="sortRB" groupName="collatorType" label="SortingCollator" click="sortRB_clickHandler()"/>
+ <s:RadioButton id="matchRB" groupName="collatorType" label="MatchingCollator" selected="true" click="matchRB_clickHandler()"/>
+ </s:HGroup>
+ </s:FormItem>
+ <s:FormItem label="Locale:">
+ <s:ComboBox id="localeCB" dataProvider="{_locales}" selectedIndex="0"
+ change="_collatorInstance.setStyle('locale',localeCB.selectedItem); sortStr()"/>
+ </s:FormItem>
+ <s:FormItem label="Collator Options:" toolTip="Customize below options to see the sorting result.">
+ <s:CheckBox id="ignCaseCB" label="ignoreCase" selected="{_collatorInstance.ignoreCase}"
+ change="_collatorInstance.ignoreCase = ignCaseCB.selected; sortStr()"/>
+ <s:CheckBox id="ignDiacriticsCB" label="ignoreDiacritics" selected="{_collatorInstance.ignoreDiacritics}"
+ change="_collatorInstance.ignoreDiacritics = ignDiacriticsCB.selected; sortStr()"/>
+ <s:CheckBox id="ignSymbolsCB" label="ignoreSymbols" selected="{_collatorInstance.ignoreSymbols}"
+ change="_collatorInstance.ignoreSymbols = ignSymbolsCB.selected; sortStr()"/>
+ <s:CheckBox id="ignKanaTypeCB" label="ignoreKanaType" selected="{_collatorInstance.ignoreKanaType}"
+ change="_collatorInstance.ignoreKanaType = ignKanaTypeCB.selected; sortStr()"/>
+ <s:CheckBox id="ignCharacterWidthCB" label="ignoreCharacterWidth" selected="{_collatorInstance.ignoreCharacterWidth}"
+ change="_collatorInstance.ignoreCharacterWidth = ignCharacterWidthCB.selected; sortStr()"/>
+ </s:FormItem>
+ <s:Label text="============================================================================"/>
+ <s:HGroup>
+ <s:FormItem label="Sorting Result:">
+ <s:List id="sCltResult" dataProvider="{_resultArrColl}" toolTip="Strings that are equal will show within one line."/>
+ </s:FormItem>
+ </s:HGroup>
+ </s:Form>
+ </s:Group>
+ </s:Scroller>
+
+</s:Application>
Propchange: flex/site/trunk/content/tourdeflex/spark/i18n/SparkCollatorExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/spark/i18n/SparkCollatorExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkCollatorExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/spark/i18n/SparkCollatorExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/spark/i18n/SparkCurrencyFormatter2Example.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkCurrencyFormatter2Example.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/i18n/SparkCurrencyFormatter2Example.mxml (added)
+++ flex/site/trunk/content/tourdeflex/spark/i18n/SparkCurrencyFormatter2Example.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,71 @@
+<?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:s="library://ns.adobe.com/flex/spark"
+ xmlns:mx="library://ns.adobe.com/flex/mx"
+ width="100%" height="100%">
+ <fx:Style>
+ @namespace s "library://ns.adobe.com/flex/spark";
+ @namespace mx "library://ns.adobe.com/flex/mx";
+ s|Label {
+ color: #FFFFFF;
+ font-weight: bold;
+ }
+ #titleL {
+ font-size: 20;
+ }
+ s|ComboBox {
+ alternating-item-colors: #424242;
+ }
+
+ s|Form {
+ background-color: #424242;
+ }
+ </fx:Style>
+ <fx:Script>
+ <![CDATA[
+ import mx.collections.ArrayCollection;
+ [Bindable]
+ private var _locales:ArrayCollection = new ArrayCollection(['en-US','de-DE','ja-JP','ru-RU','ar-SA','zh-CN','fr-FR']);
+ ]]>
+ </fx:Script>
+ <fx:Declarations>
+ <!-- Place non-visual elements (e.g., services, value objects) here -->
+ <s:CurrencyFormatter id="cf"/>
+ </fx:Declarations>
+ <s:Scroller width="100%" height="100%">
+ <s:Group>
+ <s:Form>
+ <s:Label id="titleL" text="Spark CurrencyFormatter"/>
+ <s:Label text="Format a currency number by using spark CurrencyFormatter"/>
+ <s:Spacer height="15"/>
+ <s:FormItem label="Locales">
+ <s:ComboBox id="localeCB" dataProvider="{_locales}" selectedIndex="0" updateComplete="cf.setStyle('locale',localeCB.selectedItem)"/>
+ </s:FormItem>
+ <s:FormItem label="Please enter a currency number: ">
+ <s:TextInput id="inputTI" text="12345"/>
+ </s:FormItem>
+ <s:FormItem label="Format result: ">
+ <s:Label id="resultL" text="{cf.format(inputTI.text)}"/>
+ </s:FormItem>
+ </s:Form>
+ </s:Group>
+ </s:Scroller>
+</s:Application>
Propchange: flex/site/trunk/content/tourdeflex/spark/i18n/SparkCurrencyFormatter2Example.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/spark/i18n/SparkCurrencyFormatter2Example.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkCurrencyFormatter2Example.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/spark/i18n/SparkCurrencyFormatter2Example.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/spark/i18n/SparkCurrencyFormatterExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkCurrencyFormatterExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/i18n/SparkCurrencyFormatterExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/spark/i18n/SparkCurrencyFormatterExample.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,112 @@
+<?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:s="library://ns.adobe.com/flex/spark"
+ xmlns:mx="library://ns.adobe.com/flex/mx"
+ width="100%" height="100%">
+ <fx:Style>
+ @namespace s "library://ns.adobe.com/flex/spark";
+ @namespace mx "library://ns.adobe.com/flex/mx";
+ s|Label {
+ color: #FFFFFF;
+ font-weight: bold;
+ }
+ #titleL {
+ font-size: 20;
+ }
+ s|ComboBox {
+ alternating-item-colors: #424242;
+ }
+
+ s|Form {
+ background-color: #424242;
+ }
+ </fx:Style>
+
+ <fx:Script>
+ <![CDATA[
+ import mx.collections.ArrayCollection;
+
+ [Bindable]
+ private var locales:ArrayCollection = new ArrayCollection(['en-US','de-DE','ja-JP','ru-RU','ar-SA','zh-CN','fr-FR']);
+ [Bindable]
+ private var groupPatternArrColl:ArrayCollection = new ArrayCollection(['3;*', '1;*', '3;2;*', '3;2;1;*','2;1']);
+
+ protected function formatCurr():void
+ {
+ cf.useCurrencySymbol = false;
+ resultL.text = cf.format(inputTI.text);
+ cf.useCurrencySymbol = true;
+ resultSymbolL.text = cf.format(inputTI.text);
+ }
+
+ ]]>
+ </fx:Script>
+ <fx:Declarations>
+ <!-- Place non-visual elements (e.g., services, value objects) here -->
+ <s:CurrencyFormatter id="cf" locale="{localeCB.selectedItem}"/>
+ <s:CurrencyFormatter id="cf_default" locale="{localeCB.selectedItem}"/>
+ </fx:Declarations>
+ <s:layout>
+ <s:VerticalLayout/>
+ </s:layout>
+ <s:Scroller id="scroller" width="100%" height="100%">
+ <s:Group>
+ <s:Form>
+ <s:Label id="titleL" text="Spark CurrencyFormatter"/>
+ <s:Label text="Select a locale to see the property value and formatted currency: "/>
+ <s:Spacer height="15"/>
+ <s:FormItem label="Locale:">
+ <s:ComboBox id="localeCB" dataProvider="{locales}" selectedIndex="0" updateComplete="formatCurr()"/>
+ </s:FormItem>
+ <s:FormItem label="Input a number to format:">
+ <s:TextInput id="inputTI" text="12345" change="formatCurr()"/>
+ </s:FormItem>
+ <s:FormItem label="Fraction Digits: (default: {cf_default.fractionalDigits})">
+ <s:NumericStepper id="fdNS" maximum="10" minimum="0" change="cf.fractionalDigits = fdNS.value;formatCurr()"/>
+ </s:FormItem>
+ <s:FormItem label="Decimal Separator: (default: {cf_default.decimalSeparator})">
+ <s:TextInput id="dsTI" change="cf.decimalSeparator = dsTI.text;formatCurr()"/>
+ </s:FormItem>
+ <s:FormItem label="Grouping Pattern: (default: {cf_default.groupingPattern})">
+ <s:ComboBox id="gpCB" dataProvider="{groupPatternArrColl}" change="cf.groupingPattern = gpCB.selectedItem;formatCurr()"/>
+ </s:FormItem>
+ <s:FormItem label="Grouping Separator: (default: {cf_default.groupingSeparator})">
+ <s:TextInput id="gsTI" change="cf.groupingSeparator = gsTI.text;formatCurr()"/>
+ </s:FormItem>
+ <s:FormItem label="Negative Currency Format: (default: {cf_default.negativeCurrencyFormat})">
+ <s:NumericStepper id="ncfNS" minimum="0" maximum="15" change="cf.negativeCurrencyFormat = ncfNS.value;formatCurr()"/>
+ </s:FormItem>
+ <s:FormItem label="Positive Currency Format: (default: {cf_default.positiveCurrencyFormat})">
+ <s:NumericStepper id="pcfNS" middleClick="0" maximum="3" change="cf.positiveCurrencyFormat = pcfNS.value;formatCurr()"/>
+ </s:FormItem>
+ <s:Label text="==================================================================="/>
+ <s:FormItem label="Formatted Currency with ISO code is:">
+ <s:Label id="resultL"/>
+ </s:FormItem>
+ <s:FormItem label="Formatted Currency with currency symbol is:">
+ <s:Label id="resultSymbolL"/>
+ </s:FormItem>
+ </s:Form>
+ </s:Group>
+ </s:Scroller>
+
+
+</s:Application>
Propchange: flex/site/trunk/content/tourdeflex/spark/i18n/SparkCurrencyFormatterExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/spark/i18n/SparkCurrencyFormatterExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkCurrencyFormatterExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/spark/i18n/SparkCurrencyFormatterExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/spark/i18n/SparkCurrencyValidator2Example.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkCurrencyValidator2Example.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/i18n/SparkCurrencyValidator2Example.mxml (added)
+++ flex/site/trunk/content/tourdeflex/spark/i18n/SparkCurrencyValidator2Example.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,71 @@
+<?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:s="library://ns.adobe.com/flex/spark"
+ xmlns:mx="library://ns.adobe.com/flex/mx"
+ width="100%" height="100%">
+ <fx:Style>
+ @namespace s "library://ns.adobe.com/flex/spark";
+ @namespace mx "library://ns.adobe.com/flex/mx";
+ s|Label {
+ color: #FFFFFF;
+ font-weight: bold;
+ }
+ #titleL {
+ font-size: 20;
+ }
+ s|ComboBox {
+ alternating-item-colors: #424242;
+ }
+ s|Form {
+ background-color: #424242;
+ }
+ </fx:Style>
+ <fx:Script>
+ <![CDATA[
+ import mx.collections.ArrayCollection;
+ [Bindable]
+ private var _locales:ArrayCollection = new ArrayCollection(['en-US','de-DE','ja-JP','ru-RU','zh-CN','fr-FR']);
+ ]]>
+ </fx:Script>
+ <fx:Declarations>
+ <!-- Place non-visual elements (e.g., services, value objects) here -->
+ <s:CurrencyValidator id="cv" source="{inputTI}" property="text"
+ maxValue="100" domain="int" locale="{localeCB.selectedItem}"/>
+ </fx:Declarations>
+ <s:Scroller width="100%" height="100%">
+ <s:Group>
+ <s:Form>
+ <s:Label id="titleL" text="Spark CurrencyValidator"/>
+ <s:Label text="Validate a currency number by using Spark CurrencyValidator"/>
+ <s:Spacer height="15"/>
+ <s:FormItem label="Locales:">
+ <s:ComboBox id="localeCB" dataProvider="{_locales}" selectedIndex="0"/>
+ </s:FormItem>
+ <s:FormItem label="Enter a currency number to validate: "
+ toolTip="The number should be an integer and less than 100">
+ <s:TextInput id="inputTI" text="{cv.currencySymbol}"
+ toolTip="It shows the currency symbol of current locale already, please continue enter numbers to validate.
+ Make focus out of the text input to validate the number."/>
+ </s:FormItem>
+ </s:Form>
+ </s:Group>
+ </s:Scroller>
+</s:Application>
Propchange: flex/site/trunk/content/tourdeflex/spark/i18n/SparkCurrencyValidator2Example.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/spark/i18n/SparkCurrencyValidator2Example.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkCurrencyValidator2Example.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/spark/i18n/SparkCurrencyValidator2Example.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/spark/i18n/SparkCurrencyValidatorExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkCurrencyValidatorExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/i18n/SparkCurrencyValidatorExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/spark/i18n/SparkCurrencyValidatorExample.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,125 @@
+<?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:s="library://ns.adobe.com/flex/spark"
+ xmlns:mx="library://ns.adobe.com/flex/mx"
+ width="100%" height="100%">
+ <fx:Style>
+ @namespace s "library://ns.adobe.com/flex/spark";
+ @namespace mx "library://ns.adobe.com/flex/mx";
+ s|Label {
+ color: #FFFFFF;
+ font-weight: bold;
+ }
+ #titleL {
+ font-size: 20;
+ }
+ s|ComboBox {
+ alternating-item-colors: #424242;
+ }
+
+ s|Form {
+ background-color: #424242;
+ }
+ </fx:Style>
+
+ <fx:Script>
+ <![CDATA[
+ import mx.collections.ArrayCollection;
+ import mx.events.FlexEvent;
+
+ import spark.validators.supportClasses.GlobalizationValidatorBase;
+
+ [Bindable]
+ private var _locales:ArrayCollection = new ArrayCollection(['en-US','de-DE','ja-JP','ru-RU','zh-CN','fr-FR']);
+
+ protected function localeCB_updateCompleteHandler(event:FlexEvent):void
+ {
+ this.setStyle('locale',localeCB.selectedItem);
+ }
+
+ protected function button1_clickHandler(event:MouseEvent):void
+ {
+ var _validatorsArr:Array = [cv1,cv2,cv3,cv4,cv5];
+
+ GlobalizationValidatorBase.validateAll(_validatorsArr);
+ }
+
+ ]]>
+ </fx:Script>
+ <fx:Declarations>
+ <!-- Place non-visual elements (e.g., services, value objects) here -->
+
+ <!--Click Tab key to validate the number-->
+ <s:CurrencyValidator id="cv1" source="{currTI1}" property="text"/>
+ <s:CurrencyValidator id="cv2" source="{currTI2}" property="text"/>
+ <s:CurrencyValidator id="cv3" source="{currTI3}" property="text" fractionalDigits="2"/>
+ <s:CurrencyValidator id="cv4" source="{currTI4}" property="text" minValue="20" maxValue="200"/>
+ <s:CurrencyValidator id="cv5" source="{currTI5}" property="text" domain="int"/>
+ </fx:Declarations>
+ <s:layout>
+ <s:VerticalLayout/>
+ </s:layout>
+ <s:Scroller id="scroller" width="100%" height="100%">
+ <s:Group>
+ <s:Form>
+ <s:Label id="titleL" text="Spark CurrencyValidator"/>
+ <s:Label text="Create some criterions and validate the input number: "/>
+ <s:Spacer height="15"/>
+ <s:FormItem label="Locale:">
+ <s:ComboBox id="localeCB" dataProvider="{_locales}" selectedIndex="0" updateComplete="localeCB_updateCompleteHandler(event)"/>
+ </s:FormItem>
+ <s:Label text="============================================================================"/>
+ <s:FormItem label="Currency symbol and ISO code based on current locale are:">
+ <s:HGroup>
+ <s:Label id="symbolL" text="Currency symbol: {cv1.currencySymbol}"/>
+ <s:Label id="isoL" text="Currency ISO code: {cv1.currencyISOCode}"/>
+ </s:HGroup>
+ </s:FormItem>
+ <s:FormItem label="Please enter an integer currency number with currency symbol:">
+ <s:TextInput id="currTI1" text="{cv1.currencySymbol}"
+ toolTip="Here is the correct currency symbol of current locale, please continue enter numbers to validate"/>
+ </s:FormItem>
+ <s:FormItem label="Please enter an integer currency number with currency ISO code:">
+ <s:TextInput id="currTI2" text="{cv1.currencyISOCode}"
+ toolTip="Here is the correct currency ISO code of current locale, please continue enter numbers to validate"/>
+ </s:FormItem>
+ <s:FormItem label="Please enter a currency number with at most two fractional digits:">
+ <s:TextInput id="currTI3"
+ toolTip="decimal separator of current locale is {cv3.decimalSeparator}"/>
+ </s:FormItem>
+ <s:FormItem label="Please enter a currency number between 20 and 200:">
+ <s:TextInput id="currTI4"/>
+ </s:FormItem>
+ <s:FormItem label="Please enter an integer currency number:">
+ <s:TextInput id="currTI5"/>
+ </s:FormItem>
+ <s:FormItem label="Click the button to validate all inputted currency number:">
+ <s:HGroup>
+ <s:Button label="Validate All" click="button1_clickHandler(event)"/>
+ <s:Label id="resultL"/>
+ </s:HGroup>
+ </s:FormItem>
+ </s:Form>
+ </s:Group>
+ </s:Scroller>
+
+
+</s:Application>
Propchange: flex/site/trunk/content/tourdeflex/spark/i18n/SparkCurrencyValidatorExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/spark/i18n/SparkCurrencyValidatorExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkCurrencyValidatorExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/spark/i18n/SparkCurrencyValidatorExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/spark/i18n/SparkDateTimeFormatter2Example.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkDateTimeFormatter2Example.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/i18n/SparkDateTimeFormatter2Example.mxml (added)
+++ flex/site/trunk/content/tourdeflex/spark/i18n/SparkDateTimeFormatter2Example.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,73 @@
+<?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:s="library://ns.adobe.com/flex/spark"
+ xmlns:mx="library://ns.adobe.com/flex/mx"
+ width="100%" height="100%">
+ <fx:Style>
+ @namespace s "library://ns.adobe.com/flex/spark";
+ @namespace mx "library://ns.adobe.com/flex/mx";
+ s|Label {
+ color: #FFFFFF;
+ font-weight: bold;
+ }
+ #titleL {
+ font-size: 20;
+ }
+ s|ComboBox {
+ alternating-item-colors: #424242;
+ }
+
+ s|Form {
+ background-color: #424242;
+ }
+ </fx:Style>
+ <fx:Script>
+ <![CDATA[
+ import mx.collections.ArrayCollection;
+
+ [Bindable]
+ private var locales:ArrayCollection = new ArrayCollection(['en-US','de-DE','ja-JP','ru-RU','ar-SA','zh-CN']);
+ ]]>
+ </fx:Script>
+ <fx:Declarations>
+ <!-- Place non-visual elements (e.g., services, value objects) here -->
+ <s:DateTimeFormatter id="dtf" locale="{localeCB.selectedItem}"/>
+ </fx:Declarations>
+ <s:Scroller width="100%" height="100%">
+ <s:Group>
+ <s:Form>
+ <s:Label id="titleL" text="Spark DateTimeFormatter"/>
+ <s:Label text="Format a date by using Spark DateTimeFormatter: "/>
+ <s:Spacer height="15"/>
+
+ <s:FormItem label="Locales:">
+ <s:ComboBox id="localeCB" dataProvider="{locales}" selectedIndex="0"/>
+ </s:FormItem>
+ <s:FormItem label="Choose a date:">
+ <mx:DateChooser id="dateC" showToday="false"/>
+ </s:FormItem>
+ <s:FormItem label="Format result is:">
+ <s:Label id="resultL" text="{dtf.format(dateC.selectedDate)}"/>
+ </s:FormItem>
+ </s:Form>
+ </s:Group>
+ </s:Scroller>
+</s:Application>
Propchange: flex/site/trunk/content/tourdeflex/spark/i18n/SparkDateTimeFormatter2Example.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/spark/i18n/SparkDateTimeFormatter2Example.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkDateTimeFormatter2Example.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/spark/i18n/SparkDateTimeFormatter2Example.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/spark/i18n/SparkDateTimeFormatterExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkDateTimeFormatterExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/i18n/SparkDateTimeFormatterExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/spark/i18n/SparkDateTimeFormatterExample.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,101 @@
+<?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:s="library://ns.adobe.com/flex/spark"
+ xmlns:mx="library://ns.adobe.com/flex/mx"
+ width="100%" height="100%">
+ <fx:Style>
+ @namespace s "library://ns.adobe.com/flex/spark";
+ @namespace mx "library://ns.adobe.com/flex/mx";
+ s|Label {
+ color: #FFFFFF;
+ font-weight: bold;
+ }
+ #titleL {
+ font-size: 20;
+ }
+ s|ComboBox {
+ alternating-item-colors: #424242;
+ }
+
+ s|Form {
+ background-color: #424242;
+ }
+ </fx:Style>
+
+ <fx:Script>
+ <![CDATA[
+ import mx.collections.ArrayCollection;
+
+ [Bindable]
+ private var locales:ArrayCollection = new ArrayCollection(['en-US','de-DE','ja-JP','ru-RU','ar-SA','zh-CN']);
+ [Bindable]
+ private var dateTimePatternAryColl:ArrayCollection = new ArrayCollection(['MM-yyyy', 'MM/dd/yyyy', 'dd','hh:mm a','MM/dd/yy hh:mm:ss a', 'hh:mm:ss', 'EEEE, MMMM dd, yyyy h:mm:ss a']);
+
+ //format the date which is selected in calender
+ protected function formatDate():void
+ {
+ resultL.text = (dateField.selectedDate != null)
+ ? dtf.format(dateField.selectedDate):dtf.format(new Date());
+ }
+ ]]>
+ </fx:Script>
+ <fx:Declarations>
+ <!-- Place non-visual elements (e.g., services, value objects) here -->
+ <s:DateTimeFormatter id="dtf"/>
+ </fx:Declarations>
+ <s:layout>
+ <s:VerticalLayout/>
+ </s:layout>
+ <s:Scroller id="scroller" width="100%" height="100%">
+ <s:Group>
+ <s:Form>
+ <s:Label id="titleL" text="Spark DateTimeFormatter"/>
+ <s:Label text="Select a locale to see the formatted date, weekday names and month names: "/>
+ <s:Spacer height="15"/>
+
+ <s:FormItem label="Locale: ">
+ <s:ComboBox id="localeCB" dataProvider="{locales}" selectedIndex="0" updateComplete="dtf.setStyle('locale',localeCB.selectedItem)"/>
+ </s:FormItem>
+ <s:FormItem label="Please select the format of date:">
+ <s:ComboBox id="dtpCB" dataProvider="{dateTimePatternAryColl}" selectedIndex="0" updateComplete="dtf.dateTimePattern=dtpCB.selectedItem"/>
+ </s:FormItem>
+ <s:FormItem label="Please select a date to format:">
+ <mx:DateField id="dateField"/>
+ </s:FormItem>
+ <s:FormItem label="The Weekday Names are:">
+ <s:Label text="{dtf.getWeekdayNames()}"/>
+ </s:FormItem>
+ <s:FormItem label="The Month Names are:">
+ <s:Label text="{dtf.getMonthNames()}"/>
+ </s:FormItem>
+ <s:Label text=" ==========================================================================="/>
+ <s:FormItem label="The formatted result is:">
+ <s:Label id="resultL"/>
+ </s:FormItem>
+ <s:FormItem>
+ <s:Button id="bt" label="Format Date" click="formatDate()"/>
+ </s:FormItem>
+ </s:Form>
+ </s:Group>
+ </s:Scroller>
+
+
+</s:Application>
Propchange: flex/site/trunk/content/tourdeflex/spark/i18n/SparkDateTimeFormatterExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/spark/i18n/SparkDateTimeFormatterExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkDateTimeFormatterExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/spark/i18n/SparkDateTimeFormatterExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/spark/i18n/SparkFormatterExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkFormatterExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/i18n/SparkFormatterExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/spark/i18n/SparkFormatterExample.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,58 @@
+<?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:s="library://ns.adobe.com/flex/spark"
+ xmlns:mx="library://ns.adobe.com/flex/mx"
+ backgroundColor="haloSilver" fontSize="18" locale="{c.selectedItem}">
+
+ <s:layout>
+ <s:VerticalLayout horizontalAlign="center" paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10"
+ gap="8"/>
+ </s:layout>
+
+ <fx:Declarations>
+ <s:CurrencyFormatter id="cf" useCurrencySymbol="true"/>
+ <s:DateTimeFormatter id="df"/>
+ </fx:Declarations>
+
+ <s:Label text="Select a locale to see the formatted currency and date:"/>
+ <s:ComboBox id="c" selectedItem="en-US...">
+ <s:dataProvider>
+ <s:ArrayList>
+ <fx:String>de-DE</fx:String>
+ <fx:String>en-US</fx:String>
+ <fx:String>es-ES</fx:String>
+ <fx:String>fi-FI</fx:String>
+ <fx:String>fr-FR</fx:String>
+ <fx:String>it-IT</fx:String>
+ <fx:String>ja-JP</fx:String>
+ <fx:String>ko-KR</fx:String>
+ <fx:String>nb-NO</fx:String>
+ <fx:String>pt-PT</fx:String>
+ <fx:String>ru-RU</fx:String>
+ <fx:String>zh-CN</fx:String>
+ </s:ArrayList>
+ </s:dataProvider>
+ </s:ComboBox>
+
+ <s:Label text="{cf.format(12.3)}"/>
+ <s:Label text="{df.format(new Date())}"/>
+
+</s:Application>
\ No newline at end of file
Propchange: flex/site/trunk/content/tourdeflex/spark/i18n/SparkFormatterExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/spark/i18n/SparkFormatterExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkFormatterExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/spark/i18n/SparkFormatterExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberFormatter2Example.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberFormatter2Example.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberFormatter2Example.mxml (added)
+++ flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberFormatter2Example.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,69 @@
+<?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:s="library://ns.adobe.com/flex/spark"
+ xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
+ <fx:Style>
+ @namespace s "library://ns.adobe.com/flex/spark";
+ @namespace mx "library://ns.adobe.com/flex/mx";
+ s|Label {
+ color: #FFFFFF;
+ font-weight: bold;
+ }
+ #titleL {
+ font-size: 20;
+ }
+ s|ComboBox {
+ alternating-item-colors: #424242;
+ }
+ s|Form {
+ background-color: #424242;
+ }
+ </fx:Style>
+ <fx:Script>
+ <![CDATA[
+ import mx.collections.ArrayCollection;
+ [Bindable]
+ private var locales:ArrayCollection = new ArrayCollection(['en-US','de-DE','ja-JP','ru-RU','ar-SA','zh-CN','fr-FR']);
+ ]]>
+ </fx:Script>
+ <fx:Declarations>
+ <!-- Place non-visual elements (e.g., services, value objects) here -->
+ <s:NumberFormatter id="nf" locale="{localeCB.selectedItem}"/>
+ </fx:Declarations>
+ <s:Scroller width="100%" height="100%">
+ <s:Group>
+ <s:Form>
+ <s:Label id="titleL" text="Spark NumberFormatter"/>
+ <s:Label text="Format a number by using spark NumberFormatter"/>
+ <s:Spacer height="15"/>
+ <s:FormItem label="Locales:">
+ <s:ComboBox id="localeCB" dataProvider="{locales}" selectedIndex="0"/>
+ </s:FormItem>
+ <s:FormItem label="Please enter a number:">
+ <s:TextInput id="inputTI" text="12345"/>
+ </s:FormItem>
+ <s:FormItem label="Format result:">
+ <s:Label text="{nf.format(inputTI.text)}"/>
+ </s:FormItem>
+ </s:Form>
+ </s:Group>
+ </s:Scroller>
+</s:Application>
Propchange: flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberFormatter2Example.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberFormatter2Example.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberFormatter2Example.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberFormatter2Example.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberFormatterExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberFormatterExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberFormatterExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberFormatterExample.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,97 @@
+<?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:s="library://ns.adobe.com/flex/spark"
+ xmlns:mx="library://ns.adobe.com/flex/mx"
+ width="100%" height="100%">
+ <fx:Style>
+ @namespace s "library://ns.adobe.com/flex/spark";
+ @namespace mx "library://ns.adobe.com/flex/mx";
+ s|Label {
+ color: #FFFFFF;
+ font-weight: bold;
+ }
+ #titleL {
+ font-size: 20;
+ }
+ s|ComboBox {
+ alternating-item-colors: #424242;
+ }
+ s|Form {
+ background-color: #424242;
+ }
+ </fx:Style>
+
+ <fx:Script>
+ <![CDATA[
+ import mx.collections.ArrayCollection;
+
+ [Bindable]
+ private var locales:ArrayCollection = new ArrayCollection(['en-US','de-DE','ja-JP','ru-RU','ar-SA','zh-CN','fr-FR']);
+ [Bindable]
+ private var groupPatternArrColl:ArrayCollection = new ArrayCollection(['3;*', '1;*', '3;2;*', '3;2;1;*','2;1']);
+ ]]>
+ </fx:Script>
+ <fx:Declarations>
+ <!-- Place non-visual elements (e.g., services, value objects) here -->
+ <s:NumberFormatter id="nf" locale="{localeCB.selectedItem}"/>
+ <s:NumberFormatter id="nf_default" locale="{localeCB.selectedItem}"/>
+ </fx:Declarations>
+ <s:layout>
+ <s:VerticalLayout/>
+ </s:layout>
+ <s:Scroller id="scroller" width="100%" height="100%">
+ <s:Group>
+ <s:Form>
+ <s:Label id="titleL" text="Spark NumberFormatter"/>
+ <s:Label text="Select a locale to see the property value and formatted Number: "/>
+ <s:Spacer height="15"/>
+
+ <s:FormItem label="Locale:">
+ <s:ComboBox id="localeCB" dataProvider="{locales}" selectedIndex="0"/>
+ </s:FormItem>
+ <s:FormItem label="Input a number to format:">
+ <s:TextInput id="inputTI" text="12345"/>
+ </s:FormItem>
+ <s:FormItem label="Fraction Digits: (default: {nf_default.fractionalDigits})">
+ <s:NumericStepper id="fdNS" maximum="10" minimum="0" change="nf.fractionalDigits = fdNS.value"/>
+ </s:FormItem>
+ <s:FormItem label="Decimal Separator: (default: {nf_default.decimalSeparator})">
+ <s:TextInput id="dsTI" change="nf.decimalSeparator = dsTI.text"/>
+ </s:FormItem>
+ <s:FormItem label="Grouping Pattern: (default: {nf_default.groupingPattern})">
+ <s:ComboBox id="gpCB" dataProvider="{groupPatternArrColl}" change="nf.groupingPattern = gpCB.selectedItem"/>
+ </s:FormItem>
+ <s:FormItem label="Grouping Separator: (default: {nf_default.groupingSeparator})">
+ <s:TextInput id="gsTI" change="nf.groupingSeparator = gsTI.text"/>
+ </s:FormItem>
+ <s:FormItem label="Negative Number Format: (default: {nf_default.negativeNumberFormat})">
+ <s:NumericStepper id="ncfNS" minimum="0" maximum="4" change="nf.negativeNumberFormat = ncfNS.value"/>
+ </s:FormItem>
+ <s:Label text="==================================================================="/>
+ <s:FormItem label="Formatted Number is:">
+ <s:Label id="resultL" text="{nf.format(inputTI.text)}"/>
+ </s:FormItem>
+ </s:Form>
+ </s:Group>
+ </s:Scroller>
+
+
+</s:Application>
Propchange: flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberFormatterExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberFormatterExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberFormatterExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberFormatterExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberValidator2Example.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberValidator2Example.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberValidator2Example.mxml (added)
+++ flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberValidator2Example.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,70 @@
+<?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:s="library://ns.adobe.com/flex/spark"
+ xmlns:mx="library://ns.adobe.com/flex/mx"
+ width="100%" height="100%">
+ <fx:Style>
+ @namespace s "library://ns.adobe.com/flex/spark";
+ @namespace mx "library://ns.adobe.com/flex/mx";
+ s|Label {
+ color: #FFFFFF;
+ font-weight: bold;
+ }
+ #titleL {
+ font-size: 20;
+ }
+ s|ComboBox {
+ alternating-item-colors: #424242;
+ }
+
+ s|Form {
+ background-color: #424242;
+ }
+ </fx:Style>
+ <fx:Script>
+ <![CDATA[
+ import mx.collections.ArrayCollection;
+
+ [Bindable]
+ private var locales:ArrayCollection = new ArrayCollection(['en-US','de-DE','ja-JP','ru-RU','ar-SA','zh-CN','fr-FR']);
+ ]]>
+ </fx:Script>
+ <fx:Declarations>
+ <!-- Place non-visual elements (e.g., services, value objects) here -->
+ <s:NumberValidator id="nv" source="{inputTI}" property="text"
+ minValue="100" domain="int" locale="{localeCB.selectedItem}"/>
+ </fx:Declarations>
+ <s:Scroller width="100%" height="100%">
+ <s:Group>
+ <s:Form>
+ <s:Label id="titleL" text="Spark NumberValidator"/>
+ <s:Label text="Validate a number by using Spark NumberValidator"/>
+ <s:Spacer height="15"/>
+ <s:FormItem label="Locale:">
+ <s:ComboBox id="localeCB" dataProvider="{locales}" selectedIndex="0"/>
+ </s:FormItem>
+ <s:FormItem label="Enter a number to validate:">
+ <s:TextInput id="inputTI" toolTip="The number should be an integer which greater than 100."/>
+ </s:FormItem>
+ </s:Form>
+ </s:Group>
+ </s:Scroller>
+</s:Application>
Propchange: flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberValidator2Example.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberValidator2Example.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberValidator2Example.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberValidator2Example.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberValidatorExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberValidatorExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberValidatorExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberValidatorExample.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,104 @@
+<?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:s="library://ns.adobe.com/flex/spark"
+ xmlns:mx="library://ns.adobe.com/flex/mx"
+ width="100%" height="100%">
+ <fx:Style>
+ @namespace s "library://ns.adobe.com/flex/spark";
+ @namespace mx "library://ns.adobe.com/flex/mx";
+ s|Label {
+ color: #FFFFFF;
+ font-weight: bold;
+ }
+ #titleL {
+ font-size: 20;
+ }
+ s|ComboBox {
+ alternating-item-colors: #424242;
+ }
+
+ s|Form {
+ background-color: #424242;
+ }
+ </fx:Style>
+
+ <fx:Script>
+ <![CDATA[
+ import mx.collections.ArrayCollection;
+
+ [Bindable]
+ private var locales:ArrayCollection = new ArrayCollection(['en-US','de-DE','ja-JP','ru-RU','ar-SA','zh-CN','fr-FR']);
+ [Bindable]
+ private var groupPatternArrColl:ArrayCollection = new ArrayCollection(['3;*', '1;*', '3;2;*', '3;2;1;*','2;1']);
+
+ ]]>
+ </fx:Script>
+ <fx:Declarations>
+ <!-- Place non-visual elements (e.g., services, value objects) here -->
+
+ <!--Click Tab key to validate the number-->
+ <s:NumberValidator id="nv" source="{inputTI}" property="text"/>
+ </fx:Declarations>
+ <s:layout>
+ <s:VerticalLayout/>
+ </s:layout>
+ <s:Scroller id="scroller" width="100%" height="100%">
+ <s:Group>
+ <s:Form>
+ <s:Label id="titleL" text="Spark NumberValidator"/>
+ <s:Label text="Create some criterions and validate the input number: "/>
+ <s:Spacer height="15"/>
+
+ <s:FormItem label="Locale:">
+ <s:ComboBox id="localeCB" dataProvider="{locales}" selectedIndex="0" updateComplete="nv.setStyle('locale',localeCB.selectedItem);"/>
+ </s:FormItem>
+ <s:Label text="==================================================================="/>
+ <s:Label text=" Create some criterions to validate number:" color="#DEB887"/>
+ <s:FormItem label="Max Value:">
+ <s:TextInput id="maxTI" change="nv.maxValue = Number(maxTI.text)"/>
+ </s:FormItem>
+ <s:FormItem label="Min Value:">
+ <s:TextInput id="minTI" change="nv.minValue = Number(minTI.text)"/>
+ </s:FormItem>
+ <s:FormItem label="Fraction Digits:">
+ <s:NumericStepper id="fdNS" maximum="5" minimum="0" change="nv.fractionalDigits = fdNS.value"/>
+ </s:FormItem>
+ <s:FormItem label="Decimal Separator:">
+ <s:TextInput id="dsTI" change="nv.decimalSeparator = dsTI.text"/>
+ </s:FormItem>
+ <s:FormItem label="Grouping Separator:">
+ <s:TextInput id="gsTI" change="nv.groupingSeparator = gsTI.text"/>
+ </s:FormItem>
+ <s:Label text=" Customize error messages:" color="#DEB887"
+ toolTip="Spark NumberValidator provide the ability to let user customize all the error messages."/>
+ <s:FormItem label="Greater Than Max Error:" toolTip="Error message when the value exceeds the max value.">
+ <s:TextInput id="gtmTI" change="nv.greaterThanMaxError = gtmTI.text"/>
+ </s:FormItem>
+ <s:Label text="==================================================================="/>
+ <s:FormItem label="Input a number and press TAB key to validate:">
+ <s:TextInput id="inputTI"/>
+ </s:FormItem>
+ </s:Form>
+ </s:Group>
+ </s:Scroller>
+
+
+</s:Application>
Propchange: flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberValidatorExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberValidatorExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberValidatorExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberValidatorExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/spark/i18n/SparkSortandSortField2Example.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkSortandSortField2Example.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/i18n/SparkSortandSortField2Example.mxml (added)
+++ flex/site/trunk/content/tourdeflex/spark/i18n/SparkSortandSortField2Example.mxml Sat Aug 23 08:47:51 2014
@@ -0,0 +1,82 @@
+<?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:s="library://ns.adobe.com/flex/spark"
+ xmlns:mx="library://ns.adobe.com/flex/mx"
+ width="100%" height="100%">
+ <fx:Style>
+ @namespace s "library://ns.adobe.com/flex/spark";
+ @namespace mx "library://ns.adobe.com/flex/mx";
+ s|Label {
+ color: #FFFFFF;
+ font-weight: bold;
+ }
+ #titleL {
+ font-size: 20;
+ }
+ s|ComboBox, s|List {
+ alternating-item-colors: #424242;
+ }
+
+ s|Form {
+ background-color: #424242;
+ }
+ </fx:Style>
+ <fx:Script>
+ <![CDATA[
+ import mx.collections.ArrayCollection;
+ [Bindable]
+ private var _locales:ArrayCollection = new ArrayCollection(['en-US','de-DE','ja-JP','ru-RU','ar-SA','fr-FR']);
+ [Bindable]
+ private var employeeArrColl:ArrayCollection = new ArrayCollection(['côte','b','coté','xyz','ABC','Ãhlund','Oehland','Zorn','Aaron','Ohlin','Aaron']);
+
+ protected function button1_clickHandler(event:MouseEvent):void
+ {
+ mySort.fields = [sortField];
+ employeeArrColl.sort = mySort;
+ employeeArrColl.refresh();
+ }
+
+ ]]>
+ </fx:Script>
+ <fx:Declarations>
+ <!-- Place non-visual elements (e.g., services, value objects) here -->
+ <s:Sort id="mySort" locale="{localeCB.selectedItem}"/>
+ <s:SortField id="sortField" />
+ </fx:Declarations>
+ <s:Scroller width="100%" height="100%">
+ <s:Group>
+ <s:Form>
+ <s:Label id="titleL" text="Spark Sort and SortField"/>
+ <s:Label text="Sort strings in List by using Spark Sort and SortField"/>
+ <s:Spacer height="15"/>
+ <s:FormItem label="Locale: ">
+ <s:ComboBox id="localeCB" dataProvider="{_locales}" selectedIndex="0"/>
+ </s:FormItem>
+ <s:FormItem label="List: ">
+ <s:List dataProvider="{employeeArrColl}"/>
+ </s:FormItem>
+ <s:FormItem>
+ <s:Button label="Click to sort" click="button1_clickHandler(event)"/>
+ </s:FormItem>
+ </s:Form>
+ </s:Group>
+ </s:Scroller>
+</s:Application>
Propchange: flex/site/trunk/content/tourdeflex/spark/i18n/SparkSortandSortField2Example.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/spark/i18n/SparkSortandSortField2Example.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkSortandSortField2Example.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/spark/i18n/SparkSortandSortField2Example.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream