<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	>

<channel>
	<title>~No Magic，Just Basic ~</title>
	<atom:link href="http://cloudfly.org.ru/?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://cloudfly.org.ru</link>
	<description>RIA、Flash、Flex、心得討論與分享</description>
	<pubDate>Sat, 21 Aug 2010 17:35:28 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>面試之旅一</title>
		<link>http://cloudfly.org.ru/?p=769</link>
		<comments>http://cloudfly.org.ru/?p=769#comments</comments>
		<pubDate>Sat, 21 Aug 2010 17:31:03 +0000</pubDate>
		<dc:creator>cloudfly</dc:creator>
		
		<category><![CDATA[面試]]></category>

		<guid isPermaLink="false">http://cloudfly.org.ru/?p=769</guid>
		<description><![CDATA[剩不到一個月就要退伍啦!超感動了哩!終於快還陽了。所以開始投履歷找尋未來工作的落腳處，以下分享一下目前已經面試過公司的心得，希望可以越戰越勇，增加經驗值。

第一間：香港雅虎奇摩公司
職務：電子商務部門軟體設計工程師
雅虎算是我第一間約面試的公司，地點就在捷運古亭站9號出口，算是十分的方便，但是由於我懶得做捷運，所以還是從家騎車過去，一踏進奇摩果然有外商公司的感覺，換好會客證之後，就坐在外面等候；沒多久就有位男士過來帶我進去，到了一個會議是坐下後，就遞張名片給我，原來是部門的經理。
之後，那位主管很直接了當的問我最熟悉的語言是什麼，我就把論文那套拿出來說，接著就問一些工讀經驗，製作網頁經驗，然後問了SQL server使用；之後就叫我提問一些問題，我就提問目前雅虎最大競爭對手是誰?貴公司現階段目標是什麼?之後就結束了，整個過程大概40分鐘而已，最後是說這兩週他們陸續都會找人來面試，之後若有通過第一階段面試的話會另行通知。結果等我走出大門後，才發覺剛剛做了一件蠢事，我竟然忘了把精心製作的履歷拿出來(腦殘&#8230;腦殘&#8230;)，內心頓時扼腕，如果有拿出來應該整體面試的感覺跟話題會不一樣，因為介紹作品時就有實際的圖片可以參照。只好默默的離開雅虎啦!
結果：事後沒再接到電話了，應該是被打槍..(哭哭&#8230;)。不過也沒很在意，因為目前並沒有朝向Web發展的打算。
第二間：鴻揚科技有限公司
職務：JAVA軟體設計工程師
早上面試完雅虎後，由於下午還有一家，所幸中午就去吃麥當勞兼休息，順便複習一下下午要考的程式，畢竟還要上機考試(冏&#8230;)。這間算是一家小公司，位置有點偏遠，在忠孝東路六段，從羅斯福路騎了大約25分鐘才找到這家公司，其實可以坐捷運到永春站再步行即可，但原因還是我懶(ㄎㄎ&#8230;)。這家公司辦公地點是類似租用大樓的一層公寓，一進去目測員工大約不超過十個，先考智力測驗，時間30分鐘，考題包含數學與邏輯推理能力，時間其實有點短，所以沒寫完，但我想這應該不是重點，上機考沒考好的話，也沒機會進入面試。
考完智力測驗後，接著就是上機考Java，考題一共有五題，二小時內要寫出3題，才能參加面試，考題其實除了考程式之外，也是考數學能力。第一題是費氏數列的變形，蠻簡單的；第二題是輸入多筆數字，印出出現最多次數的數字以及次數幾次；第三題是輸入N個數，求這些數的最大公因數，需要寫成動態的GCD；第四題跟第五題就有點困難，所以沒有寫到。結果時間內我只寫出2.5題，當然沒有通過第一關，只好收拾包袱黯然離開。
結果：當然是被發卡啦!不過由於是小公司，當作練練功囉!
第三間：宏達國際電子公司(HTC)
職務：Application Software Engineer(COPD)
這間就是目前正夯的HTC手機系統整合廠囉!從PTT也得到許多這間公司的資訊，直接了當的說就是操呀!(迷之音:有哪家科技公司不操的。)，我應徵的職務是位於桃園HTC總部，而這個部門算是去年剛成立的，所以最近都在找新鮮人，其實是新鮮的肝阿!HTC總部位於龜山工業園區，其實就在我以前騎回中央的路上，一路上發覺原來好多大型的上市公司也位於龜山工業區，有看到BenQ、台達電子等。到了HTC後，HTC大樓果然氣派，占地也很廣大，可能因為有很多廠房的關係吧!所以也看到很多作業員。
進入大廳後，真是非常的巧，竟然遇到研究所同學威宏，原來他也剛好要來應徵，閒聊一番後，我們被各自帶開到不同的會議室進行考試。考試科目有英文、邏輯測驗、C和C++。我是先考C和C++，分別有兩張考卷，滿分皆為一百分，由於事前有從PTT上得到相關考試內容訊息，所以朝向那方面的重點準備，有幾題難題要比較花時間思考，其餘是都還算蠻基本的。英文部分是我最大罩門，聽力實在太弱，文法也幾乎忘光光，所以我想分數應該會蠻難看的。智力測驗部分，前面圖形推理有幾題不太確定，找不到規則，只好亂猜；後面數字邏輯還蠻簡單的，基本上都可以找到確定的答案。等到上述這幾科考完後，看時間已經五點多了，果然從兩點考到五點，真的是有點久。
考完後，一個人資小姐過來請我填簡單的個人資料。之後，等沒多久，進來一個主管，拿著我的考卷進來，首先我就看到英文分數，果然相當難看，主管有詢問為什麼英文考不好，我只好回答當兵這一年沒什麼碰英文，所以退步很多(冏&#8230;)，接著我喵到C++跟邏輯考80分，算不錯的分數哩@@!再來我先做個人簡單自我介紹後，然後一樣問論文研究、個人熟悉的語言、開發的經驗等問題，這些問題基本上都很好回答。接著就考OS相關問題，如Thread同步問題有什麼解決方式?再深入一點問semaphore和Critical section有什麼不同?Page fault是什麼?幸好前幾天有針對OS內容做了複習，不然應該回答不出來吧!不過又問了嵌入式系統和桌上型系統有什麼不同?這個我就被考倒了。因為沒做過嵌入式系統。之後主管也出了一題智力測驗問題，要列數學算式，主要是要看我的邏輯思考跟問題分析能力吧!需要一些時間思考，但加上主管在看有些緊張，所以這題就沒答得很好。之後就是閒聊部分居多，整個面試過程大概有一個多小時吧!結束後看時間竟然已經7點了，真是有夠久的面試。
結果：get offer，HTC超乎預期的有效率，星期一面試，星期四就發offer，看來真的是很缺人。不過拿到offer的感覺真的還挺爽的。^__^


No related posts.


No related posts.]]></description>
			<content:encoded><![CDATA[<p id="space">剩不到一個月就要退伍啦!超感動了哩!終於快還陽了。所以開始投履歷找尋未來工作的落腳處，以下分享一下目前已經面試過公司的心得，希望可以越戰越勇，增加經驗值。</p>
<p><span id="more-769"></span></p>
<p id="space"><span style="color: #0000ff;"><span style="font-size: medium;">第一間：香港雅虎奇摩公司</span></span></p>
<p id="space"><span style="color: #ff0000;"><span style="font-size: medium;"><span style="color: #008000;">職務：電子商務部門軟體設計工程師</span></span></span></p>
<p id="space">雅虎算是我第一間約面試的公司，地點就在捷運古亭站9號出口，算是十分的方便，但是由於我懶得做捷運，所以還是從家騎車過去，一踏進奇摩果然有外商公司的感覺，換好會客證之後，就坐在外面等候；沒多久就有位男士過來帶我進去，到了一個會議是坐下後，就遞張名片給我，原來是部門的經理。</p>
<p id="space">之後，那位主管很直接了當的問我最熟悉的語言是什麼，我就把論文那套拿出來說，接著就問一些工讀經驗，製作網頁經驗，然後問了SQL server使用；之後就叫我提問一些問題，我就提問目前雅虎最大競爭對手是誰?貴公司現階段目標是什麼?之後就結束了，整個過程大概40分鐘而已，最後是說這兩週他們陸續都會找人來面試，之後若有通過第一階段面試的話會另行通知。結果等我走出大門後，才發覺剛剛做了一件蠢事，我竟然忘了把精心製作的履歷拿出來(腦殘&#8230;腦殘&#8230;)，內心頓時扼腕，如果有拿出來應該整體面試的感覺跟話題會不一樣，因為介紹作品時就有實際的圖片可以參照。只好默默的離開雅虎啦!</p>
<p id="space">結果：事後沒再接到電話了，應該是被打槍..(哭哭&#8230;)。不過也沒很在意，因為目前並沒有朝向Web發展的打算。</p>
<p id="space"><span style="color: #0000ff;"><span style="font-size: medium;">第二間：鴻揚科技有限公司</span></span></p>
<p id="space"><span style="color: #008000;"><span style="font-size: medium;">職務：JAVA軟體設計工程師</span></span></p>
<p id="space">早上面試完雅虎後，由於下午還有一家，所幸中午就去吃麥當勞兼休息，順便複習一下下午要考的程式，畢竟還要上機考試(冏&#8230;)。這間算是一家小公司，位置有點偏遠，在忠孝東路六段，從羅斯福路騎了大約25分鐘才找到這家公司，其實可以坐捷運到永春站再步行即可，但原因還是我懶(ㄎㄎ&#8230;)。這家公司辦公地點是類似租用大樓的一層公寓，一進去目測員工大約不超過十個，先考智力測驗，時間30分鐘，考題包含數學與邏輯推理能力，時間其實有點短，所以沒寫完，但我想這應該不是重點，上機考沒考好的話，也沒機會進入面試。</p>
<p id="space">考完智力測驗後，接著就是上機考Java，考題一共有五題，二小時內要寫出3題，才能參加面試，考題其實除了考程式之外，也是考數學能力。第一題是費氏數列的變形，蠻簡單的；第二題是輸入多筆數字，印出出現最多次數的數字以及次數幾次；第三題是輸入N個數，求這些數的最大公因數，需要寫成動態的GCD；第四題跟第五題就有點困難，所以沒有寫到。結果時間內我只寫出2.5題，當然沒有通過第一關，只好收拾包袱黯然離開。</p>
<p id="space">結果：當然是被發卡啦!不過由於是小公司，當作練練功囉!</p>
<p id="space"><span style="color: #0000ff;"><span style="font-size: medium;">第三間：宏達國際電子公司(HTC)</span></span></p>
<p id="space"><span style="color: #008000;"><span style="font-size: medium;">職務：Application Software Engineer(COPD)</span></span></p>
<p id="space">這間就是目前正夯的HTC手機系統整合廠囉!從PTT也得到許多這間公司的資訊，直接了當的說就是操呀!(迷之音:有哪家科技公司不操的。)，我應徵的職務是位於桃園HTC總部，而這個部門算是去年剛成立的，所以最近都在找新鮮人，其實是新鮮的肝阿!HTC總部位於龜山工業園區，其實就在我以前騎回中央的路上，一路上發覺原來好多大型的上市公司也位於龜山工業區，有看到BenQ、台達電子等。到了HTC後，HTC大樓果然氣派，占地也很廣大，可能因為有很多廠房的關係吧!所以也看到很多作業員。</p>
<p id="space">進入大廳後，真是非常的巧，竟然遇到研究所同學威宏，原來他也剛好要來應徵，閒聊一番後，我們被各自帶開到不同的會議室進行考試。考試科目有英文、邏輯測驗、C和C++。我是先考C和C++，分別有兩張考卷，滿分皆為一百分，由於事前有從PTT上得到相關考試內容訊息，所以朝向那方面的重點準備，有幾題難題要比較花時間思考，其餘是都還算蠻基本的。英文部分是我最大罩門，聽力實在太弱，文法也幾乎忘光光，所以我想分數應該會蠻難看的。智力測驗部分，前面圖形推理有幾題不太確定，找不到規則，只好亂猜；後面數字邏輯還蠻簡單的，基本上都可以找到確定的答案。等到上述這幾科考完後，看時間已經五點多了，果然從兩點考到五點，真的是有點久。</p>
<p id="space">考完後，一個人資小姐過來請我填簡單的個人資料。之後，等沒多久，進來一個主管，拿著我的考卷進來，首先我就看到英文分數，果然相當難看，主管有詢問為什麼英文考不好，我只好回答當兵這一年沒什麼碰英文，所以退步很多(冏&#8230;)，接著我喵到C++跟邏輯考80分，算不錯的分數哩@@!再來我先做個人簡單自我介紹後，然後一樣問論文研究、個人熟悉的語言、開發的經驗等問題，這些問題基本上都很好回答。接著就考OS相關問題，如Thread同步問題有什麼解決方式?再深入一點問semaphore和Critical section有什麼不同?Page fault是什麼?幸好前幾天有針對OS內容做了複習，不然應該回答不出來吧!不過又問了嵌入式系統和桌上型系統有什麼不同?這個我就被考倒了。因為沒做過嵌入式系統。之後主管也出了一題智力測驗問題，要列數學算式，主要是要看我的邏輯思考跟問題分析能力吧!需要一些時間思考，但加上主管在看有些緊張，所以這題就沒答得很好。之後就是閒聊部分居多，整個面試過程大概有一個多小時吧!結束後看時間竟然已經7點了，真是有夠久的面試。</p>
<p id="space">結果：get offer，HTC超乎預期的有效率，星期一面試，星期四就發offer，看來真的是很缺人。不過拿到offer的感覺真的還挺爽的。^__^</p>


<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://cloudfly.org.ru/?feed=rss2&amp;p=769</wfw:commentRss>
		</item>
		<item>
		<title>[Flex]如何動態變動TabBar元件的寬度</title>
		<link>http://cloudfly.org.ru/?p=767</link>
		<comments>http://cloudfly.org.ru/?p=767#comments</comments>
		<pubDate>Sat, 10 Jul 2010 16:03:23 +0000</pubDate>
		<dc:creator>cloudfly</dc:creator>
		
		<category><![CDATA[Actionscript]]></category>

		<category><![CDATA[Flex]]></category>

		<category><![CDATA[程式設計]]></category>

		<guid isPermaLink="false">http://cloudfly.org.ru/?p=767</guid>
		<description><![CDATA[
在Flex中，我們常常會想要動態改變元件的屬性，其實很容易就可以做到此需求，所以要動態變動TabBar的寬度，在寫法上有兩種方式：
一、用資料繫結(Data Binding)的方式
將TabBar中的tabWidth屬性跟slider的值做綁定的動作，如{slider.value}，則當slider的值一變動時，TabBar的寬度也就隨之變動，屬於即時的狀態。
程式碼如下所示：

?View Code ACTIONSCRIPT1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;mx:Application name=&#34;TabBar_tabWidth_test&#34;
		xmlns:mx=&#34;http://www.adobe.com/2006/mxml&#34;
		layout=&#34;vertical&#34;
		verticalAlign=&#34;middle&#34;
		backgroundColor=&#34;white&#34; viewSourceURL=&#34;srcview/index.html&#34;&#62;
&#160;
	&#60;mx:Array id=&#34;arr&#34;&#62;
		&#60;mx:Object label=&#34;Red&#34; /&#62;
		&#60;mx:Object label=&#34;Orange&#34; /&#62;
		&#60;mx:Object label=&#34;Yellow&#34; /&#62;
		&#60;mx:Object label=&#34;Green&#34; /&#62;
		&#60;mx:Object label=&#34;Blue&#34; /&#62;
	&#60;/mx:Array&#62;
&#160;
	&#60;mx:ApplicationControlBar dock=&#34;true&#34;&#62;
		&#60;mx:Form styleName=&#34;plain&#34;&#62;
			&#60;mx:FormItem label=&#34;tabWidth:&#34;&#62;
				&#60;mx:HSlider id=&#34;slider&#34;
						minimum=&#34;40&#34;
						maximum=&#34;120&#34;
						value=&#34;100&#34;
						snapInterval=&#34;1&#34;
						tickInterval=&#34;10&#34;
						liveDragging=&#34;true&#34; /&#62;
			&#60;/mx:FormItem&#62;
		&#60;/mx:Form&#62;
	&#60;/mx:ApplicationControlBar&#62;
&#160;
	&#60;mx:TabBar id=&#34;tabBar&#34;
			dataProvider=&#34;{arr}&#34;
			tabWidth=&#34;{slider.value}&#34; /&#62;
&#160;
&#60;/mx:Application&#62;

二、用AS語法撰寫change Event
將slider的值變動觸發到change事件，再用setStyle的方式把slider.value塞到TabBar中去更改width值，如此也可以達到同樣的效果。
程式碼如下所示：

?View Code ACTIONSCRIPT1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;mx:Application name=&#34;TabBar_tabWidth_test&#34;
		xmlns:mx=&#34;http://www.adobe.com/2006/mxml&#34;
		layout=&#34;vertical&#34;
		verticalAlign=&#34;middle&#34;
		backgroundColor=&#34;white&#34;&#62;
&#160;
	&#60;mx:Script&#62;
		&#60;!&#91;CDATA&#91;
			import mx.events.SliderEvent;
&#160;
			private function slider_change&#40;evt:SliderEvent&#41;:void &#123;
				tabBar.setStyle&#40;&#34;tabWidth&#34;, evt.value&#41;;
			&#125;
		&#93;&#93;&#62;
	&#60;/mx:Script&#62;
&#160;
	&#60;mx:Array id=&#34;arr&#34;&#62;
		&#60;mx:Object label=&#34;Red&#34; /&#62;
		&#60;mx:Object label=&#34;Orange&#34; /&#62;
		&#60;mx:Object label=&#34;Yellow&#34; /&#62;
		&#60;mx:Object label=&#34;Green&#34; /&#62;
		&#60;mx:Object label=&#34;Blue&#34; /&#62;
	&#60;/mx:Array&#62;
&#160;
	&#60;mx:ApplicationControlBar dock=&#34;true&#34;&#62;
		&#60;mx:Form styleName=&#34;plain&#34;&#62;
			&#60;mx:FormItem label=&#34;tabWidth:&#34;&#62;
				&#60;mx:HSlider id=&#34;slider&#34;
						minimum=&#34;40&#34;
						maximum=&#34;120&#34;
						value=&#34;100&#34;
						snapInterval=&#34;1&#34;
						tickInterval=&#34;10&#34;
						liveDragging=&#34;true&#34;
						change=&#34;slider_change(event);&#34; /&#62;
			&#60;/mx:FormItem&#62;
		&#60;/mx:Form&#62;
	&#60;/mx:ApplicationControlBar&#62;
&#160;
	&#60;mx:TabBar id=&#34;tabBar&#34;
			dataProvider=&#34;{arr}&#34;
			tabWidth=&#34;100&#34;  [...]


相關文章:<ul><li><a href='http://cloudfly.org.ru/?p=713' rel='bookmark' title='Permanent Link: [Flex]如何使用Repeater元件'>[Flex]如何使用Repeater元件</a></li><li><a href='http://cloudfly.org.ru/?p=599' rel='bookmark' title='Permanent Link: [Flex]如何在tree中使用搜尋功能'>[Flex]如何在tree中使用搜尋功能</a></li><li><a href='http://cloudfly.org.ru/?p=374' rel='bookmark' title='Permanent Link: [Flex]小型video player'>[Flex]小型video player</a></li></ul>]]></description>
			<content:encoded><![CDATA[<p><a rel="shadowbox;width=800;height=600" href="http://cloudfly.org.ru/wp-content/uploads/2010/07/TabBar_tabWidth/TabBar_tabWidth_test.swf"><img class="pie-img" src="http://lh5.ggpht.com/_keMs3iXteFg/TDiVn5IhqNI/AAAAAAAAB5E/8NY8TwmW6eQ/TabBar.jpg?imgmax=640" alt="TabBar.jpg" width="529" height="390" /></a><br />
<span id="more-767"></span></p>
<p id="space">在Flex中，我們常常會想要動態改變元件的屬性，其實很容易就可以做到此需求，所以要動態變動TabBar的寬度，在寫法上有兩種方式：</p>
<p id="space" style="font-size: 14pt; color: #0000cc;">一、用資料繫結(Data Binding)的方式</p>
<p id="space">將TabBar中的tabWidth屬性跟slider的值做綁定的動作，如{slider.value}，則當slider的值一變動時，TabBar的寬度也就隨之變動，屬於即時的狀態。</p>
<p id="space">程式碼如下所示：</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p767code3'); return false;">View Code</a> ACTIONSCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p7673"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
</pre></td><td class="code" id="p767code3"><pre class="actionscript" style="font-family:monospace;"><span style="color: #66cc66;">&lt;</span>?<span style="color: #0066CC;">xml</span> <span style="color: #0066CC;">version</span>=<span style="color: #ff0000;">&quot;1.0&quot;</span> encoding=<span style="color: #ff0000;">&quot;utf-8&quot;</span>?<span style="color: #66cc66;">&gt;</span>
<span style="color: #66cc66;">&lt;</span>mx:Application <span style="color: #0066CC;">name</span>=<span style="color: #ff0000;">&quot;TabBar_tabWidth_test&quot;</span>
		xmlns:mx=<span style="color: #ff0000;">&quot;http://www.adobe.com/2006/mxml&quot;</span>
		layout=<span style="color: #ff0000;">&quot;vertical&quot;</span>
		verticalAlign=<span style="color: #ff0000;">&quot;middle&quot;</span>
		<span style="color: #0066CC;">backgroundColor</span>=<span style="color: #ff0000;">&quot;white&quot;</span> viewSourceURL=<span style="color: #ff0000;">&quot;srcview/index.html&quot;</span><span style="color: #66cc66;">&gt;</span>
&nbsp;
	<span style="color: #66cc66;">&lt;</span>mx:<span style="color: #0066CC;">Array</span> id=<span style="color: #ff0000;">&quot;arr&quot;</span><span style="color: #66cc66;">&gt;</span>
		<span style="color: #66cc66;">&lt;</span>mx:<span style="color: #0066CC;">Object</span> label=<span style="color: #ff0000;">&quot;Red&quot;</span> <span style="color: #66cc66;">/&gt;</span>
		<span style="color: #66cc66;">&lt;</span>mx:<span style="color: #0066CC;">Object</span> label=<span style="color: #ff0000;">&quot;Orange&quot;</span> <span style="color: #66cc66;">/&gt;</span>
		<span style="color: #66cc66;">&lt;</span>mx:<span style="color: #0066CC;">Object</span> label=<span style="color: #ff0000;">&quot;Yellow&quot;</span> <span style="color: #66cc66;">/&gt;</span>
		<span style="color: #66cc66;">&lt;</span>mx:<span style="color: #0066CC;">Object</span> label=<span style="color: #ff0000;">&quot;Green&quot;</span> <span style="color: #66cc66;">/&gt;</span>
		<span style="color: #66cc66;">&lt;</span>mx:<span style="color: #0066CC;">Object</span> label=<span style="color: #ff0000;">&quot;Blue&quot;</span> <span style="color: #66cc66;">/&gt;</span>
	<span style="color: #66cc66;">&lt;/</span>mx:Array<span style="color: #66cc66;">&gt;</span>
&nbsp;
	<span style="color: #66cc66;">&lt;</span>mx:ApplicationControlBar dock=<span style="color: #ff0000;">&quot;true&quot;</span><span style="color: #66cc66;">&gt;</span>
		<span style="color: #66cc66;">&lt;</span>mx:Form styleName=<span style="color: #ff0000;">&quot;plain&quot;</span><span style="color: #66cc66;">&gt;</span>
			<span style="color: #66cc66;">&lt;</span>mx:FormItem label=<span style="color: #ff0000;">&quot;tabWidth:&quot;</span><span style="color: #66cc66;">&gt;</span>
				<span style="color: #66cc66;">&lt;</span>mx:HSlider id=<span style="color: #ff0000;">&quot;slider&quot;</span>
						minimum=<span style="color: #ff0000;">&quot;40&quot;</span>
						maximum=<span style="color: #ff0000;">&quot;120&quot;</span>
						value=<span style="color: #ff0000;">&quot;100&quot;</span>
						snapInterval=<span style="color: #ff0000;">&quot;1&quot;</span>
						tickInterval=<span style="color: #ff0000;">&quot;10&quot;</span>
						liveDragging=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #66cc66;">/&gt;</span>
			<span style="color: #66cc66;">&lt;/</span>mx:FormItem<span style="color: #66cc66;">&gt;</span>
		<span style="color: #66cc66;">&lt;/</span>mx:Form<span style="color: #66cc66;">&gt;</span>
	<span style="color: #66cc66;">&lt;/</span>mx:ApplicationControlBar<span style="color: #66cc66;">&gt;</span>
&nbsp;
	<span style="color: #66cc66;">&lt;</span>mx:TabBar id=<span style="color: #ff0000;">&quot;tabBar&quot;</span>
			dataProvider=<span style="color: #ff0000;">&quot;{arr}&quot;</span>
			tabWidth=<span style="color: #ff0000;">&quot;{slider.value}&quot;</span> <span style="color: #66cc66;">/&gt;</span>
&nbsp;
<span style="color: #66cc66;">&lt;/</span>mx:Application<span style="color: #66cc66;">&gt;</span></pre></td></tr></table></div>

<p id="space" style="font-size: 14pt; color: #0000cc;">二、用AS語法撰寫change Event</p>
<p id="space">將slider的值變動觸發到change事件，再用setStyle的方式把slider.value塞到TabBar中去更改width值，如此也可以達到同樣的效果。</p>
<p id="space">程式碼如下所示：</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p767code4'); return false;">View Code</a> ACTIONSCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p7674"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
</pre></td><td class="code" id="p767code4"><pre class="actionscript" style="font-family:monospace;"><span style="color: #66cc66;">&lt;</span>?<span style="color: #0066CC;">xml</span> <span style="color: #0066CC;">version</span>=<span style="color: #ff0000;">&quot;1.0&quot;</span> encoding=<span style="color: #ff0000;">&quot;utf-8&quot;</span>?<span style="color: #66cc66;">&gt;</span>
<span style="color: #66cc66;">&lt;</span>mx:Application <span style="color: #0066CC;">name</span>=<span style="color: #ff0000;">&quot;TabBar_tabWidth_test&quot;</span>
		xmlns:mx=<span style="color: #ff0000;">&quot;http://www.adobe.com/2006/mxml&quot;</span>
		layout=<span style="color: #ff0000;">&quot;vertical&quot;</span>
		verticalAlign=<span style="color: #ff0000;">&quot;middle&quot;</span>
		<span style="color: #0066CC;">backgroundColor</span>=<span style="color: #ff0000;">&quot;white&quot;</span><span style="color: #66cc66;">&gt;</span>
&nbsp;
	<span style="color: #66cc66;">&lt;</span>mx:Script<span style="color: #66cc66;">&gt;</span>
		<span style="color: #66cc66;">&lt;!</span><span style="color: #66cc66;">&#91;</span>CDATA<span style="color: #66cc66;">&#91;</span>
			<span style="color: #0066CC;">import</span> mx.<span style="color: #006600;">events</span>.<span style="color: #006600;">SliderEvent</span>;
&nbsp;
			<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">function</span> slider_change<span style="color: #66cc66;">&#40;</span>evt:SliderEvent<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span> <span style="color: #66cc66;">&#123;</span>
				tabBar.<span style="color: #0066CC;">setStyle</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;tabWidth&quot;</span>, evt.<span style="color: #006600;">value</span><span style="color: #66cc66;">&#41;</span>;
			<span style="color: #66cc66;">&#125;</span>
		<span style="color: #66cc66;">&#93;</span><span style="color: #66cc66;">&#93;</span><span style="color: #66cc66;">&gt;</span>
	<span style="color: #66cc66;">&lt;/</span>mx:Script<span style="color: #66cc66;">&gt;</span>
&nbsp;
	<span style="color: #66cc66;">&lt;</span>mx:<span style="color: #0066CC;">Array</span> id=<span style="color: #ff0000;">&quot;arr&quot;</span><span style="color: #66cc66;">&gt;</span>
		<span style="color: #66cc66;">&lt;</span>mx:<span style="color: #0066CC;">Object</span> label=<span style="color: #ff0000;">&quot;Red&quot;</span> <span style="color: #66cc66;">/&gt;</span>
		<span style="color: #66cc66;">&lt;</span>mx:<span style="color: #0066CC;">Object</span> label=<span style="color: #ff0000;">&quot;Orange&quot;</span> <span style="color: #66cc66;">/&gt;</span>
		<span style="color: #66cc66;">&lt;</span>mx:<span style="color: #0066CC;">Object</span> label=<span style="color: #ff0000;">&quot;Yellow&quot;</span> <span style="color: #66cc66;">/&gt;</span>
		<span style="color: #66cc66;">&lt;</span>mx:<span style="color: #0066CC;">Object</span> label=<span style="color: #ff0000;">&quot;Green&quot;</span> <span style="color: #66cc66;">/&gt;</span>
		<span style="color: #66cc66;">&lt;</span>mx:<span style="color: #0066CC;">Object</span> label=<span style="color: #ff0000;">&quot;Blue&quot;</span> <span style="color: #66cc66;">/&gt;</span>
	<span style="color: #66cc66;">&lt;/</span>mx:Array<span style="color: #66cc66;">&gt;</span>
&nbsp;
	<span style="color: #66cc66;">&lt;</span>mx:ApplicationControlBar dock=<span style="color: #ff0000;">&quot;true&quot;</span><span style="color: #66cc66;">&gt;</span>
		<span style="color: #66cc66;">&lt;</span>mx:Form styleName=<span style="color: #ff0000;">&quot;plain&quot;</span><span style="color: #66cc66;">&gt;</span>
			<span style="color: #66cc66;">&lt;</span>mx:FormItem label=<span style="color: #ff0000;">&quot;tabWidth:&quot;</span><span style="color: #66cc66;">&gt;</span>
				<span style="color: #66cc66;">&lt;</span>mx:HSlider id=<span style="color: #ff0000;">&quot;slider&quot;</span>
						minimum=<span style="color: #ff0000;">&quot;40&quot;</span>
						maximum=<span style="color: #ff0000;">&quot;120&quot;</span>
						value=<span style="color: #ff0000;">&quot;100&quot;</span>
						snapInterval=<span style="color: #ff0000;">&quot;1&quot;</span>
						tickInterval=<span style="color: #ff0000;">&quot;10&quot;</span>
						liveDragging=<span style="color: #ff0000;">&quot;true&quot;</span>
						change=<span style="color: #ff0000;">&quot;slider_change(event);&quot;</span> <span style="color: #66cc66;">/&gt;</span>
			<span style="color: #66cc66;">&lt;/</span>mx:FormItem<span style="color: #66cc66;">&gt;</span>
		<span style="color: #66cc66;">&lt;/</span>mx:Form<span style="color: #66cc66;">&gt;</span>
	<span style="color: #66cc66;">&lt;/</span>mx:ApplicationControlBar<span style="color: #66cc66;">&gt;</span>
&nbsp;
	<span style="color: #66cc66;">&lt;</span>mx:TabBar id=<span style="color: #ff0000;">&quot;tabBar&quot;</span>
			dataProvider=<span style="color: #ff0000;">&quot;{arr}&quot;</span>
			tabWidth=<span style="color: #ff0000;">&quot;100&quot;</span>  <span style="color: #66cc66;">/&gt;</span>
&nbsp;
<span style="color: #66cc66;">&lt;/</span>mx:Application<span style="color: #66cc66;">&gt;</span></pre></td></tr></table></div>



<p>相關文章:<ul><li><a href='http://cloudfly.org.ru/?p=713' rel='bookmark' title='Permanent Link: [Flex]如何使用Repeater元件'>[Flex]如何使用Repeater元件</a></li><li><a href='http://cloudfly.org.ru/?p=599' rel='bookmark' title='Permanent Link: [Flex]如何在tree中使用搜尋功能'>[Flex]如何在tree中使用搜尋功能</a></li><li><a href='http://cloudfly.org.ru/?p=374' rel='bookmark' title='Permanent Link: [Flex]小型video player'>[Flex]小型video player</a></li></ul></p>]]></content:encoded>
			<wfw:commentRss>http://cloudfly.org.ru/?feed=rss2&amp;p=767</wfw:commentRss>
		</item>
		<item>
		<title>[AS3]動態追加刪除影片片段元件的實體</title>
		<link>http://cloudfly.org.ru/?p=761</link>
		<comments>http://cloudfly.org.ru/?p=761#comments</comments>
		<pubDate>Sat, 10 Jul 2010 13:25:06 +0000</pubDate>
		<dc:creator>cloudfly</dc:creator>
		
		<category><![CDATA[Actionscript]]></category>

		<category><![CDATA[程式設計]]></category>

		<guid isPermaLink="false">http://cloudfly.org.ru/?p=761</guid>
		<description><![CDATA[
要動態顯示元件庫內的影片片段，首先必須將設定該影片片段的連結屬性，先在元件庫裡選擇要載入到主場景的影片片段(本例為star)，接著按右鍵&#8211;&#62;選擇連結，設定類別名稱為Star，而基底類別會自動產生。
開啟連結屬性視窗後，勾選「匯出給ActionScript使用」，並在「類別」中設定類別名稱Star。


本篇用到的語法：
addChild():追加到顯示物件容器裡。
removeChildAt():從 DisplayObjectContainer 子清單中的指定 index 位置移除子 DisplayObject。
程式碼如下:

?View Code ACTIONSCRIPT1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
//主要時間軸的影格動作
var sp:Sprite = new Sprite&#40;&#41;;
//將Sprite加入到主時間軸上
addChild&#40;sp&#41;;
btRemoveMC.visible = false;
btAddMC.addEventListener&#40;MouseEvent.CLICK, btAddMCClickHandler&#41;;
btRemoveMC.addEventListener&#40;MouseEvent.CLICK,btRemoveMCClickHandler&#41;;
function btAddMCClickHandler&#40;evt:MouseEvent&#41;:void &#123;
	//新增星星的物件實體
	var newMC:MovieClip = new Star&#40;&#41;;
	newMC.x = Math.random&#40;&#41; * 320;
	newMC.y = Math.random&#40;&#41; * 240;
	sp.addChild&#40;newMC&#41;;
	btRemoveMC.visible = true;
&#125;
function btRemoveMCClickHandler&#40;evt:MouseEvent&#41;:void &#123;
	if &#40;sp.numChildren &#62; 0&#41;&#123;
		//從 DisplayObjectContainer 子清單中的指定 index 位置移除子 DisplayObject。
		sp.removeChildAt&#40;0&#41;;
		if &#40;sp.numChildren &#60;= 0&#41;&#123;
			btRemoveMC.visible = false;
		&#125;
	&#125;
&#125;



相關文章:[AS3]控制上層影片片段的語法[AS3] 動態將元件庫影片元件增加到舞台上[Flex]如何在tree中使用搜尋功能


相關文章:<ul><li><a href='http://cloudfly.org.ru/?p=755' rel='bookmark' title='Permanent Link: [AS3]控制上層影片片段的語法'>[AS3]控制上層影片片段的語法</a></li><li><a href='http://cloudfly.org.ru/?p=745' rel='bookmark' title='Permanent Link: [AS3] 動態將元件庫影片元件增加到舞台上'>[AS3] 動態將元件庫影片元件增加到舞台上</a></li><li><a href='http://cloudfly.org.ru/?p=599' rel='bookmark' title='Permanent Link: [Flex]如何在tree中使用搜尋功能'>[Flex]如何在tree中使用搜尋功能</a></li></ul>]]></description>
			<content:encoded><![CDATA[<p><a rel="shadowbox;width=800;height=600" href="http://cloudfly.org.ru/wp-content/uploads/2010/07/AddMovie/Addmc.swf"><img class="pie-img" src="http://lh3.ggpht.com/_keMs3iXteFg/TDhuxS-hi4I/AAAAAAAAB5A/WaVTu6lVjZI/Dynamic_add.jpg?imgmax=640" alt="Dynamic_add.jpg" width="458" height="352" /></a><br />
<span id="more-761"></span></p>
<p id="space">要動態顯示元件庫內的影片片段，首先必須將設定該影片片段的連結屬性，先在元件庫裡選擇要載入到主場景的影片片段(本例為star)，接著按右鍵&#8211;&gt;選擇連結，設定類別名稱為Star，而基底類別會自動產生。</p>
<p>開啟連結屬性視窗後，勾選「匯出給ActionScript使用」，並在「類別」中設定類別名稱Star。</p>
<p><a title="加入連結屬性" rel="shadowbox" href="http://lh5.ggpht.com/_keMs3iXteFg/TDhuxPgw8uI/AAAAAAAAB5A/cnAXyg4Irjw/Asset_Class.jpg?imgmax=640"><img class="pie-img" src="http://lh5.ggpht.com/_keMs3iXteFg/TDhuxPgw8uI/AAAAAAAAB5A/cnAXyg4Irjw/Asset_Class.jpg?imgmax=640" alt="Asset_Class.jpg" width="554" height="247" /></a></p>
<blockquote>
<p style="color: #006600;"><span style="font-family: mceinline;">本篇用到的語法：<br />
addChild():追加到顯示物件容器裡。<br />
removeChildAt():從 DisplayObjectContainer 子清單中的指定 index 位置移除子 DisplayObject。</span></p></blockquote>
<p id="space">程式碼如下:</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p761code6'); return false;">View Code</a> ACTIONSCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p7616"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
</pre></td><td class="code" id="p761code6"><pre class="actionscript" style="font-family:monospace;"><span style="color: #808080; font-style: italic;">//主要時間軸的影格動作</span>
<span style="color: #000000; font-weight: bold;">var</span> sp:Sprite = <span style="color: #000000; font-weight: bold;">new</span> Sprite<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #808080; font-style: italic;">//將Sprite加入到主時間軸上</span>
addChild<span style="color: #66cc66;">&#40;</span>sp<span style="color: #66cc66;">&#41;</span>;
btRemoveMC.<span style="color: #0066CC;">visible</span> = <span style="color: #000000; font-weight: bold;">false</span>;
btAddMC.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>MouseEvent.<span style="color: #006600;">CLICK</span>, btAddMCClickHandler<span style="color: #66cc66;">&#41;</span>;
btRemoveMC.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>MouseEvent.<span style="color: #006600;">CLICK</span>,btRemoveMCClickHandler<span style="color: #66cc66;">&#41;</span>;
<span style="color: #000000; font-weight: bold;">function</span> btAddMCClickHandler<span style="color: #66cc66;">&#40;</span>evt:MouseEvent<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span> <span style="color: #66cc66;">&#123;</span>
	<span style="color: #808080; font-style: italic;">//新增星星的物件實體</span>
	<span style="color: #000000; font-weight: bold;">var</span> newMC:<span style="color: #0066CC;">MovieClip</span> = <span style="color: #000000; font-weight: bold;">new</span> Star<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
	newMC.<span style="color: #006600;">x</span> = <span style="color: #0066CC;">Math</span>.<span style="color: #0066CC;">random</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">*</span> <span style="color: #cc66cc;">320</span>;
	newMC.<span style="color: #006600;">y</span> = <span style="color: #0066CC;">Math</span>.<span style="color: #0066CC;">random</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">*</span> <span style="color: #cc66cc;">240</span>;
	sp.<span style="color: #006600;">addChild</span><span style="color: #66cc66;">&#40;</span>newMC<span style="color: #66cc66;">&#41;</span>;
	btRemoveMC.<span style="color: #0066CC;">visible</span> = <span style="color: #000000; font-weight: bold;">true</span>;
<span style="color: #66cc66;">&#125;</span>
<span style="color: #000000; font-weight: bold;">function</span> btRemoveMCClickHandler<span style="color: #66cc66;">&#40;</span>evt:MouseEvent<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span> <span style="color: #66cc66;">&#123;</span>
	<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span>sp.<span style="color: #006600;">numChildren</span> <span style="color: #66cc66;">&gt;</span> <span style="color: #cc66cc;">0</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span>
		<span style="color: #808080; font-style: italic;">//從 DisplayObjectContainer 子清單中的指定 index 位置移除子 DisplayObject。</span>
		sp.<span style="color: #006600;">removeChildAt</span><span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;">0</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span>sp.<span style="color: #006600;">numChildren</span> <span style="color: #66cc66;">&lt;</span>= <span style="color: #cc66cc;">0</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span>
			btRemoveMC.<span style="color: #0066CC;">visible</span> = <span style="color: #000000; font-weight: bold;">false</span>;
		<span style="color: #66cc66;">&#125;</span>
	<span style="color: #66cc66;">&#125;</span>
<span style="color: #66cc66;">&#125;</span></pre></td></tr></table></div>



<p>相關文章:<ul><li><a href='http://cloudfly.org.ru/?p=755' rel='bookmark' title='Permanent Link: [AS3]控制上層影片片段的語法'>[AS3]控制上層影片片段的語法</a></li><li><a href='http://cloudfly.org.ru/?p=745' rel='bookmark' title='Permanent Link: [AS3] 動態將元件庫影片元件增加到舞台上'>[AS3] 動態將元件庫影片元件增加到舞台上</a></li><li><a href='http://cloudfly.org.ru/?p=599' rel='bookmark' title='Permanent Link: [Flex]如何在tree中使用搜尋功能'>[Flex]如何在tree中使用搜尋功能</a></li></ul></p>]]></content:encoded>
			<wfw:commentRss>http://cloudfly.org.ru/?feed=rss2&amp;p=761</wfw:commentRss>
		</item>
		<item>
		<title>[AS3]控制上層影片片段的語法</title>
		<link>http://cloudfly.org.ru/?p=755</link>
		<comments>http://cloudfly.org.ru/?p=755#comments</comments>
		<pubDate>Sun, 02 May 2010 05:57:55 +0000</pubDate>
		<dc:creator>cloudfly</dc:creator>
		
		<category><![CDATA[Actionscript]]></category>

		<category><![CDATA[程式設計]]></category>

		<guid isPermaLink="false">http://cloudfly.org.ru/?p=755</guid>
		<description><![CDATA[  

早期AS2時MovieClip類別是主角，用MovieClip一套打天下，當要存取上層影片片段或主時間軸，通常使用parent和root就可以搞定。但如果在AS3直接使用MovieClip類別的屬性或方法(像root.gotoAndPlay(5))，這樣就會發生錯誤。
原因在於AS3將類別做更細部的區分，分成以下幾個有繼承關係的類別：

parent的資料類型為顯示物件容器：DisplayObjectContainer
root的資料類型為顯示物件：DisplayObject
所以我們常使用到的parent,root跟MovieClip是不一樣的資料類型。
若是直接使用root.stop()，就會出現以下的錯誤訊息:

?View Code ACTIONSCRIPT1
1061: 呼叫可能未定義的方法 stop &#40;透過靜態類型 flash.display:DisplayObject 的參考&#41;。

解決方法有兩種：
一、使用MovieClip(parent)強制進行形態轉換

?View Code ACTIONSCRIPT1
2
3
4
5
btStop.addEventListener&#40;MouseEvent.CLICK, btStopClickHandler&#41;;
function btStopClickHandler&#40;evt:MouseEvent&#41;:void &#123;
	//控制上一階層影片片段停止
	MovieClip&#40;this.parent&#41;.stop&#40;&#41;;
&#125;

二、使用as運算子，使它被辨識為MovieClip物件

?View Code ACTIONSCRIPT1
2
3
4
5
6
btPlay.addEventListener&#40;MouseEvent.CLICK, btPlayClickHandler&#41;;
function btPlayClickHandler&#40;evt:MouseEvent&#41;:void &#123;
	//控制上一階層影片片段開始
	var myParent:MovieClip = parent as MovieClip;
	myParent.play&#40;&#41;;
&#125;

所以透過上述兩種語法就可以控制不同上面階層的物件，是個需要注意的小細節。


相關文章:[AS3]動態追加刪除影片片段元件的實體[AS3] 動態將元件庫影片元件增加到舞台上[Flex]如何在tree中使用搜尋功能


相關文章:<ul><li><a href='http://cloudfly.org.ru/?p=761' rel='bookmark' title='Permanent Link: [AS3]動態追加刪除影片片段元件的實體'>[AS3]動態追加刪除影片片段元件的實體</a></li><li><a href='http://cloudfly.org.ru/?p=745' rel='bookmark' title='Permanent Link: [AS3] 動態將元件庫影片元件增加到舞台上'>[AS3] 動態將元件庫影片元件增加到舞台上</a></li><li><a href='http://cloudfly.org.ru/?p=599' rel='bookmark' title='Permanent Link: [Flex]如何在tree中使用搜尋功能'>[Flex]如何在tree中使用搜尋功能</a></li></ul>]]></description>
			<content:encoded><![CDATA[<p> <a rel="shadowbox;width=800;height=600" href="http://cloudfly.org.ru/wp-content/uploads/2010/05/Display/sample.swf"><img class="pie-img" src="http://lh5.ggpht.com/_keMs3iXteFg/S90V-C7fawI/AAAAAAAAB1g/AHB6BH9LkrQ/sampic.jpg?imgmax=640" alt="sampic.jpg" width="458" height="352" /> </a><br />
<span id="more-755"></span></p>
<p id="space">早期AS2時MovieClip類別是主角，用MovieClip一套打天下，當要存取上層影片片段或主時間軸，通常使用parent和root就可以搞定。但如果在AS3直接使用MovieClip類別的屬性或方法(像root.gotoAndPlay(5))，這樣就會發生錯誤。</p>
<p id="space">原因在於AS3將類別做更細部的區分，分成以下幾個有繼承關係的類別：</p>
<p><a title="DispalyObject的繼承關係" rel="shadowbox" href="http://lh4.ggpht.com/_keMs3iXteFg/S90R-pewsGI/AAAAAAAAB08/2a2d4KXo94w/DisplayObject.png?imgmax=640"><img class="pie-img" src="http://lh4.ggpht.com/_keMs3iXteFg/S90R-pewsGI/AAAAAAAAB08/2a2d4KXo94w/DisplayObject.png?imgmax=640" alt="DisplayObject.jpg" width="576" height="265" /></a></p>
<blockquote><p><span style="font-family: mceinline;"><span style="color: #009900;">parent的資料類型為顯示物件容器：DisplayObjectContainer<br />
root的資料類型為顯示物件：DisplayObject<br />
所以我們常使用到的parent,root跟MovieClip是不一樣的資料類型。</span></span></p></blockquote>
<p id="space">若是直接使用root.stop()，就會出現以下的錯誤訊息:</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p755code10'); return false;">View Code</a> ACTIONSCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p75510"><td class="line_numbers"><pre>1
</pre></td><td class="code" id="p755code10"><pre class="actionscript" style="font-family:monospace;"><span style="color: #cc66cc;">1061</span>: 呼叫可能未定義的方法 <span style="color: #0066CC;">stop</span> <span style="color: #66cc66;">&#40;</span>透過靜態類型 flash.<span style="color: #006600;">display</span>:DisplayObject 的參考<span style="color: #66cc66;">&#41;</span>。</pre></td></tr></table></div>

<p id="space">解決方法有兩種：</p>
<p id="space"><span style="font-family: mceinline;"><span style="color: #0000ff;">一、使用MovieClip(parent)強制進行形態轉換</span></span></p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p755code11'); return false;">View Code</a> ACTIONSCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p75511"><td class="line_numbers"><pre>1
2
3
4
5
</pre></td><td class="code" id="p755code11"><pre class="actionscript" style="font-family:monospace;">btStop.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>MouseEvent.<span style="color: #006600;">CLICK</span>, btStopClickHandler<span style="color: #66cc66;">&#41;</span>;
<span style="color: #000000; font-weight: bold;">function</span> btStopClickHandler<span style="color: #66cc66;">&#40;</span>evt:MouseEvent<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span> <span style="color: #66cc66;">&#123;</span>
	<span style="color: #808080; font-style: italic;">//控制上一階層影片片段停止</span>
	<span style="color: #0066CC;">MovieClip</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">this</span>.<span style="color: #006600;">parent</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #0066CC;">stop</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #66cc66;">&#125;</span></pre></td></tr></table></div>

<p id="space"><span style="font-family: mceinline;"><span style="color: #0000ff;">二、使用as運算子，使它被辨識為MovieClip物件</span></span></p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p755code12'); return false;">View Code</a> ACTIONSCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p75512"><td class="line_numbers"><pre>1
2
3
4
5
6
</pre></td><td class="code" id="p755code12"><pre class="actionscript" style="font-family:monospace;">btPlay.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>MouseEvent.<span style="color: #006600;">CLICK</span>, btPlayClickHandler<span style="color: #66cc66;">&#41;</span>;
<span style="color: #000000; font-weight: bold;">function</span> btPlayClickHandler<span style="color: #66cc66;">&#40;</span>evt:MouseEvent<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span> <span style="color: #66cc66;">&#123;</span>
	<span style="color: #808080; font-style: italic;">//控制上一階層影片片段開始</span>
	<span style="color: #000000; font-weight: bold;">var</span> myParent:<span style="color: #0066CC;">MovieClip</span> = parent as <span style="color: #0066CC;">MovieClip</span>;
	myParent.<span style="color: #0066CC;">play</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #66cc66;">&#125;</span></pre></td></tr></table></div>

<p id="space">所以透過上述兩種語法就可以控制不同上面階層的物件，是個需要注意的小細節。</p>


<p>相關文章:<ul><li><a href='http://cloudfly.org.ru/?p=761' rel='bookmark' title='Permanent Link: [AS3]動態追加刪除影片片段元件的實體'>[AS3]動態追加刪除影片片段元件的實體</a></li><li><a href='http://cloudfly.org.ru/?p=745' rel='bookmark' title='Permanent Link: [AS3] 動態將元件庫影片元件增加到舞台上'>[AS3] 動態將元件庫影片元件增加到舞台上</a></li><li><a href='http://cloudfly.org.ru/?p=599' rel='bookmark' title='Permanent Link: [Flex]如何在tree中使用搜尋功能'>[Flex]如何在tree中使用搜尋功能</a></li></ul></p>]]></content:encoded>
			<wfw:commentRss>http://cloudfly.org.ru/?feed=rss2&amp;p=755</wfw:commentRss>
		</item>
		<item>
		<title>[AS3] 動態將元件庫影片元件增加到舞台上</title>
		<link>http://cloudfly.org.ru/?p=745</link>
		<comments>http://cloudfly.org.ru/?p=745#comments</comments>
		<pubDate>Sat, 01 May 2010 17:23:56 +0000</pubDate>
		<dc:creator>cloudfly</dc:creator>
		
		<category><![CDATA[Actionscript]]></category>

		<category><![CDATA[程式設計]]></category>

		<guid isPermaLink="false">http://cloudfly.org.ru/?p=745</guid>
		<description><![CDATA[最近在軍中空閒時就複習一下AS3，在討論過程中，學長問了我一個flash問題，就是如何動態將元件庫影片增加到舞台的問題，本來的問題是將元件匯出給ActionScript使用，但沒有要把影片元件先拉到場景中，而是要用語法動態加入元件(譬如想增加多個的時候)，如果是寫在同一個fla檔裡頭就很好解決，但因為學長很固執就是一定要寫在as檔裡(覺得這樣code比較漂亮)，於是就難倒我了，try了好久卻找不出原因，怎麼可以這麼容易就被打敗，所以回家就花點時間解決這個問題。


?View Code ACTIONSCRIPT1
2
3
4
 var _mc:Draggable=new Draggable&#40;&#41;;
this.addChild&#40;_mc&#41;;
this.addChild&#40;_mc&#41;;
this.addChild&#40;_mc&#41;;

而此元件的事件我是另外撰寫在Draggable.as設定它的拖曳事件
Draggable.as

?View Code ACTIONSCRIPT1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 package &#123;
	import flash.display.MovieClip;
	import flash.display.DisplayObjectContainer;
	import flash.events.MouseEvent;
&#160;
	public class Draggable extends MovieClip &#123;
		function Draggable&#40;&#41;:void &#123;
			this.addEventListener&#40;MouseEvent.MOUSE_DOWN, mPress&#41;;
			stage.addEventListener&#40;MouseEvent.MOUSE_UP, mRelease&#41;;
		&#125;
		public function mPress&#40;e:MouseEvent&#41;:void &#123;
			var p:DisplayObjectContainer = this.parent;
			//p.removeChild(this);
			p.addChild&#40;this&#41;;
			this.startDrag&#40;&#41;;
		&#125;
		public function mRelease&#40;e:MouseEvent&#41;:void &#123;
			this.stopDrag&#40;&#41;;
		&#125;
	&#125;
&#125;

連結部分也有設定好
類別：Draggable
基底類別：flash.display.MovieClip
會出給ActionScript共用跟匯出在第一個影格也有打勾
但執行時產生錯誤訊息

TypeError: Error #1009: 無法存取 Null 物件參考的屬性或方法。
at Draggable()
at 11_fla::MainTimeline/frame1()
在詢問了板上的神人與Google大神後，大致上了解是什麼原因，原因在於stage屬性一開始為null，當可視物件被加入至場景上後 stage屬性才會有值，所以在建構函式時就偵聽stage的話，就會發生&#8221;無法取存null的屬性或方法&#8221;，所以這邊要使用到Event.ADDED_TO_STAGE事件。
 Help解釋為：加入至舞台上顯示清單的 DisplayObject 實體，方式為直接加入或透過加入包含 DisplayObject 實體的子樹狀結構來加入。 如果直接加入 DisplayObject 實體，便會在此事件之前發生 added 事件。
但由於我不是直接加入DisplayObject(也就是手動從元件庫抓取影片片段放到舞台上)，而是由外部檔案加入DisplayObject(用程式動態載入)，所以必須要手動加入ADDED_TO_STAGE事件，方法是寫在constructor裡，而其他DisplayObject的method或variables的宣告則放到該listener裡，如此就可以順利解決此問題。
修改完後的程式碼如下

?View Code ACTIONSCRIPT1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 package &#123;
	import flash.display.MovieClip;
	import flash.display.DisplayObjectContainer;
	import [...]


相關文章:<ul><li><a href='http://cloudfly.org.ru/?p=761' rel='bookmark' title='Permanent Link: [AS3]動態追加刪除影片片段元件的實體'>[AS3]動態追加刪除影片片段元件的實體</a></li><li><a href='http://cloudfly.org.ru/?p=755' rel='bookmark' title='Permanent Link: [AS3]控制上層影片片段的語法'>[AS3]控制上層影片片段的語法</a></li><li><a href='http://cloudfly.org.ru/?p=624' rel='bookmark' title='Permanent Link: [Flash]結合PV3D的初體驗'>[Flash]結合PV3D的初體驗</a></li></ul>]]></description>
			<content:encoded><![CDATA[<p id="space">最近在軍中空閒時就複習一下AS3，在討論過程中，學長問了我一個flash問題，就是如何動態將元件庫影片增加到舞台的問題，本來的問題是將元件匯出給ActionScript使用，但沒有要把影片元件先拉到場景中，而是要用語法動態加入元件(譬如想增加多個的時候)，如果是寫在同一個fla檔裡頭就很好解決，但因為學長很固執就是一定要寫在as檔裡(覺得這樣code比較漂亮)，於是就難倒我了，try了好久卻找不出原因，怎麼可以這麼容易就被打敗，所以回家就花點時間解決這個問題。</p>
<p><span id="more-745"></span></p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p745code16'); return false;">View Code</a> ACTIONSCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p74516"><td class="line_numbers"><pre>1
2
3
4
</pre></td><td class="code" id="p745code16"><pre class="actionscript" style="font-family:monospace;"> <span style="color: #000000; font-weight: bold;">var</span> _mc:Draggable=<span style="color: #000000; font-weight: bold;">new</span> Draggable<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #0066CC;">this</span>.<span style="color: #006600;">addChild</span><span style="color: #66cc66;">&#40;</span>_mc<span style="color: #66cc66;">&#41;</span>;
<span style="color: #0066CC;">this</span>.<span style="color: #006600;">addChild</span><span style="color: #66cc66;">&#40;</span>_mc<span style="color: #66cc66;">&#41;</span>;
<span style="color: #0066CC;">this</span>.<span style="color: #006600;">addChild</span><span style="color: #66cc66;">&#40;</span>_mc<span style="color: #66cc66;">&#41;</span>;</pre></td></tr></table></div>

<p id="space">而此元件的事件我是另外撰寫在Draggable.as設定它的拖曳事件</p>
<p id="space">Draggable.as</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p745code17'); return false;">View Code</a> ACTIONSCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p74517"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
</pre></td><td class="code" id="p745code17"><pre class="actionscript" style="font-family:monospace;"> package <span style="color: #66cc66;">&#123;</span>
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">display</span>.<span style="color: #0066CC;">MovieClip</span>;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">display</span>.<span style="color: #006600;">DisplayObjectContainer</span>;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">events</span>.<span style="color: #006600;">MouseEvent</span>;
&nbsp;
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">class</span> Draggable <span style="color: #0066CC;">extends</span> <span style="color: #0066CC;">MovieClip</span> <span style="color: #66cc66;">&#123;</span>
		<span style="color: #000000; font-weight: bold;">function</span> Draggable<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span> <span style="color: #66cc66;">&#123;</span>
			<span style="color: #0066CC;">this</span>.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>MouseEvent.<span style="color: #006600;">MOUSE_DOWN</span>, mPress<span style="color: #66cc66;">&#41;</span>;
			<span style="color: #0066CC;">stage</span>.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>MouseEvent.<span style="color: #006600;">MOUSE_UP</span>, mRelease<span style="color: #66cc66;">&#41;</span>;
		<span style="color: #66cc66;">&#125;</span>
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> mPress<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>:MouseEvent<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span> <span style="color: #66cc66;">&#123;</span>
			<span style="color: #000000; font-weight: bold;">var</span> p:DisplayObjectContainer = <span style="color: #0066CC;">this</span>.<span style="color: #006600;">parent</span>;
			<span style="color: #808080; font-style: italic;">//p.removeChild(this);</span>
			p.<span style="color: #006600;">addChild</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">this</span><span style="color: #66cc66;">&#41;</span>;
			<span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">startDrag</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #66cc66;">&#125;</span>
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> mRelease<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>:MouseEvent<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span> <span style="color: #66cc66;">&#123;</span>
			<span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">stopDrag</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #66cc66;">&#125;</span>
	<span style="color: #66cc66;">&#125;</span>
<span style="color: #66cc66;">&#125;</span></pre></td></tr></table></div>

<p id="space">連結部分也有設定好<br />
類別：Draggable<br />
基底類別：flash.display.MovieClip<br />
會出給ActionScript共用跟匯出在第一個影格也有打勾<br />
但執行時產生錯誤訊息</p>
<blockquote>
<p style="color: #ff00ff;">TypeError: Error #1009: 無法存取 Null 物件參考的屬性或方法。<br />
at Draggable()<br />
at 11_fla::MainTimeline/frame1()</p></blockquote>
<p id="space">在詢問了板上的神人與Google大神後，大致上了解是什麼原因，原因在於stage屬性一開始為null，當可視物件被加入至場景上後 stage屬性才會有值，所以在建構函式時就偵聽stage的話，就會發生&#8221;無法取存null的屬性或方法&#8221;，所以這邊要使用到Event.ADDED_TO_STAGE事件。</p>
<blockquote><p><span style="font-family: mceinline; color: #ff00ff;"> Help解釋為：加入至舞台上顯示清單的 DisplayObject 實體，方式為直接加入或透過加入包含 DisplayObject 實體的子樹狀結構來加入。 如果直接加入 DisplayObject 實體，便會在此事件之前發生 added 事件。</span></p></blockquote>
<p id="space">但由於我不是直接加入DisplayObject(也就是手動從元件庫抓取影片片段放到舞台上)，而是由外部檔案加入DisplayObject(用程式動態載入)，所以必須要手動加入ADDED_TO_STAGE事件，方法是寫在constructor裡，而其他DisplayObject的method或variables的宣告則放到該listener裡，如此就可以順利解決此問題。</p>
<p id="space">修改完後的程式碼如下</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p745code18'); return false;">View Code</a> ACTIONSCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p74518"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
</pre></td><td class="code" id="p745code18"><pre class="actionscript" style="font-family:monospace;"> package <span style="color: #66cc66;">&#123;</span>
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">display</span>.<span style="color: #0066CC;">MovieClip</span>;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">display</span>.<span style="color: #006600;">DisplayObjectContainer</span>;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">events</span>.<span style="color: #006600;">MouseEvent</span>;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">events</span>.<span style="color: #66cc66;">*</span>;
&nbsp;
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">class</span> Draggable <span style="color: #0066CC;">extends</span> <span style="color: #0066CC;">MovieClip</span> <span style="color: #66cc66;">&#123;</span>
		<span style="color: #000000; font-weight: bold;">function</span> Draggable<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span> <span style="color: #66cc66;">&#123;</span>
			<span style="color: #808080; font-style: italic;">//trace(stage);</span>
			<span style="color: #0066CC;">this</span>.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>Event.<span style="color: #006600;">ADDED_TO_STAGE</span> , addToStageHandler<span style="color: #66cc66;">&#41;</span>;
			<span style="color: #808080; font-style: italic;">//偵聽Event.ADDED_TO_STAGE事件,</span>
   			<span style="color: #808080; font-style: italic;">//該事件指的是，當自已被加入場景上時，會觸法該事件</span>
   			<span style="color: #808080; font-style: italic;">//因為被加入到場景上, 所以之後的stage屬性就不會是null</span>
		<span style="color: #66cc66;">&#125;</span>
&nbsp;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> addToStageHandler<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>:Event<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span> <span style="color: #66cc66;">&#123;</span>
  		 	<span style="color: #808080; font-style: italic;">//這兒就可以設定要載入物件的變數和方法</span>
			<span style="color: #0066CC;">trace</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">stage</span>.<span style="color: #006600;">stageWidth</span><span style="color: #66cc66;">&#41;</span>;
			<span style="color: #0066CC;">trace</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">stage</span>.<span style="color: #006600;">stageHeight</span><span style="color: #66cc66;">&#41;</span>;
   			<span style="color: #0066CC;">this</span>.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>MouseEvent.<span style="color: #006600;">MOUSE_DOWN</span>, mPress<span style="color: #66cc66;">&#41;</span>;
			<span style="color: #0066CC;">stage</span>.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>MouseEvent.<span style="color: #006600;">MOUSE_UP</span>, mRelease<span style="color: #66cc66;">&#41;</span>;
 		 <span style="color: #66cc66;">&#125;</span>
&nbsp;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> mPress<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>:MouseEvent<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
		<span style="color: #66cc66;">&#123;</span>
			<span style="color: #000000; font-weight: bold;">var</span> p:DisplayObjectContainer = <span style="color: #0066CC;">this</span>.<span style="color: #006600;">parent</span>;
			<span style="color: #808080; font-style: italic;">//p.removeChild(this);</span>
			p.<span style="color: #006600;">addChild</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">this</span><span style="color: #66cc66;">&#41;</span>;
			<span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">startDrag</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #66cc66;">&#125;</span>
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> mRelease<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>:MouseEvent<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span> <span style="color: #66cc66;">&#123;</span>
			<span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">stopDrag</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #66cc66;">&#125;</span>
	<span style="color: #66cc66;">&#125;</span>
<span style="color: #66cc66;">&#125;</span></pre></td></tr></table></div>



<p>相關文章:<ul><li><a href='http://cloudfly.org.ru/?p=761' rel='bookmark' title='Permanent Link: [AS3]動態追加刪除影片片段元件的實體'>[AS3]動態追加刪除影片片段元件的實體</a></li><li><a href='http://cloudfly.org.ru/?p=755' rel='bookmark' title='Permanent Link: [AS3]控制上層影片片段的語法'>[AS3]控制上層影片片段的語法</a></li><li><a href='http://cloudfly.org.ru/?p=624' rel='bookmark' title='Permanent Link: [Flash]結合PV3D的初體驗'>[Flash]結合PV3D的初體驗</a></li></ul></p>]]></content:encoded>
			<wfw:commentRss>http://cloudfly.org.ru/?feed=rss2&amp;p=745</wfw:commentRss>
		</item>
		<item>
		<title>[jQuery]語法查詢好用網站</title>
		<link>http://cloudfly.org.ru/?p=741</link>
		<comments>http://cloudfly.org.ru/?p=741#comments</comments>
		<pubDate>Sun, 25 Apr 2010 09:08:21 +0000</pubDate>
		<dc:creator>cloudfly</dc:creator>
		
		<category><![CDATA[jQuery]]></category>

		<category><![CDATA[程式設計]]></category>

		<guid isPermaLink="false">http://cloudfly.org.ru/?p=741</guid>
		<description><![CDATA[jQuery是一組可以神奇地簡化Javascript程式寫法的Open Source Library，由John Resig於  2006發表。透過Selector、函數串接、元素陣列整批處理等巧妙的語言特色，加上對於HTML處理中常用的Event、Attribute、 CSS  Style、元素新增/刪除都提供了簡便的寫法，能將原本要寫上數百行的Javascript程式簡化到幾行搞定，故深受許多Javascript開發者的歡迎。

以下介紹jQuery兩個好用的查詢網站，在語法上查詢時，可以給予我們很大的幫助。
1.jQuery API

使用者可以在上方的文字欄位輸入要查詢的語法，查到的method會附上解釋跟範例，是一個很不錯的文件查詢網站。
2.Visual  jQuery

此網站最大的特色之一就是整個網站利用 jQuery 寫出一個 jQuery API 查詢介面，不但查詢速度快，且介面也十分友善，對於 jQuery 的愛好者來說，絕對是個不可多得的好站。


相關文章:[Flex]如何使用Repeater元件


相關文章:<ul><li><a href='http://cloudfly.org.ru/?p=713' rel='bookmark' title='Permanent Link: [Flex]如何使用Repeater元件'>[Flex]如何使用Repeater元件</a></li></ul>]]></description>
			<content:encoded><![CDATA[<p id="space">jQuery是一組可以神奇地簡化Javascript程式寫法的Open Source Library，由<a href="http://ejohn.org/blog/">John Resig</a>於  2006發表。透過Selector、函數串接、元素陣列整批處理等巧妙的語言特色，加上對於HTML處理中常用的Event、Attribute、 CSS  Style、元素新增/刪除都提供了簡便的寫法，能將原本要寫上數百行的Javascript程式簡化到幾行搞定，故深受許多Javascript開發者的歡迎。</p>
<p><span id="more-741"></span></p>
<p id="space">以下介紹jQuery兩個好用的查詢網站，在語法上查詢時，可以給予我們很大的幫助。</p>
<p id="space">1.<a href="http://remysharp.com/jquery-api/" target="_blank">jQuery API</a><br />
<img class="pie-img" src="http://lh3.ggpht.com/_keMs3iXteFg/S9QDTQ-9kSI/AAAAAAAABzA/KlEw2RCZbkU/jQueryAPI.jpg?imgmax=640" alt="jQueryAPI.jpg" width="512" height="423" /><img style="margin:10px 10px 10px 10px;" alt="" /></p>
<p>使用者可以在上方的文字欄位輸入要查詢的語法，查到的method會附上解釋跟範例，是一個很不錯的文件查詢網站。</p>
<p id="space">2.<a rel="nofollow" href="http://www.visualjquery.com/" target="_blank">Visual  jQuery</a></p>
<p><img class="pie-img" src="http://lh4.ggpht.com/_keMs3iXteFg/S9QDRVI-lWI/AAAAAAAABy8/YkYleTl7wz0/jQuery%201.2.6.jpg?imgmax=640" alt="jQuery 1.2.6.jpg" width="512" height="321" /><img style="margin:10px 10px 10px 10px;" alt="" /></p>
<p>此網站最大的特色之一就是整個網站利用 <a rel="nofollow" href="http://www.jquery.com/" target="_blank">jQuery</a> 寫出一個 jQuery API 查詢介面，不但查詢速度快，且介面也十分友善，對於 <a rel="nofollow" href="http://www.jquery.com/" target="_blank">jQuery</a> 的愛好者來說，絕對是個不可多得的好站。</p>


<p>相關文章:<ul><li><a href='http://cloudfly.org.ru/?p=713' rel='bookmark' title='Permanent Link: [Flex]如何使用Repeater元件'>[Flex]如何使用Repeater元件</a></li></ul></p>]]></content:encoded>
			<wfw:commentRss>http://cloudfly.org.ru/?feed=rss2&amp;p=741</wfw:commentRss>
		</item>
		<item>
		<title>[Ajax]ajax連動式下拉選單</title>
		<link>http://cloudfly.org.ru/?p=735</link>
		<comments>http://cloudfly.org.ru/?p=735#comments</comments>
		<pubDate>Sat, 10 Apr 2010 17:27:43 +0000</pubDate>
		<dc:creator>cloudfly</dc:creator>
		
		<category><![CDATA[Ajax]]></category>

		<category><![CDATA[程式設計]]></category>

		<guid isPermaLink="false">http://cloudfly.org.ru/?p=735</guid>
		<description><![CDATA[我的業務之一就是負責監督廠商系統的改善(code不是由我們來寫)，每次工程師跟長官開會討論報名系統的林林種種問題(承辦的長官其實很龜毛)，由於資料相依性很高，其中一個比較大的問題是每選擇一個下拉式選單後，也就是一旦發出onChange事件後，畫面就會reload一次，這點對於操作的人員造成視覺上等待的不便，於是長官要求能否改善。

在旁參與會議的我自然而然就想到長官要的大概就是Ajax的功能，其中就是連動下拉式選單，點選縣市，就會對應到該鄉鎮，而畫面又不需重load一次，於是利用某個晚上搜尋了相關的網站，想說要幫助一下工程師。
由於在XX裡面的系統幾乎都是使用微軟的ASP.NET為主，所以這段時間剛好可以學習看看，畢竟以前沒啥碰過ASP.NET(汗顏)。
參考網站：
1.用jQuery做連動式下拉選單
2.連動下拉式選單
 3.使用 AJAX 動態載入縣市和地區
看來不讓畫面每次點選都reload一次對於使用者來說是很重要的一項功能，所以工程師已經做得差不多的系統又要大改一次。


相關文章:[jQuery]語法查詢好用網站


相關文章:<ul><li><a href='http://cloudfly.org.ru/?p=741' rel='bookmark' title='Permanent Link: [jQuery]語法查詢好用網站'>[jQuery]語法查詢好用網站</a></li></ul>]]></description>
			<content:encoded><![CDATA[<p id="space">我的業務之一就是負責監督廠商系統的改善(code不是由我們來寫)，每次工程師跟長官開會討論報名系統的林林種種問題(承辦的長官其實很龜毛)，由於資料相依性很高，其中一個比較大的問題是每選擇一個下拉式選單後，也就是一旦發出onChange事件後，畫面就會reload一次，這點對於操作的人員造成視覺上等待的不便，於是長官要求能否改善。</p>
<p><span id="more-735"></span></p>
<p id="space">在旁參與會議的我自然而然就想到長官要的大概就是Ajax的功能，其中就是連動下拉式選單，點選縣市，就會對應到該鄉鎮，而畫面又不需重load一次，於是利用某個晚上搜尋了相關的網站，想說要幫助一下工程師。</p>
<p id="space">由於在XX裡面的系統幾乎都是使用微軟的ASP.NET為主，所以這段時間剛好可以學習看看，畢竟以前沒啥碰過ASP.NET(汗顏)。</p>
<p id="space">參考網站：</p>
<blockquote><p><a href="http://www.dotblogs.com.tw/lastsecret/archive/2010/03/30/14296.aspx" target="_blank">1.用jQuery做連動式下拉選單</a><br />
<a href="http://demo.tc/Post/547" target="_blank">2.連動下拉式選單</a><br />
<a href="http://renjin.blogspot.com/2008/08/dynamically-populating-county-and-town.html" target="_blank"> 3.使用 AJAX 動態載入縣市和地區</a></p></blockquote>
<p id="space">看來不讓畫面每次點選都reload一次對於使用者來說是很重要的一項功能，所以工程師已經做得差不多的系統又要大改一次。</p>


<p>相關文章:<ul><li><a href='http://cloudfly.org.ru/?p=741' rel='bookmark' title='Permanent Link: [jQuery]語法查詢好用網站'>[jQuery]語法查詢好用網站</a></li></ul></p>]]></content:encoded>
			<wfw:commentRss>http://cloudfly.org.ru/?feed=rss2&amp;p=735</wfw:commentRss>
		</item>
		<item>
		<title>新年快樂</title>
		<link>http://cloudfly.org.ru/?p=733</link>
		<comments>http://cloudfly.org.ru/?p=733#comments</comments>
		<pubDate>Sat, 13 Feb 2010 13:55:17 +0000</pubDate>
		<dc:creator>cloudfly</dc:creator>
		
		<category><![CDATA[生活雜記]]></category>

		<category><![CDATA[軍旅生活]]></category>

		<guid isPermaLink="false">http://cloudfly.org.ru/?p=733</guid>
		<description><![CDATA[時間過得異常的慢(終於到了過年的時候了)，請容許我這麼說，國軍弟兄的錶跟一般人不一樣&#8230;。第一次當兵的過年慶幸能夠在家中度過，比起在野戰單位的弟兄有些還須要留守，已經顯得幸福無比了，所以我很知足&#8230;^__^。

最近的生活還算愜意，雖然過年前的公差可說是忙到人仰馬翻，光是準備長官要吃的餐會，打掃環境、佈置場地、事後撤場，以及擔任當天的餐會差勤等，真是十分充實阿!當然忙碌之下，時間就會過的異常快速，白天忙碌完，晚上可以悠哉的看著閒書也是一大享受，我發覺這段日子看的閒書，幾乎是過去一年的好幾倍，舉凡雜誌、散文、小說等，每週回去前都會特別去圖書館鎖定好借出，畢竟空閒時間拿來看看書充實與調劑身心，心情上會覺得輕鬆很多。所以覺得這一週時間度過非常的快，能夠快樂的迎接9天的年假。
最後祝大家新年快樂，也祝我早日退伍啦!
 :pic23 


相關文章:待續~~


相關文章:<ul><li><a href='http://cloudfly.org.ru/?p=722' rel='bookmark' title='Permanent Link: 待續~~'>待續~~</a></li></ul>]]></description>
			<content:encoded><![CDATA[<p id="space">時間過得異常的慢(終於到了過年的時候了)，請容許我這麼說，國軍弟兄的錶跟一般人不一樣&#8230;。第一次當兵的過年慶幸能夠在家中度過，比起在野戰單位的弟兄有些還須要留守，已經顯得幸福無比了，所以我很知足&#8230;^__^。</p>
<p><span id="more-733"></span></p>
<p id="space">最近的生活還算愜意，雖然過年前的公差可說是忙到人仰馬翻，光是準備長官要吃的餐會，打掃環境、佈置場地、事後撤場，以及擔任當天的餐會差勤等，真是十分充實阿!當然忙碌之下，時間就會過的異常快速，白天忙碌完，晚上可以悠哉的看著閒書也是一大享受，我發覺這段日子看的閒書，幾乎是過去一年的好幾倍，舉凡雜誌、散文、小說等，每週回去前都會特別去圖書館鎖定好借出，畢竟空閒時間拿來看看書充實與調劑身心，心情上會覺得輕鬆很多。所以覺得這一週時間度過非常的快，能夠快樂的迎接9天的年假。</p>
<p id="space">最後祝大家新年快樂，也祝我早日退伍啦!<br />
 :pic23 </p>


<p>相關文章:<ul><li><a href='http://cloudfly.org.ru/?p=722' rel='bookmark' title='Permanent Link: 待續~~'>待續~~</a></li></ul></p>]]></content:encoded>
			<wfw:commentRss>http://cloudfly.org.ru/?feed=rss2&amp;p=733</wfw:commentRss>
		</item>
	</channel>
</rss>
