Added:
flex/site/trunk/content/tourdeflex/spark/controls/VideoDisplayExample.mxml
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/VideoDisplayExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/VideoDisplayExample.mxml
(added)
+++ flex/site/trunk/content/tourdeflex/spark/controls/VideoDisplayExample.mxml
Sat Aug 23 08:47:51 2014
@@ -0,0 +1,64 @@
+<?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"
+ skinClass="TDFGradientBackgroundSkin"
+ initialize="init(event)">
+
+ <s:layout>
+ <s:HorizontalLayout horizontalAlign="center" />
+ </s:layout>
+
+ <fx:Script>
+ <![CDATA[
+ import flashx.textLayout.conversion.TextConverter;
+
+ import mx.events.FlexEvent;
+
+ import org.osmf.utils.OSMFSettings;
+
+ protected function init(event:FlexEvent):void {
+ OSMFSettings.enableStageVideo = false;
+ }
+ ]]>
+ </fx:Script>
+
+ <fx:Declarations>
+ <fx:String id="TitleText"><![CDATA[<b>VideoDisplay
Control:</b><br />Use the buttons to control the video.]]></fx:String>
+ </fx:Declarations>
+
+ <s:VGroup width="600" horizontalAlign="center" paddingTop="10">
+
+ <s:RichText width="75%" color="0xffffff" textAlign="center"
+
textFlow="{TextConverter.importToFlow(TitleText,
TextConverter.TEXT_FIELD_HTML_FORMAT)}"
+ horizontalCenter="0" verticalCenter="0"
/>
+
+ <s:VideoDisplay id="myVid" height="146" width="220"
source="assets/FlexInstaller.mp4" autoPlay="false"/>
+
+ <s:HGroup>
+ <s:Button label="Play" color="0x00000"
click="myVid.play();"/>
+ <s:Button label="Pause" color="0x00000"
click="myVid.pause();"/>
+ <s:Button label="Stop" color="0x00000"
click="myVid.stop();"/>
+ </s:HGroup>
+
+ </s:VGroup>
+
+</s:Application>
Propchange:
flex/site/trunk/content/tourdeflex/spark/controls/VideoDisplayExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/spark/controls/VideoPlayerExample.mxml
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/VideoPlayerExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/VideoPlayerExample.mxml
(added)
+++ flex/site/trunk/content/tourdeflex/spark/controls/VideoPlayerExample.mxml
Sat Aug 23 08:47:51 2014
@@ -0,0 +1,77 @@
+<?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"
+ initialize="init(event)">
+
+ <fx:Script>
+ <![CDATA[
+ import flashx.textLayout.conversion.TextConverter;
+
+ import mx.events.ItemClickEvent;
+ import mx.events.FlexEvent;
+ import mx.collections.ArrayCollection;
+
+ import org.osmf.utils.OSMFSettings;
+
+ protected function init(event:FlexEvent):void {
+ OSMFSettings.enableStageVideo = false;
+ }
+
+ private function playPauseChange(event:Event):void
+ {
+ videoPlayer.playPauseButton.enabled =
checkPlay.selected;
+ }
+ ]]>
+ </fx:Script>
+
+ <!-- Note: A custom panel skin is used for the Tour de Flex samples and
is included in the
+ source tabs for each sample. -->
+ <s:Panel title="VideoPlayer Sample"
+ width="100%" height="100%"
+ skinClass="skins.TDFPanelSkin">
+ <s:Label top="10" right="10" width="250"
verticalAlign="justify" color="#323232"
+ text="The VideoPlayer control lets
you play progressively downloaded or streaming
+video, live or recorded video. It supports multi-bit rate streaming when used
with a server that supports
+multi-bit rate streaming, such as Flash Media Server 3.5. The VideoPlayer
control contains a full UI
+to let users control playback of video. It contains a play/pause toggle
button; a scrub bar to let
+users seek through video; a volume bar; a timer; and a button to toggle in and
out of fullscreen mode."/>
+
+ <!-- note: source can point to a server location or URL -->
+ <s:VGroup left="10">
+ <s:HGroup width="35%">
+ <s:CheckBox id="checkRewind"
+ label="Auto-Rewind"
+ selected="true" />
+ <s:CheckBox id="checkPlay"
+ label="Play/Pause
Button"
+ selected="true"
+
change="playPauseChange(event)" />
+ </s:HGroup>
+ <s:VideoPlayer id="videoPlayer"
+ horizontalCenter="-2" y="50"
+
source="assets/FlexInstaller.mp4"
+ autoPlay="false"
+
autoRewind="{checkRewind.selected}"/>
+ </s:VGroup>
+ </s:Panel>
+
+</s:Application>
Propchange:
flex/site/trunk/content/tourdeflex/spark/controls/VideoPlayerExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/spark/controls/VideoPlayerExample.swf
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/VideoPlayerExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange:
flex/site/trunk/content/tourdeflex/spark/controls/VideoPlayerExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/spark/controls/ViewStackExample.mxml
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/ViewStackExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/ViewStackExample.mxml
(added)
+++ flex/site/trunk/content/tourdeflex/spark/controls/ViewStackExample.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"
+ skinClass="TDFGradientBackgroundSkin">
+
+ <s:layout>
+ <s:HorizontalLayout verticalAlign="middle"
horizontalAlign="center" />
+ </s:layout>
+
+ <s:Panel title="ViewStack Container" width="600" height="100%"
+ color="0x000000"
+ borderAlpha="0.15">
+
+ <s:layout>
+ <s:VerticalLayout paddingLeft="10" paddingRight="10"
paddingTop="10" paddingBottom="10"/>
+ </s:layout>
+
+ <s:Label width="100%" color="0x323232" textAlign="center"
+ text="Use the Button controls to change panels
of the ViewStack container."/>
+
+ <s:BorderContainer borderStyle="solid" width="100%"
color="0x323232">
+
+ <s:layout>
+ <s:HorizontalLayout horizontalAlign="center"
+
paddingTop="5" paddingLeft="5"
+
paddingRight="5" paddingBottom="5" />
+ </s:layout>
+
+ <s:Button id="searchButton" label="Search Panel"
+
click="myViewStack.selectedChild=search;"/>
+ <s:Button id="cInfoButton" label="Customer Info Panel"
+
click="myViewStack.selectedChild=custInfo;"/>
+ <s:Button id="aInfoButton" label="Account Panel"
+
click="myViewStack.selectedChild=accountInfo;"/>
+ </s:BorderContainer>
+
+ <!-- Define the ViewStack and the three child containers and
have it
+ resize up to the size of the container for the buttons. -->
+ <mx:ViewStack id="myViewStack" borderStyle="solid" width="100%"
height="80%" color="0x323232">
+
+ <s:NavigatorContent id="search" label="Search"
backgroundColor="0xDCDCDC" width="100%" height="100%" fontWeight="bold" >
+
+ <s:layout>
+ <s:VerticalLayout
horizontalAlign="center"
+
paddingTop="5" paddingLeft="5"
+
paddingRight="5" paddingBottom="5" />
+ </s:layout>
+
+ <s:Label text="Search Panel" />
+ <s:HGroup >
+ <s:TextInput id="Searchtxt" width="200"
/>
+ <mx:Button label="search"
click="Searchtxt.text=''" />
+ </s:HGroup>
+ </s:NavigatorContent>
+
+ <s:NavigatorContent id="custInfo" label="Customer Info"
backgroundColor="0xDCDCDC"
+ width="100%"
height="100%" fontWeight="bold" >
+
+ <s:layout>
+ <s:VerticalLayout
horizontalAlign="center"
+
paddingTop="5" paddingLeft="5"
+
paddingRight="5" paddingBottom="5" />
+ </s:layout>
+
+ <s:Label text="Customer Info" />
+ <s:HGroup>
+ <s:Label text="Email Address"/>
+ <s:TextInput id="email" width="200"/>
+ <s:Button label="Submit"
click="email.text='';" />
+ </s:HGroup>
+ </s:NavigatorContent>
+
+ <s:NavigatorContent id="accountInfo" label="Account
Info" backgroundColor="0xDCDCDC" width="100%" height="100%" fontWeight="bold" >
+
+ <s:layout>
+ <s:VerticalLayout
horizontalAlign="center"
+
paddingTop="5" paddingLeft="5"
+
paddingRight="5" paddingBottom="5" />
+ </s:layout>
+
+ <s:Label text="Account Info" />
+ <s:HGroup>
+ <s:Button label="Purchases" />
+ <s:Button label="Sales" />
+ <s:Button label="Reports" />
+ </s:HGroup>
+ </s:NavigatorContent>
+
+ </mx:ViewStack>
+
+ </s:Panel>
+
+</s:Application>
Propchange:
flex/site/trunk/content/tourdeflex/spark/controls/ViewStackExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/spark/controls/ViewStackExample.swf
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/ViewStackExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange:
flex/site/trunk/content/tourdeflex/spark/controls/ViewStackExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added:
flex/site/trunk/content/tourdeflex/spark/controls/assets/ApacheFlexLogo.png
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/assets/ApacheFlexLogo.png?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange:
flex/site/trunk/content/tourdeflex/spark/controls/assets/ApacheFlexLogo.png
------------------------------------------------------------------------------
svn:mime-type = image/png
Added:
flex/site/trunk/content/tourdeflex/spark/controls/assets/FlexInstaller.mp4
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/assets/FlexInstaller.mp4?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange:
flex/site/trunk/content/tourdeflex/spark/controls/assets/FlexInstaller.mp4
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/spark/controls/assets/arrow_icon.png
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/assets/arrow_icon.png?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange:
flex/site/trunk/content/tourdeflex/spark/controls/assets/arrow_icon.png
------------------------------------------------------------------------------
svn:mime-type = image/png
Added:
flex/site/trunk/content/tourdeflex/spark/controls/assets/arrow_icon_sm.png
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/assets/arrow_icon_sm.png?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange:
flex/site/trunk/content/tourdeflex/spark/controls/assets/arrow_icon_sm.png
------------------------------------------------------------------------------
svn:mime-type = image/png
Added:
flex/site/trunk/content/tourdeflex/spark/controls/assets/control_pause_blue.png
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/assets/control_pause_blue.png?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange:
flex/site/trunk/content/tourdeflex/spark/controls/assets/control_pause_blue.png
------------------------------------------------------------------------------
svn:mime-type = image/png
Added:
flex/site/trunk/content/tourdeflex/spark/controls/assets/control_play_blue.png
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/assets/control_play_blue.png?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange:
flex/site/trunk/content/tourdeflex/spark/controls/assets/control_play_blue.png
------------------------------------------------------------------------------
svn:mime-type = image/png
Added:
flex/site/trunk/content/tourdeflex/spark/controls/assets/control_stop_blue.png
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/assets/control_stop_blue.png?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange:
flex/site/trunk/content/tourdeflex/spark/controls/assets/control_stop_blue.png
------------------------------------------------------------------------------
svn:mime-type = image/png
Added: flex/site/trunk/content/tourdeflex/spark/controls/assets/icon_close.png
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/assets/icon_close.png?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange:
flex/site/trunk/content/tourdeflex/spark/controls/assets/icon_close.png
------------------------------------------------------------------------------
svn:mime-type = image/png
Added: flex/site/trunk/content/tourdeflex/spark/controls/iconclose.gif
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/iconclose.gif?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/spark/controls/iconclose.gif
------------------------------------------------------------------------------
svn:mime-type = image/gif
Added: flex/site/trunk/content/tourdeflex/spark/controls/iconinfo.gif
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/iconinfo.gif?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/spark/controls/iconinfo.gif
------------------------------------------------------------------------------
svn:mime-type = image/gif
Added:
flex/site/trunk/content/tourdeflex/spark/controls/images/arrow_icon_sm.png
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/images/arrow_icon_sm.png?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange:
flex/site/trunk/content/tourdeflex/spark/controls/images/arrow_icon_sm.png
------------------------------------------------------------------------------
svn:mime-type = image/png
Added:
flex/site/trunk/content/tourdeflex/spark/controls/skins/CloseButtonSkin.mxml
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/skins/CloseButtonSkin.mxml?rev=1619987&view=auto
==============================================================================
---
flex/site/trunk/content/tourdeflex/spark/controls/skins/CloseButtonSkin.mxml
(added)
+++
flex/site/trunk/content/tourdeflex/spark/controls/skins/CloseButtonSkin.mxml
Sat Aug 23 08:47:51 2014
@@ -0,0 +1,184 @@
+<?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.
+
+-->
+<!--
+@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"
+ minWidth="21" minHeight="21"
+ alpha.disabled="0.5">
+
+ <!-- host component -->
+ <fx:Metadata>
+ <![CDATA[
+ /**
+ * @copy spark.skins.spark.ApplicationSkin#hostComponent
+ */
+ [HostComponent("spark.components.Button")]
+ ]]>
+ </fx:Metadata>
+
+ <fx:Script>
+ <![CDATA[
+ /* Define the skin elements that should not be
colorized.
+ For button, the graphics are colorized but the label is
not. */
+ static private const exclusions:Array =
["labelDisplay"];
+
+
+ /**
+ * @copy spark.skins.SparkSkin#colorizeExclusions
+ */
+ override public function get colorizeExclusions():Array
{return exclusions;}
+
+ ]]>
+
+ </fx:Script>
+
+ <!-- states -->
+ <s:states>
+ <s:State name="up" />
+ <s:State name="over" />
+ <s:State name="down" />
+ <s:State name="disabled" />
+ </s:states>
+
+ <!-- layer 1: shadow -->
+ <s:Rect left="-1" right="-1" top="-1" bottom="-1" radiusX="2"
radiusY="2">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x000000"
+
color.down="0xFFFFFF"
+ alpha="0.01"
+ alpha.down="0"
/>
+ <s:GradientEntry color="0x000000"
+
color.down="0xFFFFFF"
+ alpha="0.07"
+
alpha.down="0.5" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+
+ <!-- layer 2: fill -->
+ <s:Rect left="1" right="1" top="1" bottom="1" radiusX="2" radiusY="2">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0xFFFFFF"
+
color.over="0xBBBDBD"
+
color.down="0xAAAAAA"
+ alpha="0.85" />
+ <s:GradientEntry color="0xD8D8D8"
+
color.over="0x9FA0A1"
+
color.down="0x929496"
+ alpha="0.85" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+
+ <!-- layer 3: fill lowlight -->
+ <s:Rect left="1" right="1" bottom="1" height="9" radiusX="2"
radiusY="2">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x000000"
alpha="0.0099" />
+ <s:GradientEntry color="0x000000"
alpha="0.0627" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+
+ <!-- layer 4: fill highlight -->
+ <s:Rect left="1" right="1" top="1" height="9" radiusX="2" radiusY="2">
+ <s:fill>
+ <s:SolidColor color="0xFFFFFF"
+ alpha="0.33"
+ alpha.over="0.22"
+ alpha.down="0.12" />
+ </s:fill>
+ </s:Rect>
+
+
+ <!-- layer 5: highlight stroke (all states except down) -->
+ <s:Rect left="1" right="1" top="1" bottom="1" radiusX="2" radiusY="2"
excludeFrom="down">
+ <s:stroke>
+ <s:LinearGradientStroke rotation="90" weight="1">
+ <s:GradientEntry color="0xFFFFFF"
alpha.over="0.22" />
+ <s:GradientEntry color="0xD8D8D8"
alpha.over="0.22" />
+ </s:LinearGradientStroke>
+ </s:stroke>
+ </s:Rect>
+
+
+ <!-- layer 6: highlight stroke (down state only) -->
+ <s:Rect left="1" top="1" bottom="1" width="1" includeIn="down">
+ <s:fill>
+ <s:SolidColor color="0x000000" alpha="0.07" />
+ </s:fill>
+ </s:Rect>
+
+ <s:Rect right="1" top="1" bottom="1" width="1" includeIn="down">
+ <s:fill>
+ <s:SolidColor color="0x000000" alpha="0.07" />
+ </s:fill>
+ </s:Rect>
+
+ <s:Rect left="2" top="1" right="2" height="1" includeIn="down">
+ <s:fill>
+ <s:SolidColor color="0x000000" alpha="0.25" />
+ </s:fill>
+ </s:Rect>
+
+ <s:Rect left="1" top="2" right="1" height="1" includeIn="down">
+ <s:fill>
+ <s:SolidColor color="0x000000" alpha="0.09" />
+ </s:fill>
+ </s:Rect>
+
+ <!-- layer 7: border - put on top of the fill so it doesn't disappear
when scale is less than 1 -->
+ <s:Rect left="0" right="0" top="0" bottom="0" width="69" height="20"
radiusX="2" radiusY="2">
+ <s:stroke>
+ <s:LinearGradientStroke rotation="90" weight="1">
+ <s:GradientEntry color="0x000000"
+ alpha="0.5625"
+
alpha.down="0.6375" />
+ <s:GradientEntry color="0x000000"
+ alpha="0.75"
+
alpha.down="0.85" />
+ </s:LinearGradientStroke>
+ </s:stroke>
+ </s:Rect>
+
+ <!-- layer 8: text -->
+ <!---
+ @copy spark.components.supportClasses.ButtonBase#labelDisplay
+ -->
+ <s:Rect left="0" top="0" right="0" bottom="0" >
+ <s:fill>
+ <s:BitmapFill source="@Embed('../iconclose.gif')"/>
+ </s:fill>
+ </s:Rect>
+
+ <s:Label id="labelDisplay"
+ textAlign="center"
+ verticalAlign="middle"
+ maxDisplayedLines="1"
+ horizontalCenter="0" verticalCenter="1"
+ left="10" right="10" top="2" bottom="2">
+ </s:Label>
+</s:SparkSkin>
\ No newline at end of file
Propchange:
flex/site/trunk/content/tourdeflex/spark/controls/skins/CloseButtonSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/spark/controls/skins/MyPanelSkin.mxml
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/skins/MyPanelSkin.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/skins/MyPanelSkin.mxml
(added)
+++ flex/site/trunk/content/tourdeflex/spark/controls/skins/MyPanelSkin.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.
+
+-->
+
+
+<!--- The default skin class for a Spark Panel container.
+
+@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="normal">
+
+ <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" stateGroups="withControls"
/>
+ <s:State name="disabledWithControlBar" stateGroups="withControls" />
+ </s:states>
+
+ <!-- background fill -->
+ <s:Rect left="0" right="0" bottom="0" top="0" >
+ <s:fill>
+ <s:LinearGradient rotation="90" >
+ <s:GradientEntry color="0xFFFFFF" />
+ <s:GradientEntry color="0x1a1919" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ <!-- title bar fill -->
+ <s:Rect left="0" right="0" top="0" height="30">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x000000" />
+ <s:GradientEntry color="0xC0C0C0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+
+
+ <!-- text layer -->
+ <!--- Defines the appearance of the PanelSkin class's title bar. -->
+ <s:Label id="titleDisplay" lineBreak="explicit"
+ right="4" top="2" height="30"
+ verticalAlign="middle" fontWeight="bold"
+ color="0xE2E2E2">
+ </s:Label>
+
+ <!--
+ 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" left="1" right="1" top="32" bottom="1"
minWidth="0" minHeight="0"/>
+
+</s:SparkSkin>
Propchange:
flex/site/trunk/content/tourdeflex/spark/controls/skins/MyPanelSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/spark/controls/skins/TDFPanelSkin.mxml
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/skins/TDFPanelSkin.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/skins/TDFPanelSkin.mxml
(added)
+++ flex/site/trunk/content/tourdeflex/spark/controls/skins/TDFPanelSkin.mxml
Sat Aug 23 08:47:51 2014
@@ -0,0 +1,171 @@
+<?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 -->
+ <!-- This layer was modified for Tour de Flex samples to have a
gradient border at the bottom. -->
+ <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/controls/skins/TDFPanelSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added:
flex/site/trunk/content/tourdeflex/spark/css/CSSDescendantSelectorExample.mxml
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/css/CSSDescendantSelectorExample.mxml?rev=1619987&view=auto
==============================================================================
---
flex/site/trunk/content/tourdeflex/spark/css/CSSDescendantSelectorExample.mxml
(added)
+++
flex/site/trunk/content/tourdeflex/spark/css/CSSDescendantSelectorExample.mxml
Sat Aug 23 08:47:51 2014
@@ -0,0 +1,74 @@
+<?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:Style>
+ @namespace s "library://ns.adobe.com/flex/spark";
+ @namespace mx "library://ns.adobe.com/flex/mx";
+
+ s|ButtonBar s|ToggleButton:upAndSelected,
+ s|ButtonBar s|ToggleButton:overAndSelected,
+ s|ButtonBar s|ToggleButton:downAndSelected,
+
+ s|ButtonBar s|ToggleButton:disabledAndSelected {
+ baseColor: #FF6633;
+ color: #FFFFCC;
+ }
+
+ s|ButtonBar {
+ baseColor: #FFFFCC;
+ }
+
+ s|Button {
+ baseColor: #000000;
+ color: #269d6c;
+ }
+
+ s|VGroup s|Label {
+ fontWeight: "bold";
+ color: #336699;
+ }
+
+ s|VGroup mx|Text {
+ color: #0A436B;
+ fontWeight: "bold";
+ }
+ </fx:Style>
+
+ <s:Panel title="Advanced CSS: Descendant Selector Example"
height="100%" width="100%" skinClass="skins.TDFPanelSkin">
+ <s:Group width="50%" height="50%">
+ <s:ButtonBar id="viewMenu" requireSelection="true"
x="10" y="10">
+ <s:dataProvider>
+ <mx:ArrayCollection source="['Home',
'Events', 'Rooms', 'Dining']" />
+ </s:dataProvider>
+ </s:ButtonBar>
+ <s:Button label="Click Me!" x="12" y="48"/>
+ <s:Label x="10" y="90" text="Only text in the VGroup
below has bold content." />
+ <s:VGroup x="10" y="109">
+ <s:Label text="This text component has the
style setting referring to the Spark Label component." />
+ <mx:Text text="This text component has a style
setting with a reference to a Halo Text component."/>
+ </s:VGroup>
+ </s:Group>
+ <s:Label width="200" color="0x323232" text="Descendant
selectors can be used to specifically qualify the component you
+want to style via the namespace and component. See the Style settings in the
code for reference." x="440" y="10"/>
+ </s:Panel>
+</s:Application>
Propchange:
flex/site/trunk/content/tourdeflex/spark/css/CSSDescendantSelectorExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added:
flex/site/trunk/content/tourdeflex/spark/css/CSSDescendantSelectorExample.swf
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/css/CSSDescendantSelectorExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange:
flex/site/trunk/content/tourdeflex/spark/css/CSSDescendantSelectorExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/spark/css/CSSIDSelectorExample.mxml
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/css/CSSIDSelectorExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/css/CSSIDSelectorExample.mxml
(added)
+++ flex/site/trunk/content/tourdeflex/spark/css/CSSIDSelectorExample.mxml Sat
Aug 23 08:47:51 2014
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+
+ 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"
viewSourceURL="srcview/index.html">
+ <fx:Style>
+ #submitButton {
+ baseColor: #1E407E;
+ color: #FFFFFF;
+ }
+
+ </fx:Style>
+ <fx:Script>
+ <![CDATA[
+ private function clickHandler():void
+ {
+ text1.text = "Thank you " + firstName.text + "
" + lastName.text;
+ }
+ private function resetClickHandler():void
+ {
+ firstName.text = "";
+ lastName.text = "";
+ }
+ ]]>
+ </fx:Script>
+
+ <s:Panel height="100%" width="100%"
+ horizontalCenter="0" verticalCenter="0"
+ title="Advanced CSS: ID Selector Example"
+ skinClass="skins.TDFPanelSkin">
+ <s:Label top="20" left="30" width="140" color="0x323232"
verticalAlign="justify"
+ text="Only the Button with the id
'submitButton' will have custom colors."/>
+
+ <s:VGroup horizontalCenter="0" horizontalAlign="center"
verticalCenter="0">
+ <s:HGroup verticalAlign="middle">
+ <s:Label text="First Name:"/>
+ <s:TextInput id="firstName"
width="100"/>
+ </s:HGroup>
+ <s:HGroup verticalAlign="middle">
+ <s:Label text="Last Name:"/>
+ <s:TextInput id="lastName" width="100"/>
+ </s:HGroup>
+ <s:HGroup>
+ <s:Button id="submitButton" label="Submit Form"
click="clickHandler()"/>
+ <s:Button id="resetButton" label="Reset"
click="resetClickHandler()"/>
+ </s:HGroup>
+ <s:Label id="text1"/>
+ </s:VGroup>
+
+ </s:Panel>
+</s:Application>
\ No newline at end of file
Propchange:
flex/site/trunk/content/tourdeflex/spark/css/CSSIDSelectorExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/spark/css/CSSIDSelectorExample.swf
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/css/CSSIDSelectorExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange:
flex/site/trunk/content/tourdeflex/spark/css/CSSIDSelectorExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added:
flex/site/trunk/content/tourdeflex/spark/css/CSSTypeClassSelectorExample.mxml
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/css/CSSTypeClassSelectorExample.mxml?rev=1619987&view=auto
==============================================================================
---
flex/site/trunk/content/tourdeflex/spark/css/CSSTypeClassSelectorExample.mxml
(added)
+++
flex/site/trunk/content/tourdeflex/spark/css/CSSTypeClassSelectorExample.mxml
Sat Aug 23 08:47:51 2014
@@ -0,0 +1,72 @@
+<?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:Style>
+ @namespace "library://ns.adobe.com/flex/spark";
+
+ List.blueTheme {
+ selectionColor: #7FACF6;
+ }
+
+ List.greenTheme {
+ selectionColor: #00CF3F;
+ }
+
+ Panel.blueTheme {
+ contentBackgroundColor: #9abbdc;
+
+ }
+
+ .blueTheme {
+ focusColor: #3D73EF;
+ symbolColor: #2A3982;
+
+ }
+ </fx:Style>
+
+ <s:Panel title="Advanced CSS: Type+Class Selector Sample" height="100%"
width="100%"
+ styleName="blueTheme" skinClass="skins.TDFPanelSkin">
+ <s:HGroup horizontalCenter="0" top="15">
+ <s:Label width="270" color="0x323232" text="This Panel
has a styleName, but the Lists and Panel have some different styles defined in
a Type+Class selector. See the style section for the styles applied."/>
+ <s:ComboBox selectedIndex="0">
+ <s:ArrayCollection
source="[Monday,Tuesday,Wednesday,Thursday,Friday]"/>
+ </s:ComboBox>
+ <s:VGroup horizontalCenter="0" top="8">
+ <s:Label text="Text:"/>
+ <s:TextInput text="some text"
styleName="blueTheme"/>
+ <s:Label text="Units:"/>
+ <s:NumericStepper styleName="blueTheme"/>
+ <s:List id="carList" selectedIndex="2"
styleName="blueTheme">
+ <s:dataProvider>
+ <mx:ArrayCollection
source="[Civic, M3, Prius, Blazer, Tahoe]" />
+ </s:dataProvider>
+ </s:List>
+ </s:VGroup>
+ <s:List id="fruitList" selectedIndex="2"
styleName="greenTheme">
+ <s:dataProvider>
+ <mx:ArrayCollection
source="[Apples,Bananas,Grapes]" />
+ </s:dataProvider>
+ </s:List>
+ </s:HGroup>
+ </s:Panel>
+
+</s:Application>
Propchange:
flex/site/trunk/content/tourdeflex/spark/css/CSSTypeClassSelectorExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added:
flex/site/trunk/content/tourdeflex/spark/css/CSSTypeClassSelectorExample.swf
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/css/CSSTypeClassSelectorExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange:
flex/site/trunk/content/tourdeflex/spark/css/CSSTypeClassSelectorExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/spark/css/skins/TDFPanelSkin.mxml
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/css/skins/TDFPanelSkin.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/css/skins/TDFPanelSkin.mxml (added)
+++ flex/site/trunk/content/tourdeflex/spark/css/skins/TDFPanelSkin.mxml Sat
Aug 23 08:47:51 2014
@@ -0,0 +1,171 @@
+<?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 -->
+ <!-- This layer was modified for Tour de Flex samples to have a
gradient border at the bottom. -->
+ <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: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/css/skins/TDFPanelSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added:
flex/site/trunk/content/tourdeflex/spark/effects/AnimatePropertiesExample.mxml
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/effects/AnimatePropertiesExample.mxml?rev=1619987&view=auto
==============================================================================
---
flex/site/trunk/content/tourdeflex/spark/effects/AnimatePropertiesExample.mxml
(added)
+++
flex/site/trunk/content/tourdeflex/spark/effects/AnimatePropertiesExample.mxml
Sat Aug 23 08:47:51 2014
@@ -0,0 +1,88 @@
+<?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"
+ viewSourceURL="srcview/index.html">
+
+ <!-- NOTE: This sample was compiled with Flex SDK version 4.0.0.13875
-->
+
+ <fx:Declarations>
+ <s:Animate id="a"
+ duration="750"
+ target="{tileGroup}"
+ repeatBehavior="reverse"
+ repeatCount="2">
+ <s:SimpleMotionPath valueFrom="1"
+ valueTo="15"
+
property="horizontalGap" />
+ <s:SimpleMotionPath valueFrom="1"
+ valueTo="15"
+
property="verticalGap" />
+ <s:SimpleMotionPath valueFrom="0"
+ valueTo="-50"
+ property="z" />
+ </s:Animate>
+ </fx:Declarations>
+
+ <s:layout>
+ <s:HorizontalLayout
+ horizontalAlign="center"
+ gap="100"
+ paddingTop="8"/>
+ </s:layout>
+
+ <s:TileGroup id="tileGroup"
+ horizontalGap="1"
+ verticalGap="1"
+ direction="ltr"
+ columnWidth="50"
+ rowHeight="50"
+ useHandCursor="true"
+ buttonMode="true">
+
+ <mx:Image source="@Embed('assets/images/2.jpg')"
click="a.play()" />
+ <mx:Image source="@Embed('assets/images/3.jpg')"
click="a.play()" />
+ <mx:Image source="@Embed('assets/images/4.jpg')"
click="a.play()" />
+ <mx:Image source="@Embed('assets/images/5.jpg')"
click="a.play()" />
+ <mx:Image source="@Embed('assets/images/6.jpg')"
click="a.play()" />
+ <mx:Image source="@Embed('assets/images/7.jpg')"
click="a.play()" />
+ <mx:Image source="@Embed('assets/images/8.jpg')"
click="a.play()" />
+ <mx:Image source="@Embed('assets/images/9.jpg')"
click="a.play()" />
+
+ </s:TileGroup>
+
+ <s:HGroup top="8" right="8">
+ <s:VGroup width="100%" >
+ <s:Label text="Animate Properties Sample"
+ fontSize="18"
+ color="#B7B6B6"/>
+
+ <s:Label width="250"
+ verticalAlign="justify"
+ color="#323232"
+ text="With the Spark Animate class,
you can animate any arbitrary property of an object by using MotionPaths or
SimpleMotionPaths. In this sample, the horizontalGap, verticalGap, and z
properties of the TileGroup are being incremented over the course of the
animation."/>
+
+ <s:Label text="{'horizontalGap = ' +
tileGroup.horizontalGap}"/>
+ <s:Label text="{'verticalGap = ' +
tileGroup.verticalGap}" />
+ </s:VGroup>
+ </s:HGroup>
+
+</s:Application>
Propchange:
flex/site/trunk/content/tourdeflex/spark/effects/AnimatePropertiesExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added:
flex/site/trunk/content/tourdeflex/spark/effects/AnimatePropertiesExample.swf
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/effects/AnimatePropertiesExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange:
flex/site/trunk/content/tourdeflex/spark/effects/AnimatePropertiesExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added:
flex/site/trunk/content/tourdeflex/spark/effects/AnimateTransformExample.mxml
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/effects/AnimateTransformExample.mxml?rev=1619987&view=auto
==============================================================================
---
flex/site/trunk/content/tourdeflex/spark/effects/AnimateTransformExample.mxml
(added)
+++
flex/site/trunk/content/tourdeflex/spark/effects/AnimateTransformExample.mxml
Sat Aug 23 08:47:51 2014
@@ -0,0 +1,116 @@
+<?xml version="1.0"?>
+<!--
+
+ 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">
+
+ <fx:Declarations>
+ <s:AnimateTransform id="bounceEffect"
+ target="{myImage}">
+
+ <s:motionPaths>
+ <s:MotionPath property="translationX" >
+ <s:keyframes>
+ <s:Keyframe time="250"
value="0"/>
+ <s:Keyframe time="550"
value="60"/>
+ <s:Keyframe time="850"
value="100"/>
+ <s:Keyframe time="1150"
value="140"/>
+ <s:Keyframe time="1450"
value="180"/>
+ <s:Keyframe time="1750"
value="220"/>
+ <s:Keyframe time="2050"
value="140"/>
+ <s:Keyframe time="2350"
value="100"/>
+ <s:Keyframe time="2650"
value="60"/>
+ <s:Keyframe time="2950"
value="0"/>
+ </s:keyframes>
+ </s:MotionPath>
+
+ <s:MotionPath property="translationY" >
+ <s:keyframes>
+ <s:Keyframe time="250"
value="100"/>
+ <s:Keyframe time="550"
value="0"/>
+ <s:Keyframe time="850"
value="100"/>
+ <s:Keyframe time="1150"
value="0"/>
+ <s:Keyframe time="1450"
value="100"/>
+ <s:Keyframe time="1750"
value="0"/>
+ <s:Keyframe time="2050"
value="100"/>
+ <s:Keyframe time="2350"
value="0"/>
+ <s:Keyframe time="2650"
value="100"/>
+ <s:Keyframe time="2950"
value="0"/>
+ </s:keyframes>
+ </s:MotionPath>
+ </s:motionPaths>
+ </s:AnimateTransform>
+ </fx:Declarations>
+
+ <fx:Style>
+ @namespace "library://ns.adobe.com/flex/spark";
+
+ Button:up{
+ baseColor: #000000;
+ color: #FFFFFF;
+ fontWeight: "bold";
+ }
+ Button:over{
+ baseColor: #878787;
+ color: #FFFFFF;
+ fontWeight: "bold";
+ }
+ Button:down{
+ baseColor: #878787;
+ color: #000000;
+ fontWeight: "bold";
+ }
+ Button:disabled {
+ baseColor: #FFFFFF;
+ color: #878787;
+ fontWeight: "bold";
+ }
+ Label {
+ fontFamily: "Arial";
+ fontWeight: "bold";
+ }
+ </fx:Style>
+
+ <!-- Note: A custom panel skin is used for the Tour de Flex samples and
is included in the
+ source tabs for each sample. -->
+ <s:Panel title="AnimateTransform Effect Sample (Bounce)"
+ width="100%" height="100%"
+ skinClass="skins.TDFPanelSkin">
+
+ <s:Group left="3">
+ <mx:Image y="0" id="myImage"
+
source="@Embed(source='assets/ApacheFlexIcon.png')"
+
click="bounceEffect.end();bounceEffect.play();"/>
+ </s:Group>
+
+ <s:HGroup bottom="5" left="3">
+ <s:Label text="Click the Apache Flex logo to bounce
it!" color="0x000000"/>
+ </s:HGroup>
+ <s:HGroup top="5" right="5">
+ <s:VGroup width="100%" >
+ <s:Label text="Cross Fade Sample" fontSize="18"
color="#B7B6B6"/>
+ <s:Label width="250" verticalAlign="justify"
color="#323232"
+ text="Unlike the
Animate class, which you can use to animate any target property, the
AnimateTransform effect only supports the animation of certain properties on
the target. To use keyframes and motion paths with the AnimateTransform effect,
use the MotionPath class to specify keyframes for one or more of the following
properties of the AnimateTransform class:
+
movementâ(translationX, translationY, and translationZ), rotation (rotationX,
rotationY, and rotationZ), scale (scaleX, scaleY, and scaleZ)."/>
+ </s:VGroup>
+ </s:HGroup>
+ </s:Panel>
+
+</s:Application>
Propchange:
flex/site/trunk/content/tourdeflex/spark/effects/AnimateTransformExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added:
flex/site/trunk/content/tourdeflex/spark/effects/AnimateTransformExample.swf
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/effects/AnimateTransformExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange:
flex/site/trunk/content/tourdeflex/spark/effects/AnimateTransformExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/spark/effects/CrossFadeExample.mxml
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/effects/CrossFadeExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/effects/CrossFadeExample.mxml
(added)
+++ flex/site/trunk/content/tourdeflex/spark/effects/CrossFadeExample.mxml Sat
Aug 23 08:47:51 2014
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+
+ 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">
+
+ <s:states>
+ <s:State name="default"/>
+ <s:State name="flipped"/>
+ </s:states>
+
+ <s:transitions>
+ <s:Transition id="t1" autoReverse="true">
+ <s:CrossFade
+ target="{holder}"
+ duration="1000" />
+ </s:Transition>
+ </s:transitions>
+
+ <s:Panel title="CrossFade Effect Sample with Transition"
+ width="100%" height="100%"
+ skinClass="skins.TDFPanelSkin">
+
+ <s:HGroup verticalCenter="0" horizontalCenter="0">
+ <s:VGroup>
+ <s:Group id="holder">
+ <s:BitmapImage
+
source="@Embed('assets/ApacheFlexLogo.png')"
+ visible="true"
visible.flipped="false"/>
+ <s:BitmapImage
+
source="@Embed('assets/ApacheFlexLogo.png')"
+ visible="false"
visible.flipped="true"/>
+
+ </s:Group>
+ <s:Button id="playButton" left="264"
bottom="174"
+ label="Cross Fade"
+ click="currentState =
(currentState == 'flipped') ? 'default' : 'flipped';" y.default="-33"/>
+ </s:VGroup>
+ <mx:Spacer width="50"/>
+ <s:VGroup width="100%" >
+ <s:Label text="Cross Fade Sample" fontSize="18"
color="#B7B6B6"/>
+ <s:Label width="250" verticalAlign="justify"
color="#323232"
+ text="The CrossFade effect
performs a bitmap transition effect by running a crossfade between the first
and second bitmaps.
+ The crossfade blends the two
bitmaps over the duration of the animation."/>
+ </s:VGroup>
+ </s:HGroup>
+
+ </s:Panel>
+</s:Application>
Propchange:
flex/site/trunk/content/tourdeflex/spark/effects/CrossFadeExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/spark/effects/CrossFadeExample.swf
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/effects/CrossFadeExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange:
flex/site/trunk/content/tourdeflex/spark/effects/CrossFadeExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/spark/effects/FadeExample.mxml
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/effects/FadeExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/effects/FadeExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/spark/effects/FadeExample.mxml Sat Aug
23 08:47:51 2014
@@ -0,0 +1,60 @@
+<?xml version="1.0"?>
+<!--
+
+ 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">
+
+ <fx:Declarations>
+ <s:Fade id="fadeEffect" target="{targetImg}"
alphaFrom="{Number(fromVal.text)}" alphaTo="{Number(toVal.text)}"
+ repeatCount="2" repeatBehavior="reverse"
effectStart="playButton.enabled=false"
+ effectEnd="playButton.enabled=true;"/>
+ </fx:Declarations>
+
+ <s:Panel title="Fade Effect Sample"
+ width="100%" height="100%"
+ skinClass="skins.TDFPanelSkin">
+
+ <s:HGroup verticalCenter="0" horizontalCenter="0">
+ <s:VGroup>
+ <s:HGroup verticalAlign="middle">
+ <s:Label text="Fade alpha from:"
verticalAlign="bottom"/>
+ <s:TextInput id="fromVal" text="1.0"
widthInChars="3"/>
+ </s:HGroup>
+ <s:HGroup verticalAlign="middle">
+ <s:Label text="Fade alpha to:"
verticalAlign="bottom"/>
+ <s:TextInput id="toVal" text="0.0"
widthInChars="3"/>
+ </s:HGroup>
+ <s:Button id="playButton"
+ left="5" bottom="5"
+ label="Fade"
click="fadeEffect.play();"/>
+ </s:VGroup>
+
+ <s:BitmapImage id="targetImg" width="200" height="200"
source="@Embed(source='assets/ApacheFlexLogo.png')"/>
+
+ <s:VGroup width="100%" >
+ <s:Label text="Fade Sample" fontSize="18"
color="#B7B6B6"/>
+ <s:Label width="180" verticalAlign="justify"
color="#323232"
+ text="The Fade effect
changes the alpha of a target using the following parameters: alphaFrom,
alphaTo. Click 'Fade' to watch the effect."/>
+ </s:VGroup>
+ </s:HGroup>
+
+ </s:Panel>
+</s:Application>
Propchange: flex/site/trunk/content/tourdeflex/spark/effects/FadeExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/spark/effects/FadeExample.swf
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/effects/FadeExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/spark/effects/FadeExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/spark/effects/Move3DExample.mxml
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/effects/Move3DExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/effects/Move3DExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/spark/effects/Move3DExample.mxml Sat Aug
23 08:47:51 2014
@@ -0,0 +1,99 @@
+<?xml version="1.0"?>
+<!--
+
+ 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">
+
+ <fx:Style>
+ @namespace "library://ns.adobe.com/flex/spark";
+ Label {
+ baseColor: #000000;
+ fontFamily: "Arial";
+ fontWeight: "bold";
+ fontSize: "11";
+ advancedAntiAliasing: true;
+ }
+
+ </fx:Style>
+
+ <fx:Declarations>
+ <s:Move3D id="moveEffect" target="{targetImg}"
+ xFrom="{targetImg.x}"
xBy="{Number(xVal.text)}"
+ yFrom="{targetImg.y}"
yBy="{Number(yVal.text)}"
+ zFrom="{targetImg.z}"
zBy="{Number(zVal.text)}"
+ duration="{duration.value}"
+ repeatCount="{repeatCnt.value}"
repeatBehavior="{chkReverse.selected?'reverse':'loop'}"
+ effectStart="this.targetImg.alpha=.7"
effectEnd="this.targetImg.alpha=1.0;"/>
+ </fx:Declarations>
+
+ <!-- Note: A custom panel skin is used for the Tour de Flex samples and
is included in the
+ source tabs for each sample. -->
+ <s:Panel width="100%" height="100%"
+ horizontalCenter="0"
+ title="Move3D Effect Sample"
+ skinClass="skins.TDFPanelSkin">
+
+ <s:HGroup left="10" top="5" width="100%" height="100%"
horizontalCenter="0">
+ <s:VGroup width="40%">
+
+
+ <s:HGroup verticalAlign="middle">
+ <s:Label text="Move X By"
verticalAlign="bottom"/>
+ <s:TextInput id="xVal" text="40"
widthInChars="3"/>
+ </s:HGroup>
+
+ <s:HGroup verticalAlign="middle">
+ <s:Label text="Move Y By"
verticalAlign="bottom"/>
+ <s:TextInput id="yVal" text="40"
widthInChars="3"/>
+ </s:HGroup>
+ <s:HGroup verticalAlign="middle">
+ <s:Label text="Move Z By"
verticalAlign="bottom"/>
+ <s:TextInput id="zVal" text="-150"
widthInChars="3"/>
+ </s:HGroup>
+ <s:HGroup verticalAlign="middle">
+ <s:Label text="Repeat Num"
verticalAlign="bottom"/>
+ <s:NumericStepper id="repeatCnt"
width="35"
+
value="2" minimum="1"/>
+ </s:HGroup>
+ <s:HGroup verticalAlign="middle">
+ <s:Label text="Duration"
verticalAlign="bottom"/>
+ <s:NumericStepper id="duration"
width="58"
+
minimum="100" maximum="9999"
+
value="1000"
+
snapInterval="100" />
+ </s:HGroup>
+ <s:CheckBox id="chkReverse" label="Repeat in
Reverse?" selected="true"/>
+ <s:Button id="playButton"
+ label="Move Image"
click="moveEffect.play();"/>
+ </s:VGroup>
+ <s:HGroup horizontalCenter="0" height="30%"
verticalAlign="middle" width="40%">
+ <s:BitmapImage id="targetImg" width="200"
height="200" source="@Embed(source='assets/ApacheFlexLogo.png')"/>
+ </s:HGroup>
+ <s:VGroup top="0" right="5" horizontalAlign="right"
width="30%">
+ <s:Label text="Move3D Effect Sample"
fontSize="18" color="#B7B6B6"/>
+ <s:Label color="#323232" width="200"
verticalAlign="justify"
+ text="The Move3D class moves a
target object in three dimensions around the transform center. A scale of
+2.0 means the object has been magnified by a factor of 2, and a scale of 0.5
means the object has been
+reduced by a factor of 2. A scale value of 0.0 is invalid."/>
+ </s:VGroup>
+ </s:HGroup>
+ </s:Panel>
+</s:Application>
Propchange: flex/site/trunk/content/tourdeflex/spark/effects/Move3DExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/spark/effects/Move3DExample.swf
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/effects/Move3DExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/spark/effects/Move3DExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/spark/effects/Rotate3DExample.mxml
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/effects/Rotate3DExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/effects/Rotate3DExample.mxml
(added)
+++ flex/site/trunk/content/tourdeflex/spark/effects/Rotate3DExample.mxml Sat
Aug 23 08:47:51 2014
@@ -0,0 +1,114 @@
+<?xml version="1.0"?>
+<!--
+
+ 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">
+
+ <fx:Style>
+ @namespace "library://ns.adobe.com/flex/spark";
+ Label {
+ baseColor: #000000;
+ fontFamily: "Arial";
+ fontWeight: "bold";
+ fontSize: "11";
+ advancedAntiAliasing: true;
+ }
+ Button:up{
+ baseColor: #000000;
+ color: #FFFFFF;
+ fontWeight: "bold";
+ }
+ Button:over{
+ baseColor: #878787;
+ color: #FFFFFF;
+ fontWeight: "bold";
+ }
+ Button:down{
+ baseColor: #878787;
+ color: #000000;
+ fontWeight: "bold";
+ }
+ Button:disabled {
+ baseColor: #FFFFFF;
+ color: #878787;
+ fontWeight: "bold";
+ }
+ </fx:Style>
+
+ <fx:Declarations>
+ <s:Rotate3D id="rotateEffect" target="{targetImg}"
+ angleXFrom="0.0"
angleXTo="{Number(xVal.text)}"
+ angleYFrom="0.0"
angleYTo="{Number(yVal.text)}"
+ angleZFrom="0.0"
angleZTo="{Number(zVal.text)}"
+ duration="{duration.value}"
+ repeatCount="{repeatCnt.value}"
repeatBehavior="{chkReverse.selected?'reverse':'loop'}"
+ effectStart="this.targetImg.alpha=.8"
effectEnd="this.targetImg.alpha=1.0;"/>
+ </fx:Declarations>
+
+ <!-- Note: A custom panel skin is used for the Tour de Flex samples and
is included in the
+ source tabs for each sample. -->
+ <s:Panel width="100%" height="100%"
+ horizontalCenter="0"
+ title="Rotate3D Effect Sample"
+ skinClass="skins.TDFPanelSkin">
+
+ <s:HGroup horizontalCenter="0" top="10">
+ <s:VGroup >
+ <s:HGroup verticalAlign="middle">
+ <s:Label text="Rotate X To"
verticalAlign="bottom"/>
+ <s:TextInput id="xVal" text="0.0"
widthInChars="3"/>
+ </s:HGroup>
+ <s:HGroup verticalAlign="middle">
+ <s:Label text="Rotate Y By"
verticalAlign="bottom"/>
+ <s:TextInput id="yVal" text="360.0"
widthInChars="3"/>
+ </s:HGroup>
+ <s:HGroup verticalAlign="middle">
+ <s:Label text="Rotate Z To"
verticalAlign="bottom"/>
+ <s:TextInput id="zVal" text="0.0"
widthInChars="3"/>
+ </s:HGroup>
+ <s:HGroup verticalAlign="middle">
+ <s:Label text="Repeat Num"
verticalAlign="bottom"/>
+ <s:NumericStepper id="repeatCnt"
value="2" width="35" minimum="1"/>
+ </s:HGroup>
+ <s:HGroup verticalAlign="middle">
+ <s:Label text="Duration"
verticalAlign="bottom"/>
+ <s:NumericStepper id="duration"
width="58"
+
minimum="100" maximum="9999"
+
value="1000"
+
snapInterval="100" />
+ </s:HGroup>
+ <s:CheckBox id="chkReverse" label="Repeat in
Reverse?" selected="true"/>
+ <s:Button id="playButton"
+ label="Rotate Image"
click="rotateEffect.play();"/>
+ </s:VGroup>
+ <s:HGroup horizontalCenter="0" height="60%"
verticalAlign="middle" width="10%">
+ <s:BitmapImage id="targetImg" width="200"
height="200" source="@Embed(source='assets/ApacheFlexLogo.png')"/>
+ </s:HGroup>
+ <s:VGroup top="0" right="5" horizontalAlign="right">
+ <s:Label text="Rotate3D Effect Sample"
fontSize="18" color="#B7B6B6"/>
+ <s:Label color="#323232" width="200"
verticalAlign="justify"
+ text="The Rotate3D
class rotates a target object in three dimensions around the x, y, or z
+axes. The rotation occurs around the transform center of the target."
textAlign="left"/>
+ </s:VGroup>
+ </s:HGroup>
+
+ </s:Panel>
+</s:Application>
Propchange:
flex/site/trunk/content/tourdeflex/spark/effects/Rotate3DExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/spark/effects/Rotate3DExample.swf
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/effects/Rotate3DExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/spark/effects/Rotate3DExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/spark/effects/Scale3DExample.mxml
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/effects/Scale3DExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/effects/Scale3DExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/spark/effects/Scale3DExample.mxml Sat
Aug 23 08:47:51 2014
@@ -0,0 +1,118 @@
+<?xml version="1.0"?>
+<!--
+
+ 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">
+
+ <fx:Style>
+ @namespace "library://ns.adobe.com/flex/spark";
+ Label {
+ baseColor: #000000;
+ fontFamily: "Arial";
+ fontWeight: "bold";
+ fontSize: "11";
+ advancedAntiAliasing: true;
+ }
+ Button:up{
+ baseColor: #000000;
+ color: #FFFFFF;
+ fontWeight: "bold";
+ }
+ Button:over{
+ baseColor: #878787;
+ color: #FFFFFF;
+ fontWeight: "bold";
+ }
+ Button:down{
+ baseColor: #878787;
+ color: #000000;
+ fontWeight: "bold";
+ }
+ Button:disabled {
+ baseColor: #FFFFFF;
+ color: #878787;
+ fontWeight: "bold";
+ }
+ </fx:Style>
+
+ <fx:Declarations>
+ <s:Scale3D id="scaleEffect" target="{targetImg}"
+ scaleXFrom="1.0"
scaleXTo="{Number(xVal.text)}"
+ scaleYFrom="1.0"
scaleYTo="{Number(yVal.text)}"
+ scaleZFrom="1.0"
scaleZTo="{Number(zVal.text)}"
+ duration="{duration.value}"
+ repeatCount="{repeatCnt.value}"
repeatBehavior="{chkReverse.selected?'reverse':'loop'}"
+ effectStart="this.targetImg.alpha=.7"
effectEnd="this.targetImg.alpha=1.0;"/>
+ </fx:Declarations>
+
+ <!-- Note: A custom panel skin is used for the Tour de Flex samples and
is included in the
+ source tabs for each sample. -->
+ <s:Panel width="100%" height="100%"
+ horizontalCenter="0"
+ title="Scale3D Effect Sample"
+ skinClass="skins.TDFPanelSkin">
+
+ <s:HGroup left="5" top="5" width="100%" height="100%"
horizontalCenter="0">
+ <s:VGroup width="40%">
+ <s:HGroup verticalAlign="middle">
+ <s:Label text="Scale X To"
verticalAlign="bottom"/>
+ <s:TextInput id="xVal" text="1.0"
widthInChars="3"/>
+ </s:HGroup>
+ <s:HGroup verticalAlign="middle">
+ <s:Label text="Scale Y To"
verticalAlign="bottom"/>
+ <s:TextInput id="yVal" text="1.0"
widthInChars="3"/>
+ </s:HGroup>
+ <s:HGroup verticalAlign="middle">
+ <s:Label text="Scale Z To"
verticalAlign="bottom"/>
+ <s:TextInput id="zVal" text="1.0"
widthInChars="3"/>
+ </s:HGroup>
+ <s:HGroup verticalAlign="middle">
+ <s:Label text="Repeat Num"
verticalAlign="bottom"/>
+ <s:NumericStepper id="repeatCnt"
width="35"
+
value="2" minimum="1"/>
+ </s:HGroup>
+ <s:HGroup verticalAlign="middle">
+ <s:Label text="Duration"
verticalAlign="bottom"/>
+ <s:NumericStepper id="duration"
width="58"
+
minimum="100" maximum="9999"
+
value="1000"
+
snapInterval="100" />
+ </s:HGroup>
+ <s:CheckBox id="chkReverse" label="Repeat in
Reverse?" selected="true"/>
+ <s:Button id="playButton"
+ label="Scale Image"
click="scaleEffect.play();"/>
+ </s:VGroup>
+ <s:HGroup horizontalCenter="0" height="30%"
verticalAlign="middle" width="40%">
+ <s:BitmapImage id="targetImg" width="200"
height="200" source="@Embed(source='assets/ApacheFlexLogo.png')"/>
+ </s:HGroup>
+ <s:VGroup top="0" right="5" horizontalAlign="right"
width="30%">
+ <s:Label text="Scale3D Effect Sample"
fontSize="18" color="#B7B6B6"/>
+ <s:Label color="#323232" width="200"
verticalAlign="justify"
+ text="The Scale3D
class scales a target object in three dimensions around the transform center. A
scale of
+2.0 means the object has been magnified by a factor of 2, and a scale of 0.5
means the object has been
+reduced by a factor of 2. A scale value of 0.0 is invalid."/>
+ </s:VGroup>
+ </s:HGroup>
+
+
+
+ </s:Panel>
+</s:Application>
Propchange: flex/site/trunk/content/tourdeflex/spark/effects/Scale3DExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/spark/effects/Scale3DExample.swf
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/effects/Scale3DExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
Propchange: flex/site/trunk/content/tourdeflex/spark/effects/Scale3DExample.swf
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: flex/site/trunk/content/tourdeflex/spark/effects/WipeExample.mxml
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/effects/WipeExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/effects/WipeExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/spark/effects/WipeExample.mxml Sat Aug
23 08:47:51 2014
@@ -0,0 +1,72 @@
+<?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">
+
+ <s:states>
+ <s:State name="default"/>
+ <s:State name="flipped"/>
+ </s:states>
+
+ <s:transitions>
+ <s:Transition id="t1">
+ <s:Wipe id="wipe"
+ direction="right"
+ target="{holder}"
+ duration="1000" />
+ </s:Transition>
+ </s:transitions>
+
+ <s:Panel title="Wipe Effect Example" skinClass="skins.TDFPanelSkin"
+ width="100%" height="100%">
+
+ <s:HGroup horizontalCenter="0" top="15" >
+ <s:VGroup width="100%" height="100%">
+ <s:Group id="holder">
+ <s:BitmapImage
+
source="@Embed('assets/back.png')"
+ visible="true"
visible.flipped="false"/>
+ <s:BitmapImage width="200" height="200"
+
source="@Embed('assets/ApacheFlexLogo.png')"
+ visible="false"
visible.flipped="true"/>
+
+ </s:Group>
+ <s:Button
+ label="Wipe Right"
+ click="currentState = (currentState ==
'flipped') ? 'default' : 'flipped';" />
+ </s:VGroup>
+
+
+ <!-- Directions -->
+ <s:VGroup id="detailsBox"
+ width="400"
+ left="0">
+ <s:Label
+ width="400"
+ color="#323232"
+ text="The Wipe effect wipes from
bitmapFrom to the bitmapTo image in the given direction. Click the 'Wipe Right'
button to see the effect."/>
+ </s:VGroup>
+ </s:HGroup>
+
+ </s:Panel>
+
+</s:Application>
\ No newline at end of file
Propchange: flex/site/trunk/content/tourdeflex/spark/effects/WipeExample.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Added: flex/site/trunk/content/tourdeflex/spark/effects/WipeExample.swf
URL:
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/effects/WipeExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.
