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/master Commit: 1ff24b4877ebadd00312fea8d9481ca125f5094d Parents: 9d8f729 Author: Justin Mclean <[email protected]> Authored: Sat Aug 9 18:19:00 2014 +1000 Committer: Justin Mclean <[email protected]> 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
![http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif"](http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif"){kind=link}
