You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by jm...@apache.org on 2014/08/09 10:19:29 UTC
[6/6] git commit: [flex-utilities] [refs/heads/develop] - renamed file
renamed file
Project: http://git-wip-us.apache.org/repos/asf/flex-utilities/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-utilities/commit/1ff24b48
Tree: http://git-wip-us.apache.org/repos/asf/flex-utilities/tree/1ff24b48
Diff: http://git-wip-us.apache.org/repos/asf/flex-utilities/diff/1ff24b48
Branch: refs/heads/develop
Commit: 1ff24b4877ebadd00312fea8d9481ca125f5094d
Parents: 9d8f729
Author: Justin Mclean <jm...@apache.org>
Authored: Sat Aug 9 18:19:00 2014 +1000
Committer: Justin Mclean <jm...@apache.org>
Committed: Sat Aug 9 18:19:00 2014 +1000
----------------------------------------------------------------------
.../src/spark/controls/OLAPDataGrid.mxml | 231 -------------------
.../src/spark/controls/OLAPDataGridExample.mxml | 230 ++++++++++++++++++
.../src/spark/effects/WipeExample.html | 121 ----------
.../src/spark/effects/WipeExample.mxml | 72 ++++++
.../src/spark/effects/assets/back.png | Bin 0 -> 121035 bytes
.../src/spark/fxg/assets/ApacheFlexLogo.png | Bin 0 -> 71228 bytes
6 files changed, 302 insertions(+), 352 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/1ff24b48/TourDeFlex/TourDeFlex3/src/spark/controls/OLAPDataGrid.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/OLAPDataGrid.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/OLAPDataGrid.mxml
deleted file mode 100644
index 82fc104..0000000
--- a/TourDeFlex/TourDeFlex3/src/spark/controls/OLAPDataGrid.mxml
+++ /dev/null
@@ -1,231 +0,0 @@
-<?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"
- viewSourceURL="srcview/index.html"
- creationComplete="creationCompleteHandler();">
-
- <fx:Script>
- <![CDATA[
- import mx.rpc.AsyncResponder;
- import mx.rpc.AsyncToken;
- import mx.olap.OLAPQuery;
- import mx.olap.OLAPSet;
- import mx.olap.IOLAPQuery;
- import mx.olap.IOLAPQueryAxis;
- import mx.olap.IOLAPCube;
- import mx.olap.OLAPResult;
- import mx.events.CubeEvent;
- import mx.controls.Alert;
- import mx.collections.ArrayCollection;
-
-
- //
- // Format of Objects in the ArrayCollection:
- //
- // data:Object = {
- // customer:"AAA",
- // product:"ColdFusion",
- // quarter:"Q1"
- // revenue: "100.00"
- // }
- //
-
- [Bindable]
- private var flatData:ArrayCollection = new ArrayCollection(
- [
- {customer:"AAA", product:"ColdFusion", quarter:"Q1", revenue:210, cost:25},
- {customer:"AAA", product:"Flex", quarter:"Q2", revenue:210, cost:25},
- {customer:"AAA", product:"Dreamweaver", quarter:"Q3", revenue:250, cost:125},
- {customer:"AAA", product:"Flash", quarter:"Q4", revenue:430, cost:75},
-
- {customer:"BBB", product:"ColdFusion", quarter:"Q2", revenue:125, cost:20},
- {customer:"BBB", product:"Flex", quarter:"Q3", revenue:210, cost:20},
- {customer:"BBB", product:"Dreamweaver", quarter:"Q4", revenue:320, cost:120},
- {customer:"BBB", product:"Flash", quarter:"Q1", revenue:280, cost:70},
-
- {customer:"CCC", product:"ColdFusion", quarter:"Q3", revenue:375, cost:120},
- {customer:"CCC", product:"Flex", quarter:"Q4", revenue:430, cost:120},
- {customer:"CCC", product:"Dreamweaver", quarter:"Q1", revenue:470, cost:220},
- {customer:"CCC", product:"Flash", quarter:"Q2", revenue:570, cost:170},
-
- {customer:"AAA", product:"ColdFusion", quarter:"Q4", revenue:215, cost:90},
- {customer:"AAA", product:"Flex", quarter:"Q1", revenue:210, cost:90},
- {customer:"AAA", product:"Dreamweaver", quarter:"Q2", revenue:175, cost:190},
- {customer:"AAA", product:"Flash", quarter:"Q3", revenue:670, cost:75},
-
- {customer:"BBB", product:"ColdFusion", quarter:"Q1", revenue:175, cost:20},
- {customer:"BBB", product:"Flex", quarter:"Q2", revenue:210, cost:20},
- {customer:"BBB", product:"Dreamweaver",quarter:"Q3", revenue:120, cost:120},
- {customer:"BBB", product:"Flash", quarter:"Q4", revenue:310, cost:70},
-
- {customer:"CCC", product:"ColdFusion", quarter:"Q1", revenue:385, cost:120},
- {customer:"CCC", product:"Flex", quarter:"Q2", revenue:340, cost:120},
- {customer:"CCC", product:"Dreamweaver", quarter:"Q3", revenue:470, cost:220},
- {customer:"CCC", product:"Flash", quarter:"Q4", revenue:270, cost:170},
-
- {customer:"AAA", product:"ColdFusion", quarter:"Q1", revenue:100, cost:25},
- {customer:"AAA", product:"Flex", quarter:"Q2", revenue:150, cost:25},
- {customer:"AAA", product:"Dreamweaver", quarter:"Q3", revenue:200, cost:125},
- {customer:"AAA", product:"Flash", quarter:"Q4", revenue:300, cost:75},
-
- {customer:"BBB", product:"ColdFusion", quarter:"Q2", revenue:175, cost:20},
- {customer:"BBB", product:"Flex", quarter:"Q3", revenue:100, cost:20},
- {customer:"BBB", product:"Dreamweaver", quarter:"Q4", revenue:270, cost:120},
- {customer:"BBB", product:"Flash", quarter:"Q1", revenue:370, cost:70},
-
- {customer:"CCC", product:"ColdFusion", quarter:"Q3", revenue:410, cost:120},
- {customer:"CCC", product:"Flex", quarter:"Q4", revenue:300, cost:320},
- {customer:"CCC", product:"Dreamweaver", quarter:"Q1", revenue:510, cost:220},
- {customer:"CCC", product:"Flash", quarter:"Q2", revenue:620, cost:170},
-
- {customer:"AAA", product:"ColdFusion", quarter:"Q4", revenue:215, cost:90},
- {customer:"AAA", product:"Flex", quarter:"Q1", revenue:210, cost:90},
- {customer:"AAA", product:"Dreamweaver", quarter:"Q2", revenue:175, cost:190},
- {customer:"AAA", product:"Flash", quarter:"Q3", revenue:420, cost:75},
-
- {customer:"BBB", product:"ColdFusion", quarter:"Q1", revenue:240, cost:20},
- {customer:"BBB", product:"Flex", quarter:"Q2", revenue:100, cost:20},
- {customer:"BBB", product:"Dreamweaver", quarter:"Q3", revenue:270, cost:120},
- {customer:"BBB", product:"Flash", quarter:"Q4", revenue:370, cost:70},
-
- {customer:"CCC", product:"ColdFusion", quarter:"Q1", revenue:375, cost:120},
- {customer:"CCC", product:"Flex", quarter:"Q2", revenue:420, cost:120},
- {customer:"CCC", product:"Dreamweaver", quarter:"Q3", revenue:680, cost:220},
- {customer:"CCC", product:"Flash", quarter:"Q4", revenue:570, cost:170}
- ]);
-
- private function creationCompleteHandler():void {
- // You must initialize the cube before you
- // can execute a query on it.
- myMXMLCube.refresh();
- }
-
- // Create the OLAP query.
- private function getQuery(cube:IOLAPCube):IOLAPQuery {
- // Create an instance of OLAPQuery to represent the query.
- var query:OLAPQuery = new OLAPQuery;
-
- // Get the row axis from the query instance.
- var rowQueryAxis:IOLAPQueryAxis =
- query.getAxis(OLAPQuery.ROW_AXIS);
- // Create an OLAPSet instance to configure the axis.
- var productSet:OLAPSet = new OLAPSet;
- // Add the Product to the row to aggregate data
- // by the Product dimension.
- productSet.addElements(
- cube.findDimension("ProductDim").findAttribute("Product").children);
- // Add the OLAPSet instance to the axis.
- rowQueryAxis.addSet(productSet);
-
- // Get the column axis from the query instance, and configure it
- // to aggregate the columns by the Quarter dimension.
- var colQueryAxis:IOLAPQueryAxis =
- query.getAxis(OLAPQuery.COLUMN_AXIS);
- var quarterSet:OLAPSet= new OLAPSet;
- quarterSet.addElements(
- cube.findDimension("QuarterDim").findAttribute("Quarter").children);
- colQueryAxis.addSet(quarterSet);
-
- return query;
- }
-
- // Event handler to execute the OLAP query
- // after the cube completes initialization.
- private function runQuery(event:CubeEvent):void {
- // Get cube.
- var cube:IOLAPCube = IOLAPCube(event.currentTarget);
- // Create a query instance.
- var query:IOLAPQuery = getQuery(cube);
- // Execute the query.
- var token:AsyncToken = cube.execute(query);
- // Setup handlers for the query results.
- token.addResponder(new AsyncResponder(showResult, showFault));
- }
-
- // Handle a query fault.
- private function showFault(result:Object, token:Object):void {
- Alert.show("Error in query.");
- }
-
- // Handle a successful query by passing the query results to
- // the OLAPDataGrid control..
- private function showResult(result:Object, token:Object):void {
- if (!result) {
- Alert.show("No results from query.");
- return;
- }
- myOLAPDG.dataProvider= result as OLAPResult;
- }
- ]]>
- </fx:Script>
-
- <s:layout>
- <s:HorizontalLayout horizontalAlign="center" />
- </s:layout>
-
- <fx:Declarations>
- <mx:OLAPCube name="FlatSchemaCube" dataProvider="{flatData}" id="myMXMLCube" complete="runQuery(event);">
- <mx:OLAPDimension name="CustomerDim">
- <mx:OLAPAttribute name="Customer" dataField="customer"/>
- <mx:OLAPHierarchy name="CustomerHier" hasAll="true">
- <mx:OLAPLevel attributeName="Customer"/>
- </mx:OLAPHierarchy>
- </mx:OLAPDimension>
-
- <mx:OLAPDimension name="ProductDim">
- <mx:OLAPAttribute name="Product" dataField="product"/>
- <mx:OLAPHierarchy name="ProductHier" hasAll="true">
- <mx:OLAPLevel attributeName="Product"/>
- </mx:OLAPHierarchy>
- </mx:OLAPDimension>
-
- <mx:OLAPDimension name="QuarterDim">
- <mx:OLAPAttribute name="Quarter" dataField="quarter"/>
- <mx:OLAPHierarchy name="QuarterHier" hasAll="true">
- <mx:OLAPLevel attributeName="Quarter"/>
- </mx:OLAPHierarchy>
- </mx:OLAPDimension>
-
- <mx:OLAPMeasure name="Revenue"
- dataField="revenue"
- aggregator="SUM"/>
- </mx:OLAPCube>
- </fx:Declarations>
-
-
-
- <s:Panel title="OLAPDataGrid Control" color="0x000000"
- borderAlpha="0.15"
- width="600">
-
- <s:layout>
- <s:HorizontalLayout horizontalAlign="center"
- paddingLeft="10" paddingRight="10"
- paddingTop="10" paddingBottom="10"/>
- </s:layout>
-
- <mx:OLAPDataGrid id="myOLAPDG" color="0x323232" width="100%" height="100%"/>
-
- </s:Panel>
-
-</s:Application>
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/1ff24b48/TourDeFlex/TourDeFlex3/src/spark/controls/OLAPDataGridExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/OLAPDataGridExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/OLAPDataGridExample.mxml
new file mode 100644
index 0000000..d176fc8
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/OLAPDataGridExample.mxml
@@ -0,0 +1,230 @@
+<?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"
+ creationComplete="creationCompleteHandler();">
+
+ <fx:Script>
+ <![CDATA[
+ import mx.rpc.AsyncResponder;
+ import mx.rpc.AsyncToken;
+ import mx.olap.OLAPQuery;
+ import mx.olap.OLAPSet;
+ import mx.olap.IOLAPQuery;
+ import mx.olap.IOLAPQueryAxis;
+ import mx.olap.IOLAPCube;
+ import mx.olap.OLAPResult;
+ import mx.events.CubeEvent;
+ import mx.controls.Alert;
+ import mx.collections.ArrayCollection;
+
+
+ //
+ // Format of Objects in the ArrayCollection:
+ //
+ // data:Object = {
+ // customer:"AAA",
+ // product:"ColdFusion",
+ // quarter:"Q1"
+ // revenue: "100.00"
+ // }
+ //
+
+ [Bindable]
+ private var flatData:ArrayCollection = new ArrayCollection(
+ [
+ {customer:"AAA", product:"ColdFusion", quarter:"Q1", revenue:210, cost:25},
+ {customer:"AAA", product:"Flex", quarter:"Q2", revenue:210, cost:25},
+ {customer:"AAA", product:"Dreamweaver", quarter:"Q3", revenue:250, cost:125},
+ {customer:"AAA", product:"Flash", quarter:"Q4", revenue:430, cost:75},
+
+ {customer:"BBB", product:"ColdFusion", quarter:"Q2", revenue:125, cost:20},
+ {customer:"BBB", product:"Flex", quarter:"Q3", revenue:210, cost:20},
+ {customer:"BBB", product:"Dreamweaver", quarter:"Q4", revenue:320, cost:120},
+ {customer:"BBB", product:"Flash", quarter:"Q1", revenue:280, cost:70},
+
+ {customer:"CCC", product:"ColdFusion", quarter:"Q3", revenue:375, cost:120},
+ {customer:"CCC", product:"Flex", quarter:"Q4", revenue:430, cost:120},
+ {customer:"CCC", product:"Dreamweaver", quarter:"Q1", revenue:470, cost:220},
+ {customer:"CCC", product:"Flash", quarter:"Q2", revenue:570, cost:170},
+
+ {customer:"AAA", product:"ColdFusion", quarter:"Q4", revenue:215, cost:90},
+ {customer:"AAA", product:"Flex", quarter:"Q1", revenue:210, cost:90},
+ {customer:"AAA", product:"Dreamweaver", quarter:"Q2", revenue:175, cost:190},
+ {customer:"AAA", product:"Flash", quarter:"Q3", revenue:670, cost:75},
+
+ {customer:"BBB", product:"ColdFusion", quarter:"Q1", revenue:175, cost:20},
+ {customer:"BBB", product:"Flex", quarter:"Q2", revenue:210, cost:20},
+ {customer:"BBB", product:"Dreamweaver",quarter:"Q3", revenue:120, cost:120},
+ {customer:"BBB", product:"Flash", quarter:"Q4", revenue:310, cost:70},
+
+ {customer:"CCC", product:"ColdFusion", quarter:"Q1", revenue:385, cost:120},
+ {customer:"CCC", product:"Flex", quarter:"Q2", revenue:340, cost:120},
+ {customer:"CCC", product:"Dreamweaver", quarter:"Q3", revenue:470, cost:220},
+ {customer:"CCC", product:"Flash", quarter:"Q4", revenue:270, cost:170},
+
+ {customer:"AAA", product:"ColdFusion", quarter:"Q1", revenue:100, cost:25},
+ {customer:"AAA", product:"Flex", quarter:"Q2", revenue:150, cost:25},
+ {customer:"AAA", product:"Dreamweaver", quarter:"Q3", revenue:200, cost:125},
+ {customer:"AAA", product:"Flash", quarter:"Q4", revenue:300, cost:75},
+
+ {customer:"BBB", product:"ColdFusion", quarter:"Q2", revenue:175, cost:20},
+ {customer:"BBB", product:"Flex", quarter:"Q3", revenue:100, cost:20},
+ {customer:"BBB", product:"Dreamweaver", quarter:"Q4", revenue:270, cost:120},
+ {customer:"BBB", product:"Flash", quarter:"Q1", revenue:370, cost:70},
+
+ {customer:"CCC", product:"ColdFusion", quarter:"Q3", revenue:410, cost:120},
+ {customer:"CCC", product:"Flex", quarter:"Q4", revenue:300, cost:320},
+ {customer:"CCC", product:"Dreamweaver", quarter:"Q1", revenue:510, cost:220},
+ {customer:"CCC", product:"Flash", quarter:"Q2", revenue:620, cost:170},
+
+ {customer:"AAA", product:"ColdFusion", quarter:"Q4", revenue:215, cost:90},
+ {customer:"AAA", product:"Flex", quarter:"Q1", revenue:210, cost:90},
+ {customer:"AAA", product:"Dreamweaver", quarter:"Q2", revenue:175, cost:190},
+ {customer:"AAA", product:"Flash", quarter:"Q3", revenue:420, cost:75},
+
+ {customer:"BBB", product:"ColdFusion", quarter:"Q1", revenue:240, cost:20},
+ {customer:"BBB", product:"Flex", quarter:"Q2", revenue:100, cost:20},
+ {customer:"BBB", product:"Dreamweaver", quarter:"Q3", revenue:270, cost:120},
+ {customer:"BBB", product:"Flash", quarter:"Q4", revenue:370, cost:70},
+
+ {customer:"CCC", product:"ColdFusion", quarter:"Q1", revenue:375, cost:120},
+ {customer:"CCC", product:"Flex", quarter:"Q2", revenue:420, cost:120},
+ {customer:"CCC", product:"Dreamweaver", quarter:"Q3", revenue:680, cost:220},
+ {customer:"CCC", product:"Flash", quarter:"Q4", revenue:570, cost:170}
+ ]);
+
+ private function creationCompleteHandler():void {
+ // You must initialize the cube before you
+ // can execute a query on it.
+ myMXMLCube.refresh();
+ }
+
+ // Create the OLAP query.
+ private function getQuery(cube:IOLAPCube):IOLAPQuery {
+ // Create an instance of OLAPQuery to represent the query.
+ var query:OLAPQuery = new OLAPQuery;
+
+ // Get the row axis from the query instance.
+ var rowQueryAxis:IOLAPQueryAxis =
+ query.getAxis(OLAPQuery.ROW_AXIS);
+ // Create an OLAPSet instance to configure the axis.
+ var productSet:OLAPSet = new OLAPSet;
+ // Add the Product to the row to aggregate data
+ // by the Product dimension.
+ productSet.addElements(
+ cube.findDimension("ProductDim").findAttribute("Product").children);
+ // Add the OLAPSet instance to the axis.
+ rowQueryAxis.addSet(productSet);
+
+ // Get the column axis from the query instance, and configure it
+ // to aggregate the columns by the Quarter dimension.
+ var colQueryAxis:IOLAPQueryAxis =
+ query.getAxis(OLAPQuery.COLUMN_AXIS);
+ var quarterSet:OLAPSet= new OLAPSet;
+ quarterSet.addElements(
+ cube.findDimension("QuarterDim").findAttribute("Quarter").children);
+ colQueryAxis.addSet(quarterSet);
+
+ return query;
+ }
+
+ // Event handler to execute the OLAP query
+ // after the cube completes initialization.
+ private function runQuery(event:CubeEvent):void {
+ // Get cube.
+ var cube:IOLAPCube = IOLAPCube(event.currentTarget);
+ // Create a query instance.
+ var query:IOLAPQuery = getQuery(cube);
+ // Execute the query.
+ var token:AsyncToken = cube.execute(query);
+ // Setup handlers for the query results.
+ token.addResponder(new AsyncResponder(showResult, showFault));
+ }
+
+ // Handle a query fault.
+ private function showFault(result:Object, token:Object):void {
+ Alert.show("Error in query.");
+ }
+
+ // Handle a successful query by passing the query results to
+ // the OLAPDataGrid control..
+ private function showResult(result:Object, token:Object):void {
+ if (!result) {
+ Alert.show("No results from query.");
+ return;
+ }
+ myOLAPDG.dataProvider= result as OLAPResult;
+ }
+ ]]>
+ </fx:Script>
+
+ <s:layout>
+ <s:HorizontalLayout horizontalAlign="center" />
+ </s:layout>
+
+ <fx:Declarations>
+ <mx:OLAPCube name="FlatSchemaCube" dataProvider="{flatData}" id="myMXMLCube" complete="runQuery(event);">
+ <mx:OLAPDimension name="CustomerDim">
+ <mx:OLAPAttribute name="Customer" dataField="customer"/>
+ <mx:OLAPHierarchy name="CustomerHier" hasAll="true">
+ <mx:OLAPLevel attributeName="Customer"/>
+ </mx:OLAPHierarchy>
+ </mx:OLAPDimension>
+
+ <mx:OLAPDimension name="ProductDim">
+ <mx:OLAPAttribute name="Product" dataField="product"/>
+ <mx:OLAPHierarchy name="ProductHier" hasAll="true">
+ <mx:OLAPLevel attributeName="Product"/>
+ </mx:OLAPHierarchy>
+ </mx:OLAPDimension>
+
+ <mx:OLAPDimension name="QuarterDim">
+ <mx:OLAPAttribute name="Quarter" dataField="quarter"/>
+ <mx:OLAPHierarchy name="QuarterHier" hasAll="true">
+ <mx:OLAPLevel attributeName="Quarter"/>
+ </mx:OLAPHierarchy>
+ </mx:OLAPDimension>
+
+ <mx:OLAPMeasure name="Revenue"
+ dataField="revenue"
+ aggregator="SUM"/>
+ </mx:OLAPCube>
+ </fx:Declarations>
+
+
+
+ <s:Panel title="OLAPDataGrid Control" color="0x000000"
+ borderAlpha="0.15"
+ width="600">
+
+ <s:layout>
+ <s:HorizontalLayout horizontalAlign="center"
+ paddingLeft="10" paddingRight="10"
+ paddingTop="10" paddingBottom="10"/>
+ </s:layout>
+
+ <mx:OLAPDataGrid id="myOLAPDG" color="0x323232" width="100%" height="100%"/>
+
+ </s:Panel>
+
+</s:Application>
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/1ff24b48/TourDeFlex/TourDeFlex3/src/spark/effects/WipeExample.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/effects/WipeExample.html b/TourDeFlex/TourDeFlex3/src/spark/effects/WipeExample.html
deleted file mode 100644
index 37d9446..0000000
--- a/TourDeFlex/TourDeFlex3/src/spark/effects/WipeExample.html
+++ /dev/null
@@ -1,121 +0,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.
--->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<!-- saved from url=(0014)about:internet -->
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
- <!--
- Smart developers always View Source.
-
- This application was built using Adobe Flex, an open source framework
- for building rich Internet applications that get delivered via the
- Flash Player or to desktops via Adobe AIR.
-
- Learn more about Flex at http://flex.org
- // -->
- <head>
- <title></title>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <!-- Include CSS to eliminate any default margins/padding and set the height of the html element and
- the body element to 100%, because Firefox, or any Gecko based browser, interprets percentage as
- the percentage of the height of its parent container, which has to be set explicitly. Initially,
- don't display flashContent div so it won't show if JavaScript disabled.
- -->
- <style type="text/css" media="screen">
- html, body { height:100%; }
- body { margin:0; padding:0; overflow:auto; text-align:center;
- background-color: #ffffff; }
- #flashContent { display:none; }
- </style>
-
- <!-- Enable Browser History by replacing useBrowserHistory tokens with two hyphens -->
- <!-- BEGIN Browser History required section -->
- <link rel="stylesheet" type="text/css" href="history/history.css" />
- <script type="text/javascript" src="history/history.js"></script>
- <!-- END Browser History required section -->
-
- <script type="text/javascript" src="swfobject.js"></script>
- <script type="text/javascript">
- <!-- For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection. -->
- var swfVersionStr = "10.0.0";
- <!-- To use express install, set to playerProductInstall.swf, otherwise the empty string. -->
- var xiSwfUrlStr = "playerProductInstall.swf";
- var flashvars = {};
- var params = {};
- params.quality = "high";
- params.bgcolor = "#ffffff";
- params.allowscriptaccess = "sameDomain";
- params.allowfullscreen = "true";
- var attributes = {};
- attributes.id = "sample";
- attributes.name = "sample";
- attributes.align = "middle";
- swfobject.embedSWF(
- "sample.swf", "flashContent",
- "100%", "100%",
- swfVersionStr, xiSwfUrlStr,
- flashvars, params, attributes);
- <!-- JavaScript enabled so display the flashContent div in case it is not replaced with a swf object. -->
- swfobject.createCSS("#flashContent", "display:block;text-align:left;");
- </script>
- </head>
- <body>
- <!-- SWFObject's dynamic embed method replaces this alternative HTML content with Flash content when enough
- JavaScript and Flash plug-in support is available. The div is initially hidden so that it doesn't show
- when JavaScript is disabled.
- -->
- <div id="flashContent">
- <p>
- To view this page ensure that Adobe Flash Player version
- 10.0.0 or greater is installed.
- </p>
- <script type="text/javascript">
- var pageHost = ((document.location.protocol == "https:") ? "https://" : "http://");
- document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='"
- + pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" );
- </script>
- </div>
-
- <noscript>
- <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="sample">
- <param name="movie" value="sample.swf" />
- <param name="quality" value="high" />
- <param name="bgcolor" value="#ffffff" />
- <param name="allowScriptAccess" value="sameDomain" />
- <param name="allowFullScreen" value="true" />
- <!--[if !IE]>-->
- <object type="application/x-shockwave-flash" data="sample.swf" width="100%" height="100%">
- <param name="quality" value="high" />
- <param name="bgcolor" value="#ffffff" />
- <param name="allowScriptAccess" value="sameDomain" />
- <param name="allowFullScreen" value="true" />
- <!--<![endif]-->
- <!--[if gte IE 6]>-->
- <p>
- Either scripts and active content are not permitted to run or Adobe Flash Player version
- 10.0.0 or greater is not installed.
- </p>
- <!--<![endif]-->
- <a href="http://www.adobe.com/go/getflashplayer">
- <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" />
- </a>
- <!--[if !IE]>-->
- </object>
- <!--<![endif]-->
- </object>
- </noscript>
- </body>
-</html>
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/1ff24b48/TourDeFlex/TourDeFlex3/src/spark/effects/WipeExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/effects/WipeExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/effects/WipeExample.mxml
new file mode 100644
index 0000000..451ee18
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/effects/WipeExample.mxml
@@ -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
+ 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
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/1ff24b48/TourDeFlex/TourDeFlex3/src/spark/effects/assets/back.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/effects/assets/back.png b/TourDeFlex/TourDeFlex3/src/spark/effects/assets/back.png
new file mode 100644
index 0000000..19367fb
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/spark/effects/assets/back.png differ
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/1ff24b48/TourDeFlex/TourDeFlex3/src/spark/fxg/assets/ApacheFlexLogo.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/fxg/assets/ApacheFlexLogo.png b/TourDeFlex/TourDeFlex3/src/spark/fxg/assets/ApacheFlexLogo.png
new file mode 100644
index 0000000..4ff037f
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/spark/fxg/assets/ApacheFlexLogo.png differ