http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/SearchDemo.mxml.html ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/SearchDemo.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/SearchDemo.mxml.html index 6401361..f5ce29b 100644 --- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/SearchDemo.mxml.html +++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/SearchDemo.mxml.html @@ -14,61 +14,61 @@ See the License for the specific language governing permissions and limitations under the License. --> -<!-- saved from url=(0014)about:internet --> -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> -<html xmlns="http://www.w3.org/1999/xhtml";> -<head> -<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> -<title>SearchDemo.mxml</title> -<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/> -</head> - -<body><pre><span class="MXMLProcessing_Instruction"><?xml version="1.0" encoding="utf-8"?></span> -<span class="MXMLComponent_Tag"><mx:Application</span><span class="MXMLDefault_Text"> xmlns:mx="</span><span class="MXMLString">http://www.adobe.com/2006/mxml</span><span class="MXMLDefault_Text">" xmlns="</span><span class="MXMLString">*</span><span class="MXMLDefault_Text">" - verticalGap="</span><span class="MXMLString">30</span><span class="MXMLDefault_Text">" horizontalAlign="</span><span class="MXMLString">left</span><span class="MXMLDefault_Text">" backgroundGradientColors="</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> - - <span class="MXMLSpecial_Tag"><mx:Style></span> - <span class="CSSSelector">Label </span><span class="CSSDelimiters">{</span> - <span class="CSSProperty_Name">color</span><span class="CSSDelimiters">:</span> <span class="CSSProperty_Value">#FFFFFF</span><span class="CSSDelimiters">;</span> - <span class="CSSDelimiters">}</span> - <span class="MXMLSpecial_Tag"></mx:Style></span> - - <span class="MXMLSpecial_Tag"><mx:Script></span> - <span class="ActionScriptOperator"><!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span> - - <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">collections</span>.<span class="ActionScriptDefault_Text">ArrayCollection</span>; - - <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">names</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">ArrayCollection</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span> - <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptString">"John Smith"</span>, <span class="ActionScriptString">"Jane Doe"</span>, <span class="ActionScriptString">"Paul Dupont"</span>, <span class="ActionScriptString">"Liz Jones"</span>, <span class="ActionScriptString">"Marie Taylor"</span><span class="ActionScriptBracket/Brace">])</span>; - - <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">searchName</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">item</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Object</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Boolean</span> - <span class="ActionScriptBracket/Brace">{</span> - <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">item</span>.<span class="ActionScriptDefault_Text">toLowerCase</span><span class="ActionScriptBracket/Brace">()</span>.<span class="ActionScriptDefault_Text">search</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">searchBox</span>.<span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">!=</span> <span class="ActionScriptOperator">-</span>1; - <span class="ActionScriptBracket/Brace">}</span> - - <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">textChangeHandler</span><span class="ActionScriptBracket/Brace">()</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span> - <span class="ActionScriptBracket/Brace">{</span> - <span class="ActionScriptDefault_Text">names</span>.<span class="ActionScriptDefault_Text">filterFunction</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">searchName</span>; - <span class="ActionScriptDefault_Text">names</span>.<span class="ActionScriptDefault_Text">refresh</span><span class="ActionScriptBracket/Brace">()</span>; - <span class="ActionScriptDefault_Text">searchBox</span>.<span class="ActionScriptDefault_Text">dataProvider</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">names</span>; - <span class="ActionScriptBracket/Brace">}</span> - - <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">itemSelectedHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">SearchBoxEvent</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span> - <span class="ActionScriptBracket/Brace">{</span> - <span class="ActionScriptDefault_Text">fullName</span>.<span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span>.<span class="ActionScriptDefault_Text">item</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">String</span>; - <span class="ActionScriptBracket/Brace">}</span> - - <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">></span> - <span class="MXMLSpecial_Tag"></mx:Script></span> - - <span class="MXMLComponent_Tag"><mx:HBox</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" horizontalAlign="</span><span class="MXMLString">right</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> - <span class="MXMLComponent_Tag"><mx:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Type a few characters to search:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> - <span class="MXMLComponent_Tag"><SearchBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">searchBox</span><span class="MXMLDefault_Text">" textChange="</span><span class="ActionScriptDefault_Text">textChangeHandler</span><span class="ActionScriptBracket/Brace">()</span><span class="MXMLDefault_Text">" itemSelected="</span><span class="ActionScriptDefault_Text">itemSelectedHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> - <span class="MXMLComponent_Tag"></mx:HBox></span> - - <span class="MXMLComponent_Tag"><mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">You selected:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> - <span class="MXMLComponent_Tag"><mx:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">fullName</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> - <span class="MXMLComponent_Tag"></mx:FormItem></span> - -<span class="MXMLComponent_Tag"></mx:Application></span></pre></body> -</html> +<!-- saved from url=(0014)about:internet --> +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> +<html xmlns="http://www.w3.org/1999/xhtml";> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> +<title>SearchDemo.mxml</title> +<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/> +</head> + +<body><pre><span class="MXMLProcessing_Instruction"><?xml version="1.0" encoding="utf-8"?></span> +<span class="MXMLComponent_Tag"><mx:Application</span><span class="MXMLDefault_Text"> xmlns:mx="</span><span class="MXMLString">http://www.adobe.com/2006/mxml</span><span class="MXMLDefault_Text">" xmlns="</span><span class="MXMLString">*</span><span class="MXMLDefault_Text">" + verticalGap="</span><span class="MXMLString">30</span><span class="MXMLDefault_Text">" horizontalAlign="</span><span class="MXMLString">left</span><span class="MXMLDefault_Text">" backgroundGradientColors="</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> + + <span class="MXMLSpecial_Tag"><mx:Style></span> + <span class="CSSSelector">Label </span><span class="CSSDelimiters">{</span> + <span class="CSSProperty_Name">color</span><span class="CSSDelimiters">:</span> <span class="CSSProperty_Value">#FFFFFF</span><span class="CSSDelimiters">;</span> + <span class="CSSDelimiters">}</span> + <span class="MXMLSpecial_Tag"></mx:Style></span> + + <span class="MXMLSpecial_Tag"><mx:Script></span> + <span class="ActionScriptOperator"><!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span> + + <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">collections</span>.<span class="ActionScriptDefault_Text">ArrayCollection</span>; + + <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">names</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">ArrayCollection</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span> + <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptString">"John Smith"</span>, <span class="ActionScriptString">"Jane Doe"</span>, <span class="ActionScriptString">"Paul Dupont"</span>, <span class="ActionScriptString">"Liz Jones"</span>, <span class="ActionScriptString">"Marie Taylor"</span><span class="ActionScriptBracket/Brace">])</span>; + + <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">searchName</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">item</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Object</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Boolean</span> + <span class="ActionScriptBracket/Brace">{</span> + <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">item</span>.<span class="ActionScriptDefault_Text">toLowerCase</span><span class="ActionScriptBracket/Brace">()</span>.<span class="ActionScriptDefault_Text">search</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">searchBox</span>.<span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">!=</span> <span class="ActionScriptOperator">-</span>1; + <span class="ActionScriptBracket/Brace">}</span> + + <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">textChangeHandler</span><span class="ActionScriptBracket/Brace">()</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span> + <span class="ActionScriptBracket/Brace">{</span> + <span class="ActionScriptDefault_Text">names</span>.<span class="ActionScriptDefault_Text">filterFunction</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">searchName</span>; + <span class="ActionScriptDefault_Text">names</span>.<span class="ActionScriptDefault_Text">refresh</span><span class="ActionScriptBracket/Brace">()</span>; + <span class="ActionScriptDefault_Text">searchBox</span>.<span class="ActionScriptDefault_Text">dataProvider</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">names</span>; + <span class="ActionScriptBracket/Brace">}</span> + + <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">itemSelectedHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">SearchBoxEvent</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span> + <span class="ActionScriptBracket/Brace">{</span> + <span class="ActionScriptDefault_Text">fullName</span>.<span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span>.<span class="ActionScriptDefault_Text">item</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">String</span>; + <span class="ActionScriptBracket/Brace">}</span> + + <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">></span> + <span class="MXMLSpecial_Tag"></mx:Script></span> + + <span class="MXMLComponent_Tag"><mx:HBox</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" horizontalAlign="</span><span class="MXMLString">right</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> + <span class="MXMLComponent_Tag"><mx:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Type a few characters to search:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> + <span class="MXMLComponent_Tag"><SearchBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">searchBox</span><span class="MXMLDefault_Text">" textChange="</span><span class="ActionScriptDefault_Text">textChangeHandler</span><span class="ActionScriptBracket/Brace">()</span><span class="MXMLDefault_Text">" itemSelected="</span><span class="ActionScriptDefault_Text">itemSelectedHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> + <span class="MXMLComponent_Tag"></mx:HBox></span> + + <span class="MXMLComponent_Tag"><mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">You selected:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> + <span class="MXMLComponent_Tag"><mx:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">fullName</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> + <span class="MXMLComponent_Tag"></mx:FormItem></span> + +<span class="MXMLComponent_Tag"></mx:Application></span></pre></body> +</html>
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/VideoPlayer.mxml.html ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/VideoPlayer.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/VideoPlayer.mxml.html index 48983fb..009bfb3 100644 --- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/VideoPlayer.mxml.html +++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/VideoPlayer.mxml.html @@ -14,73 +14,73 @@ See the License for the specific language governing permissions and limitations under the License. --> -<!-- saved from url=(0014)about:internet --> -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> -<html xmlns="http://www.w3.org/1999/xhtml";> -<head> -<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> -<title>VideoPlayer.mxml</title> -<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/> -</head> - -<body><pre><span class="MXMLProcessing_Instruction"><?xml version="1.0" encoding="utf-8"?></span> -<span class="MXMLComponent_Tag"><mx:Canvas</span><span class="MXMLDefault_Text"> xmlns:mx="</span><span class="MXMLString">http://www.adobe.com/2006/mxml</span><span class="MXMLDefault_Text">" borderStyle="</span><span class="MXMLString">outset</span><span class="MXMLDefault_Text">" backgroundColor="</span><span class="MXMLString">#333333</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> - - <span class="MXMLSpecial_Tag"><mx:Metadata></span> - <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Event</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">name</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">"complete"</span>, <span class="ActionScriptDefault_Text">type</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">"mx.events.VideoEvent"</span><span class="ActionScriptBracket/Brace">)]</span> - <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Event</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">name</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">"stateChange"</span>, <span class="ActionScriptDefault_Text">type</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">"mx.events.VideoEvent"</span><span class="ActionScriptBracket/Brace">)]</span> - <span class="MXMLSpecial_Tag"></mx:Metadata></span> - - <span class="MXMLSpecial_Tag"><mx:Script></span> - <span class="ActionScriptOperator"><!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span> - <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">events</span>.<span class="ActionScriptDefault_Text">VideoEvent</span>; - <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">events</span>.<span class="ActionScriptDefault_Text">ItemClickEvent</span>; - - <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span> <span class="ActionScriptReserved">public</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">videoWidth</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 240; - <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span> <span class="ActionScriptReserved">public</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">videoHeight</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 180; - <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span> <span class="ActionScriptReserved">public</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">source</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">String</span>; - - <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">buttonBarClick</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">ItemClickEvent</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span> - <span class="ActionScriptBracket/Brace">{</span> - <span class="ActionScriptReserved">switch</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>.<span class="ActionScriptDefault_Text">index</span><span class="ActionScriptBracket/Brace">)</span> - <span class="ActionScriptBracket/Brace">{</span> - <span class="ActionScriptReserved">case</span> 0<span class="ActionScriptOperator">:</span> - <span class="ActionScriptDefault_Text">videoDisplay</span>.<span class="ActionScriptDefault_Text">play</span><span class="ActionScriptBracket/Brace">()</span>; - <span class="ActionScriptReserved">break</span>; - <span class="ActionScriptReserved">case</span> 1<span class="ActionScriptOperator">:</span> - <span class="ActionScriptDefault_Text">videoDisplay</span>.<span class="ActionScriptDefault_Text">pause</span><span class="ActionScriptBracket/Brace">()</span>; - <span class="ActionScriptReserved">break</span>; - <span class="ActionScriptReserved">case</span> 2<span class="ActionScriptOperator">:</span> - <span class="ActionScriptDefault_Text">videoDisplay</span>.<span class="ActionScriptDefault_Text">stop</span><span class="ActionScriptBracket/Brace">()</span>; - <span class="ActionScriptReserved">break</span>; - <span class="ActionScriptBracket/Brace">}</span> - <span class="ActionScriptBracket/Brace">}</span> - - <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">playHeadUpdateHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">VideoEvent</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span> - <span class="ActionScriptBracket/Brace">{</span> - <span class="ActionScriptDefault_Text">progressBar</span>.<span class="ActionScriptDefault_Text">setProgress</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>.<span class="ActionScriptDefault_Text">playheadTime</span>, <span class="ActionScriptDefault_Text">videoDisplay</span>.<span class="ActionScriptDefault_Text">totalTime</span><span class="ActionScriptBracket/Brace">)</span>; - <span class="ActionScriptBracket/Brace">}</span> - - <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">></span> - <span class="MXMLSpecial_Tag"></mx:Script></span> - - <span class="MXMLComponent_Tag"><mx:VideoDisplay</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">videoDisplay</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">videoWidth</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">videoHeight</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" autoPlay="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">" - top="</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">" right="</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">" - playheadUpdate="</span><span class="ActionScriptDefault_Text">playHeadUpdateHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" - source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">source</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" - complete="</span><span class="ActionScriptDefault_Text">dispatchEvent</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" - stateChange="</span><span class="ActionScriptDefault_Text">dispatchEvent</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> - - <span class="MXMLComponent_Tag"><mx:ProgressBar</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">progressBar</span><span class="MXMLDefault_Text">" mode="</span><span class="MXMLString">manual</span><span class="MXMLDefault_Text">" minimum="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" maximum="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">videoDisplay</span>.<span class="ActionScriptDefault_Text">totalTime</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" - label="</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">videoHeight</span> <span class="ActionScriptOperator">+</span> 8 <span class="MXMLString">}</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">" right="</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> - - <span class="MXMLComponent_Tag"><mx:ButtonBar</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">bb</span><span class="MXMLDefault_Text">" itemClick="</span><span class="ActionScriptDefault_Text">buttonBarClick</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">videoHeight</span> <span class="ActionScriptOperator">+</span> 20<span class="MXMLString">}</span><span class="MXMLDefault_Text">" bottom="</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" toolTipField="</span><span class="MXMLString">toolTip</span><span class="MXMLDefault_Text">"</span><span class="MXMLCompone nt_Tag">></span> - <span class="MXMLComponent_Tag"><mx:dataProvider></span> - <span class="MXMLComponent_Tag"><mx:Object</span><span class="MXMLDefault_Text"> icon="</span><span class="MXMLString">@Embed('assets/control_play_blue.png')</span><span class="MXMLDefault_Text">" toolTip="</span><span class="MXMLString">Play</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> - <span class="MXMLComponent_Tag"><mx:Object</span><span class="MXMLDefault_Text"> icon="</span><span class="MXMLString">@Embed('assets/control_pause_blue.png')</span><span class="MXMLDefault_Text">" toolTip="</span><span class="MXMLString">Pause</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> - <span class="MXMLComponent_Tag"><mx:Object</span><span class="MXMLDefault_Text"> icon="</span><span class="MXMLString">@Embed('assets/control_stop_blue.png')</span><span class="MXMLDefault_Text">" toolTip="</span><span class="MXMLString">Stop</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> - <span class="MXMLComponent_Tag"></mx:dataProvider></span> - <span class="MXMLComponent_Tag"></mx:ButtonBar></span> - -<span class="MXMLComponent_Tag"></mx:Canvas></span></pre></body> -</html> +<!-- saved from url=(0014)about:internet --> +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> +<html xmlns="http://www.w3.org/1999/xhtml";> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> +<title>VideoPlayer.mxml</title> +<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/> +</head> + +<body><pre><span class="MXMLProcessing_Instruction"><?xml version="1.0" encoding="utf-8"?></span> +<span class="MXMLComponent_Tag"><mx:Canvas</span><span class="MXMLDefault_Text"> xmlns:mx="</span><span class="MXMLString">http://www.adobe.com/2006/mxml</span><span class="MXMLDefault_Text">" borderStyle="</span><span class="MXMLString">outset</span><span class="MXMLDefault_Text">" backgroundColor="</span><span class="MXMLString">#333333</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> + + <span class="MXMLSpecial_Tag"><mx:Metadata></span> + <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Event</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">name</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">"complete"</span>, <span class="ActionScriptDefault_Text">type</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">"mx.events.VideoEvent"</span><span class="ActionScriptBracket/Brace">)]</span> + <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Event</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">name</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">"stateChange"</span>, <span class="ActionScriptDefault_Text">type</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">"mx.events.VideoEvent"</span><span class="ActionScriptBracket/Brace">)]</span> + <span class="MXMLSpecial_Tag"></mx:Metadata></span> + + <span class="MXMLSpecial_Tag"><mx:Script></span> + <span class="ActionScriptOperator"><!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span> + <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">events</span>.<span class="ActionScriptDefault_Text">VideoEvent</span>; + <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">events</span>.<span class="ActionScriptDefault_Text">ItemClickEvent</span>; + + <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span> <span class="ActionScriptReserved">public</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">videoWidth</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 240; + <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span> <span class="ActionScriptReserved">public</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">videoHeight</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 180; + <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span> <span class="ActionScriptReserved">public</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">source</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">String</span>; + + <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">buttonBarClick</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">ItemClickEvent</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span> + <span class="ActionScriptBracket/Brace">{</span> + <span class="ActionScriptReserved">switch</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>.<span class="ActionScriptDefault_Text">index</span><span class="ActionScriptBracket/Brace">)</span> + <span class="ActionScriptBracket/Brace">{</span> + <span class="ActionScriptReserved">case</span> 0<span class="ActionScriptOperator">:</span> + <span class="ActionScriptDefault_Text">videoDisplay</span>.<span class="ActionScriptDefault_Text">play</span><span class="ActionScriptBracket/Brace">()</span>; + <span class="ActionScriptReserved">break</span>; + <span class="ActionScriptReserved">case</span> 1<span class="ActionScriptOperator">:</span> + <span class="ActionScriptDefault_Text">videoDisplay</span>.<span class="ActionScriptDefault_Text">pause</span><span class="ActionScriptBracket/Brace">()</span>; + <span class="ActionScriptReserved">break</span>; + <span class="ActionScriptReserved">case</span> 2<span class="ActionScriptOperator">:</span> + <span class="ActionScriptDefault_Text">videoDisplay</span>.<span class="ActionScriptDefault_Text">stop</span><span class="ActionScriptBracket/Brace">()</span>; + <span class="ActionScriptReserved">break</span>; + <span class="ActionScriptBracket/Brace">}</span> + <span class="ActionScriptBracket/Brace">}</span> + + <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">playHeadUpdateHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">VideoEvent</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span> + <span class="ActionScriptBracket/Brace">{</span> + <span class="ActionScriptDefault_Text">progressBar</span>.<span class="ActionScriptDefault_Text">setProgress</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>.<span class="ActionScriptDefault_Text">playheadTime</span>, <span class="ActionScriptDefault_Text">videoDisplay</span>.<span class="ActionScriptDefault_Text">totalTime</span><span class="ActionScriptBracket/Brace">)</span>; + <span class="ActionScriptBracket/Brace">}</span> + + <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">></span> + <span class="MXMLSpecial_Tag"></mx:Script></span> + + <span class="MXMLComponent_Tag"><mx:VideoDisplay</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">videoDisplay</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">videoWidth</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">videoHeight</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" autoPlay="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">" + top="</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">" right="</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">" + playheadUpdate="</span><span class="ActionScriptDefault_Text">playHeadUpdateHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" + source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">source</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" + complete="</span><span class="ActionScriptDefault_Text">dispatchEvent</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" + stateChange="</span><span class="ActionScriptDefault_Text">dispatchEvent</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> + + <span class="MXMLComponent_Tag"><mx:ProgressBar</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">progressBar</span><span class="MXMLDefault_Text">" mode="</span><span class="MXMLString">manual</span><span class="MXMLDefault_Text">" minimum="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" maximum="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">videoDisplay</span>.<span class="ActionScriptDefault_Text">totalTime</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" + label="</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">videoHeight</span> <span class="ActionScriptOperator">+</span> 8 <span class="MXMLString">}</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">" right="</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> + + <span class="MXMLComponent_Tag"><mx:ButtonBar</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">bb</span><span class="MXMLDefault_Text">" itemClick="</span><span class="ActionScriptDefault_Text">buttonBarClick</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">videoHeight</span> <span class="ActionScriptOperator">+</span> 20<span class="MXMLString">}</span><span class="MXMLDefault_Text">" bottom="</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" toolTipField="</span><span class="MXMLString">toolTip</span><span class="MXMLDefault_Text">"</span><span class="MXMLCompone nt_Tag">></span> + <span class="MXMLComponent_Tag"><mx:dataProvider></span> + <span class="MXMLComponent_Tag"><mx:Object</span><span class="MXMLDefault_Text"> icon="</span><span class="MXMLString">@Embed('assets/control_play_blue.png')</span><span class="MXMLDefault_Text">" toolTip="</span><span class="MXMLString">Play</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> + <span class="MXMLComponent_Tag"><mx:Object</span><span class="MXMLDefault_Text"> icon="</span><span class="MXMLString">@Embed('assets/control_pause_blue.png')</span><span class="MXMLDefault_Text">" toolTip="</span><span class="MXMLString">Pause</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> + <span class="MXMLComponent_Tag"><mx:Object</span><span class="MXMLDefault_Text"> icon="</span><span class="MXMLString">@Embed('assets/control_stop_blue.png')</span><span class="MXMLDefault_Text">" toolTip="</span><span class="MXMLString">Stop</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> + <span class="MXMLComponent_Tag"></mx:dataProvider></span> + <span class="MXMLComponent_Tag"></mx:ButtonBar></span> + +<span class="MXMLComponent_Tag"></mx:Canvas></span></pre></body> +</html> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/main.mxml.html ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/main.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/main.mxml.html index 62150f7..2cfd8c6 100644 --- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/main.mxml.html +++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/main.mxml.html @@ -14,24 +14,24 @@ See the License for the specific language governing permissions and limitations under the License. --> -<!-- saved from url=(0014)about:internet --> -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> -<html xmlns="http://www.w3.org/1999/xhtml";> -<head> -<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> -<title>main.mxml</title> -<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/> -</head> - -<body><pre><span class="MXMLProcessing_Instruction"><?xml version="1.0" encoding="utf-8"?></span> -<span class="MXMLComponent_Tag"><mx:Application</span><span class="MXMLDefault_Text"> xmlns:mx="</span><span class="MXMLString">http://www.adobe.com/2006/mxml</span><span class="MXMLDefault_Text">" xmlns:local="</span><span class="MXMLString">*</span><span class="MXMLDefault_Text">" - layout="</span><span class="MXMLString">horizontal</span><span class="MXMLDefault_Text">" backgroundGradientColors="</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">" viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> - - <span class="MXMLComponent_Tag"><local:VideoPlayer</span><span class="MXMLDefault_Text"> source="</span><span class="MXMLString">video1.flv</span><span class="MXMLDefault_Text">" - complete="</span><span class="ActionScriptDefault_Text">log</span>.<span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">'complete\n'</span><span class="MXMLDefault_Text">" - stateChange="</span><span class="ActionScriptDefault_Text">log</span>.<span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">event</span>.<span class="ActionScriptDefault_Text">state</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">'\n'</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> - - <span class="MXMLComponent_Tag"><mx:TextArea</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">log</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">250</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> - -<span class="MXMLComponent_Tag"></mx:Application></span></pre></body> -</html> +<!-- saved from url=(0014)about:internet --> +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> +<html xmlns="http://www.w3.org/1999/xhtml";> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> +<title>main.mxml</title> +<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/> +</head> + +<body><pre><span class="MXMLProcessing_Instruction"><?xml version="1.0" encoding="utf-8"?></span> +<span class="MXMLComponent_Tag"><mx:Application</span><span class="MXMLDefault_Text"> xmlns:mx="</span><span class="MXMLString">http://www.adobe.com/2006/mxml</span><span class="MXMLDefault_Text">" xmlns:local="</span><span class="MXMLString">*</span><span class="MXMLDefault_Text">" + layout="</span><span class="MXMLString">horizontal</span><span class="MXMLDefault_Text">" backgroundGradientColors="</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">" viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> + + <span class="MXMLComponent_Tag"><local:VideoPlayer</span><span class="MXMLDefault_Text"> source="</span><span class="MXMLString">video1.flv</span><span class="MXMLDefault_Text">" + complete="</span><span class="ActionScriptDefault_Text">log</span>.<span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">'complete\n'</span><span class="MXMLDefault_Text">" + stateChange="</span><span class="ActionScriptDefault_Text">log</span>.<span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">event</span>.<span class="ActionScriptDefault_Text">state</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">'\n'</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> + + <span class="MXMLComponent_Tag"><mx:TextArea</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">log</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">250</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> + +<span class="MXMLComponent_Tag"></mx:Application></span></pre></body> +</html> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/main.mxml.html ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/main.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/main.mxml.html index 9dfaa90..b5f7bae 100644 --- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/main.mxml.html +++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/main.mxml.html @@ -14,45 +14,45 @@ See the License for the specific language governing permissions and limitations under the License. --> -<!-- saved from url=(0014)about:internet --> -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> -<html xmlns="http://www.w3.org/1999/xhtml";> -<head> -<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> -<title>main.mxml</title> -<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/> -</head> - -<body><pre><span class="MXMLProcessing_Instruction"><?xml version="1.0" encoding="utf-8"?></span> -<span class="MXMLComponent_Tag"><s:Application</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" - xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" - xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" - xmlns:local="</span><span class="MXMLString">*</span><span class="MXMLDefault_Text">" - skinClass="</span><span class="MXMLString">TDFGradientBackgroundSkin</span><span class="MXMLDefault_Text">" - viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> - - <span class="MXMLComponent_Tag"><s:layout></span> - <span class="MXMLComponent_Tag"><s:HorizontalLayout</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">" horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> - <span class="MXMLComponent_Tag"></s:layout></span> - - <span class="MXMLComponent_Tag"><s:Panel</span><span class="MXMLDefault_Text"> title="</span><span class="MXMLString">Components Samples</span><span class="MXMLDefault_Text">" - width="</span><span class="MXMLString">600</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" - color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" - borderAlpha="</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> - - <span class="MXMLComponent_Tag"><s:layout></span> - <span class="MXMLComponent_Tag"><s:HorizontalLayout</span><span class="MXMLDefault_Text"> horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" - paddingLeft="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" - paddingTop="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> - <span class="MXMLComponent_Tag"></s:layout></span> - - <span class="MXMLComponent_Tag"><local:VideoPlayer</span><span class="MXMLDefault_Text"> source="</span><span class="MXMLString">video1.flv</span><span class="MXMLDefault_Text">" - complete="</span><span class="ActionScriptDefault_Text">log</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">'complete\n'</span><span class="MXMLDefault_Text">" - mediaPlayerStateChange="</span><span class="ActionScriptDefault_Text">log</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">state</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">toString</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">'\n'</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> - - <span class="MXMLComponent_Tag"><s:TextArea</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">log</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">220</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> - - <span class="MXMLComponent_Tag"></s:Panel></span> - -<span class="MXMLComponent_Tag"></s:Application></span></pre></body> -</html> +<!-- saved from url=(0014)about:internet --> +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> +<html xmlns="http://www.w3.org/1999/xhtml";> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> +<title>main.mxml</title> +<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/> +</head> + +<body><pre><span class="MXMLProcessing_Instruction"><?xml version="1.0" encoding="utf-8"?></span> +<span class="MXMLComponent_Tag"><s:Application</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" + xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" + xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" + xmlns:local="</span><span class="MXMLString">*</span><span class="MXMLDefault_Text">" + skinClass="</span><span class="MXMLString">TDFGradientBackgroundSkin</span><span class="MXMLDefault_Text">" + viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> + + <span class="MXMLComponent_Tag"><s:layout></span> + <span class="MXMLComponent_Tag"><s:HorizontalLayout</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">" horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> + <span class="MXMLComponent_Tag"></s:layout></span> + + <span class="MXMLComponent_Tag"><s:Panel</span><span class="MXMLDefault_Text"> title="</span><span class="MXMLString">Components Samples</span><span class="MXMLDefault_Text">" + width="</span><span class="MXMLString">600</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" + color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" + borderAlpha="</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> + + <span class="MXMLComponent_Tag"><s:layout></span> + <span class="MXMLComponent_Tag"><s:HorizontalLayout</span><span class="MXMLDefault_Text"> horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" + paddingLeft="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" + paddingTop="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> + <span class="MXMLComponent_Tag"></s:layout></span> + + <span class="MXMLComponent_Tag"><local:VideoPlayer</span><span class="MXMLDefault_Text"> source="</span><span class="MXMLString">video1.flv</span><span class="MXMLDefault_Text">" + complete="</span><span class="ActionScriptDefault_Text">log</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">'complete\n'</span><span class="MXMLDefault_Text">" + mediaPlayerStateChange="</span><span class="ActionScriptDefault_Text">log</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">state</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">toString</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">'\n'</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> + + <span class="MXMLComponent_Tag"><s:TextArea</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">log</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">220</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> + + <span class="MXMLComponent_Tag"></s:Panel></span> + +<span class="MXMLComponent_Tag"></s:Application></span></pre></body> +</html> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchBox.as ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchBox.as b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchBox.as index e263c2c..f19dfd1 100644 --- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchBox.as +++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchBox.as @@ -16,161 +16,161 @@ // limitations under the License. // //////////////////////////////////////////////////////////////////////////////// -package -{ - import flash.events.Event; - import flash.events.KeyboardEvent; - import flash.events.MouseEvent; - import flash.geom.Point; - import flash.ui.Keyboard; - - import mx.collections.ArrayCollection; - import mx.controls.Button; - import mx.controls.List; - import mx.controls.TextInput; - import mx.core.UIComponent; - import mx.events.FlexEvent; - import mx.events.FlexMouseEvent; - import mx.events.ListEvent; - import mx.managers.PopUpManager; - - [Event(name="textChange", type="flash.events.Event")] - [Event(name="itemSelected", type="SearchBoxEvent")] - - public class SearchBox extends UIComponent - { - [Embed("assets/icon_close.png")] - private var closeIcon:Class; - - private var textInput:TextInput; - private var closeButton:Button; - private var list:List; - - private var isListVisible:Boolean = false; - - public var text:String; - - public function set dataProvider(dp:ArrayCollection):void - { - list.dataProvider = dp; - if (dp != null && dp.length > 0) - { - if (!isListVisible) popup(); - list.selectedIndex = 0; - } - else - { - if (isListVisible) removePopup(); - } - } - - override protected function createChildren():void - { - super.createChildren(); - - textInput = new TextInput(); - textInput.addEventListener(Event.CHANGE, textInput_changeHandler); - textInput.addEventListener(KeyboardEvent.KEY_DOWN, textInput_keyDownHandler); - addChild(textInput); - - closeButton = new Button(); - closeButton.setStyle("icon", closeIcon) - closeButton.setStyle("skin", null) - closeButton.addEventListener(MouseEvent.CLICK, closeHandler); - closeButton.width = 20; - addChild(closeButton); - - list = new List(); - list.setStyle("dropShadowEnabled", true); - list.addEventListener(ListEvent.ITEM_CLICK, selectItem); - systemManager.addEventListener(Event.RESIZE, removePopup, false, 0, true); - } - - override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void - { - super.updateDisplayList(unscaledWidth, unscaledHeight); - - textInput.width = unscaledWidth - closeButton.width; - textInput.height = unscaledHeight; - - closeButton.height = unscaledHeight; - closeButton.move(unscaledWidth - closeButton.width, 0); - } - - override protected function measure():void - { - super.measure(); - this.measuredWidth = 160; - this.measuredHeight = textInput.measuredHeight; - } - - private function textInput_keyDownHandler(event:KeyboardEvent):void - { - switch (event.keyCode) - { - case Keyboard.DOWN: - if (isListVisible) - list.selectedIndex++; - else - popup(); - break; - case Keyboard.UP: - if (isListVisible && list.selectedIndex > 0) - { - list.selectedIndex--; - } - textInput.setSelection(textInput.text.length, textInput.text.length); - break; - case Keyboard.ENTER: - if (isListVisible) selectItem(); - break; - case Keyboard.ESCAPE: - if (isListVisible) removePopup(); - break; - } - } - - private function textInput_changeHandler(event:Event):void - { - text = textInput.text; - dispatchEvent(new Event("textChange")); - } - - private function list_mouseDownOutsideHandler(event:MouseEvent):void - { - removePopup(); - } - - private function selectItem(event:ListEvent = null):void - { - dispatchEvent(new SearchBoxEvent(SearchBoxEvent.ITEM_SELECTED, list.selectedItem)); - removePopup(); - } - - private function popup():void - { - PopUpManager.addPopUp(list, this); - isListVisible = true; - list.width = textInput.width; - var point:Point = new Point(0, unscaledHeight); - point = localToGlobal(point); - point = list.parent.globalToLocal(point); - list.move(point.x, point.y); - list.addEventListener(FlexMouseEvent.MOUSE_DOWN_OUTSIDE, list_mouseDownOutsideHandler); - } - - private function removePopup(event:Event=null):void - { - PopUpManager.removePopUp(list); - list.removeEventListener(FlexMouseEvent.MOUSE_DOWN_OUTSIDE, list_mouseDownOutsideHandler); - isListVisible = false; - } - - private function closeHandler(event:MouseEvent):void - { - textInput.text = ""; - textInput.setFocus(); - } - - } +package +{ + import flash.events.Event; + import flash.events.KeyboardEvent; + import flash.events.MouseEvent; + import flash.geom.Point; + import flash.ui.Keyboard; + + import mx.collections.ArrayCollection; + import mx.controls.Button; + import mx.controls.List; + import mx.controls.TextInput; + import mx.core.UIComponent; + import mx.events.FlexEvent; + import mx.events.FlexMouseEvent; + import mx.events.ListEvent; + import mx.managers.PopUpManager; + + [Event(name="textChange", type="flash.events.Event")] + [Event(name="itemSelected", type="SearchBoxEvent")] + + public class SearchBox extends UIComponent + { + [Embed("assets/icon_close.png")] + private var closeIcon:Class; + + private var textInput:TextInput; + private var closeButton:Button; + private var list:List; + + private var isListVisible:Boolean = false; + + public var text:String; + + public function set dataProvider(dp:ArrayCollection):void + { + list.dataProvider = dp; + if (dp != null && dp.length > 0) + { + if (!isListVisible) popup(); + list.selectedIndex = 0; + } + else + { + if (isListVisible) removePopup(); + } + } + + override protected function createChildren():void + { + super.createChildren(); + + textInput = new TextInput(); + textInput.addEventListener(Event.CHANGE, textInput_changeHandler); + textInput.addEventListener(KeyboardEvent.KEY_DOWN, textInput_keyDownHandler); + addChild(textInput); + + closeButton = new Button(); + closeButton.setStyle("icon", closeIcon) + closeButton.setStyle("skin", null) + closeButton.addEventListener(MouseEvent.CLICK, closeHandler); + closeButton.width = 20; + addChild(closeButton); + + list = new List(); + list.setStyle("dropShadowEnabled", true); + list.addEventListener(ListEvent.ITEM_CLICK, selectItem); + systemManager.addEventListener(Event.RESIZE, removePopup, false, 0, true); + } + + override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void + { + super.updateDisplayList(unscaledWidth, unscaledHeight); + + textInput.width = unscaledWidth - closeButton.width; + textInput.height = unscaledHeight; + + closeButton.height = unscaledHeight; + closeButton.move(unscaledWidth - closeButton.width, 0); + } + + override protected function measure():void + { + super.measure(); + this.measuredWidth = 160; + this.measuredHeight = textInput.measuredHeight; + } + + private function textInput_keyDownHandler(event:KeyboardEvent):void + { + switch (event.keyCode) + { + case Keyboard.DOWN: + if (isListVisible) + list.selectedIndex++; + else + popup(); + break; + case Keyboard.UP: + if (isListVisible && list.selectedIndex > 0) + { + list.selectedIndex--; + } + textInput.setSelection(textInput.text.length, textInput.text.length); + break; + case Keyboard.ENTER: + if (isListVisible) selectItem(); + break; + case Keyboard.ESCAPE: + if (isListVisible) removePopup(); + break; + } + } + + private function textInput_changeHandler(event:Event):void + { + text = textInput.text; + dispatchEvent(new Event("textChange")); + } + + private function list_mouseDownOutsideHandler(event:MouseEvent):void + { + removePopup(); + } + + private function selectItem(event:ListEvent = null):void + { + dispatchEvent(new SearchBoxEvent(SearchBoxEvent.ITEM_SELECTED, list.selectedItem)); + removePopup(); + } + + private function popup():void + { + PopUpManager.addPopUp(list, this); + isListVisible = true; + list.width = textInput.width; + var point:Point = new Point(0, unscaledHeight); + point = localToGlobal(point); + point = list.parent.globalToLocal(point); + list.move(point.x, point.y); + list.addEventListener(FlexMouseEvent.MOUSE_DOWN_OUTSIDE, list_mouseDownOutsideHandler); + } + + private function removePopup(event:Event=null):void + { + PopUpManager.removePopUp(list); + list.removeEventListener(FlexMouseEvent.MOUSE_DOWN_OUTSIDE, list_mouseDownOutsideHandler); + isListVisible = false; + } + + private function closeHandler(event:MouseEvent):void + { + textInput.text = ""; + textInput.setFocus(); + } + + } } \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchBoxEvent.as ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchBoxEvent.as b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchBoxEvent.as index 28e744f..e48d8b5 100644 --- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchBoxEvent.as +++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchBoxEvent.as @@ -16,20 +16,20 @@ // limitations under the License. // //////////////////////////////////////////////////////////////////////////////// -package -{ - import flash.events.Event; - - public class SearchBoxEvent extends Event - { - public static const ITEM_SELECTED:String = "itemSelected"; - - public var item:Object; - - public function SearchBoxEvent(type:String, item:Object, bubbles:Boolean = true, cancelable:Boolean = false) - { - this.item = item; - super(type, bubbles, cancelable); - } - } +package +{ + import flash.events.Event; + + public class SearchBoxEvent extends Event + { + public static const ITEM_SELECTED:String = "itemSelected"; + + public var item:Object; + + public function SearchBoxEvent(type:String, item:Object, bubbles:Boolean = true, cancelable:Boolean = false) + { + this.item = item; + super(type, bubbles, cancelable); + } + } } \ No newline at end of file http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchDemo.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchDemo.mxml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchDemo.mxml index 4a13ec1..5b17033 100644 --- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchDemo.mxml +++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchDemo.mxml @@ -1,4 +1,4 @@ -<?xml version="1.0" encoding="utf-8"?> +<?xml version="1.0" encoding="utf-8"?> <!-- Licensed to the Apache Software Foundation (ASF) under one or more @@ -17,76 +17,76 @@ limitations under the License. --> -<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"; - xmlns:s="library://ns.adobe.com/flex/spark" - xmlns:mx="library://ns.adobe.com/flex/mx" - xmlns:local="*" - skinClass="TDFGradientBackgroundSkin" - viewSourceURL="srcview/index.html"> - - <fx:Style> - @namespace s "library://ns.adobe.com/flex/spark"; - @namespace mx "library://ns.adobe.com/flex/mx"; - @namespace local "*"; - - s|Label { - color: #000000; - } - - </fx:Style> - - <fx:Script> - <![CDATA[ - - import mx.collections.ArrayCollection; - - private var names:ArrayCollection = new ArrayCollection( - ["John Smith", "Jane Doe", "Paul Dupont", "Liz Jones", "Marie Taylor"]); - - private function searchName(item:Object):Boolean - { - return item.toLowerCase().search(searchBox.text) != -1; - } - - private function textChangeHandler():void - { - names.filterFunction = searchName; - names.refresh(); - searchBox.dataProvider = names; - } - - private function itemSelectedHandler(event:SearchBoxEvent):void - { - fullName.text = event.item as String; - } - - ]]> - </fx:Script> - - <s:layout> - <s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" /> - </s:layout> - - <s:Panel title="Components Samples" - width="600" height="100%" - color="0x000000" - borderAlpha="0.15"> - - <s:layout> - <s:HorizontalLayout horizontalAlign="center" - paddingLeft="10" paddingRight="10" - paddingTop="10" paddingBottom="10"/> - </s:layout> - - <s:HGroup > - <s:Label text="Type a few characters to search:" /> - <local:SearchBox id="searchBox" textChange="textChangeHandler()" itemSelected="itemSelectedHandler(event)"/> - </s:HGroup> - - <mx:FormItem label="You selected:" > - <s:TextInput id="fullName"/> - </mx:FormItem> - - </s:Panel> - -</s:Application> +<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"; + xmlns:s="library://ns.adobe.com/flex/spark" + xmlns:mx="library://ns.adobe.com/flex/mx" + xmlns:local="*" + skinClass="TDFGradientBackgroundSkin" + viewSourceURL="srcview/index.html"> + + <fx:Style> + @namespace s "library://ns.adobe.com/flex/spark"; + @namespace mx "library://ns.adobe.com/flex/mx"; + @namespace local "*"; + + s|Label { + color: #000000; + } + + </fx:Style> + + <fx:Script> + <![CDATA[ + + import mx.collections.ArrayCollection; + + private var names:ArrayCollection = new ArrayCollection( + ["John Smith", "Jane Doe", "Paul Dupont", "Liz Jones", "Marie Taylor"]); + + private function searchName(item:Object):Boolean + { + return item.toLowerCase().search(searchBox.text) != -1; + } + + private function textChangeHandler():void + { + names.filterFunction = searchName; + names.refresh(); + searchBox.dataProvider = names; + } + + private function itemSelectedHandler(event:SearchBoxEvent):void + { + fullName.text = event.item as String; + } + + ]]> + </fx:Script> + + <s:layout> + <s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" /> + </s:layout> + + <s:Panel title="Components Samples" + width="600" height="100%" + color="0x000000" + borderAlpha="0.15"> + + <s:layout> + <s:HorizontalLayout horizontalAlign="center" + paddingLeft="10" paddingRight="10" + paddingTop="10" paddingBottom="10"/> + </s:layout> + + <s:HGroup > + <s:Label text="Type a few characters to search:" /> + <local:SearchBox id="searchBox" textChange="textChangeHandler()" itemSelected="itemSelectedHandler(event)"/> + </s:HGroup> + + <mx:FormItem label="You selected:" > + <s:TextInput id="fullName"/> + </mx:FormItem> + + </s:Panel> + +</s:Application> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayer.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayer.mxml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayer.mxml index af39161..8f8b8c2 100644 --- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayer.mxml +++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayer.mxml @@ -1,4 +1,4 @@ -<?xml version="1.0" encoding="utf-8"?> +<?xml version="1.0" encoding="utf-8"?> <!-- Licensed to the Apache Software Foundation (ASF) under one or more @@ -17,73 +17,73 @@ limitations under the License. --> -<s:BorderContainer xmlns:fx="http://ns.adobe.com/mxml/2009"; - xmlns:s="library://ns.adobe.com/flex/spark" - xmlns:mx="library://ns.adobe.com/flex/mx" - borderStyle="solid" - backgroundColor="#333333"> - - <fx:Metadata> - [Event(name="complete", type="mx.events.VideoEvent")] - [Event(name="mediaPlayerStateChange", type="org.osmf.events.MediaPlayerStateChangeEvent")] - </fx:Metadata> - - <fx:Script> - <![CDATA[ - import mx.events.ItemClickEvent; - import mx.events.VideoEvent; - - import org.osmf.events.MediaPlayerStateChangeEvent; - import org.osmf.events.TimeEvent; - - [Bindable] public var videoWidth:int = 240; - [Bindable] public var videoHeight:int = 180; - [Bindable] public var source:String; - - private function buttonBarClick(event:ItemClickEvent):void - { - switch (event.index) - { - case 0: - videoDisplay.play(); - break; - case 1: - videoDisplay.pause(); - break; - case 2: - videoDisplay.stop(); - break; - } - } - - private function playHeadUpdateHandler(event:TimeEvent):void - { - progressBar.setProgress(event.time, videoDisplay.duration); - } - - ]]> - </fx:Script> - - <s:layout> - <s:VerticalLayout verticalAlign="middle" horizontalAlign="center" /> - </s:layout> - - <s:VideoDisplay id="videoDisplay" width="{videoWidth}" height="{videoHeight}" autoPlay="false" - currentTimeChange="playHeadUpdateHandler(event)" - source="{source}" - complete="dispatchEvent(event)" - mediaPlayerStateChange="dispatchEvent(event)"/> - - <mx:ProgressBar id="progressBar" mode="manual" minimum="0" maximum="{videoDisplay.duration}" - label="" top="{videoHeight + 8 }" left="4" right="4"/> - - <mx:ButtonBar id="bb" itemClick="buttonBarClick(event)" top="{videoHeight + 20}" bottom="4" - horizontalCenter="0" toolTipField="toolTip"> - <mx:dataProvider> - <fx:Object icon="@Embed('assets/control_play_blue.png')" toolTip="Play"/> - <fx:Object icon="@Embed('assets/control_pause_blue.png')" toolTip="Pause"/> - <fx:Object icon="@Embed('assets/control_stop_blue.png')" toolTip="Stop"/> - </mx:dataProvider> - </mx:ButtonBar> - -</s:BorderContainer> +<s:BorderContainer xmlns:fx="http://ns.adobe.com/mxml/2009"; + xmlns:s="library://ns.adobe.com/flex/spark" + xmlns:mx="library://ns.adobe.com/flex/mx" + borderStyle="solid" + backgroundColor="#333333"> + + <fx:Metadata> + [Event(name="complete", type="mx.events.VideoEvent")] + [Event(name="mediaPlayerStateChange", type="org.osmf.events.MediaPlayerStateChangeEvent")] + </fx:Metadata> + + <fx:Script> + <![CDATA[ + import mx.events.ItemClickEvent; + import mx.events.VideoEvent; + + import org.osmf.events.MediaPlayerStateChangeEvent; + import org.osmf.events.TimeEvent; + + [Bindable] public var videoWidth:int = 240; + [Bindable] public var videoHeight:int = 180; + [Bindable] public var source:String; + + private function buttonBarClick(event:ItemClickEvent):void + { + switch (event.index) + { + case 0: + videoDisplay.play(); + break; + case 1: + videoDisplay.pause(); + break; + case 2: + videoDisplay.stop(); + break; + } + } + + private function playHeadUpdateHandler(event:TimeEvent):void + { + progressBar.setProgress(event.time, videoDisplay.duration); + } + + ]]> + </fx:Script> + + <s:layout> + <s:VerticalLayout verticalAlign="middle" horizontalAlign="center" /> + </s:layout> + + <s:VideoDisplay id="videoDisplay" width="{videoWidth}" height="{videoHeight}" autoPlay="false" + currentTimeChange="playHeadUpdateHandler(event)" + source="{source}" + complete="dispatchEvent(event)" + mediaPlayerStateChange="dispatchEvent(event)"/> + + <mx:ProgressBar id="progressBar" mode="manual" minimum="0" maximum="{videoDisplay.duration}" + label="" top="{videoHeight + 8 }" left="4" right="4"/> + + <mx:ButtonBar id="bb" itemClick="buttonBarClick(event)" top="{videoHeight + 20}" bottom="4" + horizontalCenter="0" toolTipField="toolTip"> + <mx:dataProvider> + <fx:Object icon="@Embed('assets/control_play_blue.png')" toolTip="Play"/> + <fx:Object icon="@Embed('assets/control_pause_blue.png')" toolTip="Pause"/> + <fx:Object icon="@Embed('assets/control_stop_blue.png')" toolTip="Stop"/> + </mx:dataProvider> + </mx:ButtonBar> + +</s:BorderContainer> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayerModule.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayerModule.mxml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayerModule.mxml index 2f2fb89..dc0aec8 100644 --- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayerModule.mxml +++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayerModule.mxml @@ -1,4 +1,4 @@ -<?xml version="1.0" encoding="utf-8"?> +<?xml version="1.0" encoding="utf-8"?> <!-- Licensed to the Apache Software Foundation (ASF) under one or more @@ -17,17 +17,17 @@ limitations under the License. --> -<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009"; - xmlns:s="library://ns.adobe.com/flex/spark" - xmlns:mx="library://ns.adobe.com/flex/mx" - xmlns="*" - layout="horizontal" - paddingTop="8"> - - <VideoPlayer source="objects/HOWTO/Components/video1.flv" - complete="log.text += 'complete\n'" - mediaPlayerStateChange="log.text += event.state + '\n'"/> - - <s:TextArea id="log" height="220"/> - -</mx:Module> +<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009"; + xmlns:s="library://ns.adobe.com/flex/spark" + xmlns:mx="library://ns.adobe.com/flex/mx" + xmlns="*" + layout="horizontal" + paddingTop="8"> + + <VideoPlayer source="objects/HOWTO/Components/video1.flv" + complete="log.text += 'complete\n'" + mediaPlayerStateChange="log.text += event.state + '\n'"/> + + <s:TextArea id="log" height="220"/> + +</mx:Module> http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayerModuleLoader.mxml ---------------------------------------------------------------------- diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayerModuleLoader.mxml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayerModuleLoader.mxml index f11dac8..15af0fc 100644 --- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayerModuleLoader.mxml +++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayerModuleLoader.mxml @@ -1,4 +1,4 @@ -<?xml version="1.0" encoding="utf-8"?> +<?xml version="1.0" encoding="utf-8"?> <!-- Licensed to the Apache Software Foundation (ASF) under one or more @@ -17,18 +17,18 @@ limitations under the License. --> -<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"; - xmlns:s="library://ns.adobe.com/flex/spark" - xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%"> - - <fx:Script> - <![CDATA[ - import mx.controls.Alert; - ]]> - </fx:Script> - - <mx:ModuleLoader url="VideoPlayerModule.swf" width="100%" height="100%" error="Alert.show(event.errorText)"/> - - <s:VideoDisplay/> - -</s:Application> +<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"; + xmlns:s="library://ns.adobe.com/flex/spark" + xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%"> + + <fx:Script> + <![CDATA[ + import mx.controls.Alert; + ]]> + </fx:Script> + + <mx:ModuleLoader url="VideoPlayerModule.swf" width="100%" height="100%" error="Alert.show(event.errorText)"/> + + <s:VideoDisplay/> + +</s:Application>
