<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-7826901451578940077</id><updated>2024-11-01T18:47:09.092+08:00</updated><category term="Flash Builer 4"/><category term="Blog 調校日誌"/><category term="網路相關技術教學"/><category term="網頁設計專區"/><category term="網頁開發"/><category term="Flex 3"/><category term="程式設計專區"/><category term="醫學常識與新知"/><category term="IPhone"/><category term="Java教學"/><category term="multimeida"/><category term="健康饮食"/><category term="哲理故事"/><category term="天下雜談"/><category term="情感天地"/><category term="網路管理工具程式"/><category term="軟體問題相關討論"/><category term="開心一刻"/><category term="電腦基礎知識"/><title type='text'>Yita電腦調校日誌</title><subtitle type='html'>每日在處理電腦問題時，順手把解決的方法及適用的軟體給留下文章。方便以後查閱及整理僅此而已</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://dailylearningofcomputer.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default?redirect=false'/><link rel='alternate' type='text/html' href='http://dailylearningofcomputer.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default?start-index=26&amp;max-results=25&amp;redirect=false'/><author><name>Daily Learning Of Computer</name><uri>http://www.blogger.com/profile/05443998150426478617</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>85</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-7826901451578940077.post-1306206376348915720</id><published>2013-02-21T17:56:00.004+08:00</published><updated>2013-02-21T17:56:40.163+08:00</updated><title type='text'>將 Chrome 的cache files 移到ramdisk 的前置作業 part2</title><content type='html'>關於ramdisk 如何安裝及使用請參考 &quot;就是教不落&quot; 部落格的文章.&lt;br /&gt;
敝人推薦的軟體也是 SoftPerfect RAM Disk&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;&lt;a href=&quot;http://steachs.com/archives/3009&quot;&gt;http://steachs.com/archives/3009&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
再以管理者權限執行cmd ,然後鍵入 notepad&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;border: 0px; font-family: Helvetica, Arial, &#39;Droid Sans&#39;, sans-serif; font-size: 14px; line-height: 1.428571em; margin: 0px; padding: 0px;&quot;&gt;
再寫一個 &amp;nbsp;chromecache.bat 內容如下: &amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;border: 0px; font-family: Helvetica, Arial, &#39;Droid Sans&#39;, sans-serif; font-size: 14px; line-height: 1.428571em; margin: 0px; padding: 0px;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;border: 0px; font-family: Helvetica, Arial, &#39;Droid Sans&#39;, sans-serif; font-size: 14px; line-height: 1.428571em; margin: 0px; padding: 0px;&quot;&gt;
&lt;div style=&quot;border: 0px; margin-bottom: 0.714285em; padding: 0px;&quot;&gt;
@echo off&lt;/div&gt;
&lt;div style=&quot;border: 0px; margin-bottom: 0.714285em; padding: 0px;&quot;&gt;
cmd /c mklink /j &quot;e:\ramdisk&quot; &quot;c:\users\beckcy\appdata\local\google\chrome\user data\default\cache&quot;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;border: 0px; margin-bottom: 0.714285em; padding: 0px;&quot;&gt;
&amp;nbsp;&lt;img class=&quot;en-media&quot; name=&quot;2e51064a-47e4-46a6-a9d0-b954be95d742&quot; src=&quot;https://www.evernote.com/shard/s34/res/2e51064a-47e4-46a6-a9d0-b954be95d742/2013-01-31_15h25_45.png?resizeSmall&amp;amp;width=1340&quot; style=&quot;border: 0px; height: auto; margin: 0.857412em 0px 1.286em; max-width: 100%; padding: 0px;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;border: 0px; margin-bottom: 0.714285em; padding: 0px;&quot;&gt;
&amp;nbsp;&lt;span style=&quot;line-height: 1.428571em;&quot;&gt;並將其加到啟動, 如何進入啟動(按下Windows 鍵 + R 再輸入shell:startup ,再將chromecache.bat 複製並貼上..&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;border: 0px; margin-bottom: 0.714285em; padding: 0px;&quot;&gt;
&lt;span style=&quot;line-height: 1.428571em;&quot;&gt;重新開機後. 您的chrom cache files 就會被移到ramdsik 了. 一般建議您把ramdisk 設為256mb&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;border: 0px; margin-bottom: 0.714285em; padding: 0px;&quot;&gt;
&lt;span style=&quot;line-height: 1.428571em;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://dailylearningofcomputer.blogspot.com/feeds/1306206376348915720/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2013/02/chrome-cache-files-ramdisk-part2.html#comment-form' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/1306206376348915720'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/1306206376348915720'/><link rel='alternate' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2013/02/chrome-cache-files-ramdisk-part2.html' title='將 Chrome 的cache files 移到ramdisk 的前置作業 part2'/><author><name>Daily Learning Of Computer</name><uri>http://www.blogger.com/profile/05443998150426478617</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7826901451578940077.post-6143573426563118315</id><published>2013-02-21T17:36:00.002+08:00</published><updated>2013-02-21T17:44:50.472+08:00</updated><title type='text'>將 Chrome 的cache files 移到ramdisk 的前置作業 part1</title><content type='html'>&lt;span style=&quot;font-size: 14px; line-height: 1.428571em;&quot;&gt;現在SDD &amp;nbsp;越來越普及的情況下,在有限的讀取次數下,要讓你的SDD減少無謂的讀寫.&lt;/span&gt;&lt;br /&gt;
&lt;div style=&quot;border: 0px; font-size: 14px; line-height: 19.984375px; margin: 0px; padding: 0px;&quot;&gt;
&lt;div style=&quot;border: 0px; font-family: Helvetica, Arial, &#39;Droid Sans&#39;, sans-serif; line-height: 1.428571em; margin: 0px; padding: 0px;&quot;&gt;
&lt;div style=&quot;border: 0px; line-height: 1.428571em; margin-bottom: 0.714285em; padding: 0px;&quot;&gt;
例如像是 Chrome 瀏覽器的cache 不但讀取次數很頻繁而且也很佔寶貴的SSD 空間.&lt;/div&gt;
&lt;div style=&quot;border: 0px; line-height: 1.428571em; margin-bottom: 0.714285em; padding: 0px;&quot;&gt;
因此你必需做一些設置,將Chrome 的 cache files 丟到ramdisk 去.&lt;br /&gt;
&lt;br /&gt;
但要做到這樣的要求,有一些前置作業必需先進行.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;border: 0px; line-height: 1.428571em; margin-bottom: 0.714285em; padding: 0px;&quot;&gt;
首先你要開啟管理員帳戶,請參考我之前的文章.&lt;/div&gt;
&lt;div style=&quot;border: 0px; line-height: 1.428571em; margin-bottom: 0.714285em; padding: 0px;&quot;&gt;
再來&lt;span style=&quot;line-height: 1.428571em;&quot;&gt;設定本機安全原則:&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;border: 0px; line-height: 1.428571em; margin-bottom: 0.714285em; padding: 0px;&quot;&gt;
&amp;nbsp;&lt;img alt=&quot;Windows 8 開啟管理員帳戶。管理員能執行 App&quot; data-mce-src=&quot;http://portable.easylife.tw/pic/files/1/201210/WIN8Admin/Windows8_app_noadmin_02.gif&quot; src=&quot;http://portable.easylife.tw/pic/files/1/201210/WIN8Admin/Windows8_app_noadmin_02.gif&quot; style=&quot;border: 0px; cursor: default; height: auto; margin: 0.857412em 0px 1.286em; max-width: 100%; padding: 0px;&quot; /&gt;&lt;br /&gt;
&lt;br clear=&quot;none&quot; /&gt;
&lt;span style=&quot;line-height: 1.428571em;&quot;&gt;首先我們先使用「Win + R」開啟執行視窗，輸入「gpedit.msc」開啟本機群組原則編輯器。&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;border: 0px; line-height: 1.428571em; margin-bottom: 0.714285em; padding: 0px;&quot;&gt;
&lt;span style=&quot;line-height: 1.428571em;&quot;&gt;再加入使用者名稱使其可以建立符號連結&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;border: 0px; font-size: 14px; line-height: 19.984375px; margin: 0px; padding: 0px;&quot;&gt;
&lt;br clear=&quot;none&quot; /&gt;
&lt;img alt=&quot;&quot; data-mce-src=&quot;https://www.evernote.com/shard/s34/res/7aa65986-c2ce-4b63-ac7d-d328d7810fee/2013-01-31_15h17_33.png?resizeSmall&amp;amp;width=1340&quot; name=&quot;7aa65986-c2ce-4b63-ac7d-d328d7810fee&quot; src=&quot;https://www.evernote.com/shard/s34/res/7aa65986-c2ce-4b63-ac7d-d328d7810fee/2013-01-31_15h17_33.png?resizeSmall&amp;amp;width=1340&quot; style=&quot;border: 0px; cursor: default; height: auto; margin: 0.857412em 0px 1.286em; max-width: 100%; padding: 0px;&quot; /&gt;&lt;/div&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://dailylearningofcomputer.blogspot.com/feeds/6143573426563118315/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2013/02/chrome-cache-files-ramdisk.html#comment-form' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/6143573426563118315'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/6143573426563118315'/><link rel='alternate' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2013/02/chrome-cache-files-ramdisk.html' title='將 Chrome 的cache files 移到ramdisk 的前置作業 part1'/><author><name>Daily Learning Of Computer</name><uri>http://www.blogger.com/profile/05443998150426478617</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7826901451578940077.post-5776230458831566310</id><published>2013-02-21T17:18:00.002+08:00</published><updated>2013-02-21T17:18:08.374+08:00</updated><title type='text'>如何在 Windows 8 開啟系統管理員帳戶?</title><content type='html'>&lt;br /&gt;
&lt;h3 style=&quot;background-color: white; border: 0px; font-size: 1em; line-height: 19.984375px; margin: 1.4285em 0px 0.714285em; padding: 0px;&quot;&gt;
如何在Windows 8開啟系統管理員帳戶？&lt;/h3&gt;
&lt;div style=&quot;background-color: white; border: 0px; font-size: 14px; line-height: 19.984375px; margin-bottom: 0.714285em; padding: 0px;&quot;&gt;
按一下組合鍵「Windows 鍵 + Q」後會跳出應用程式列表，找到「命令提示字元」右鍵，在最下排會出現一些右鍵選項，點擊「以系統管理員身份執行」。&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; font-size: 14px; line-height: 19.984375px; margin-bottom: 0.714285em; padding: 0px;&quot;&gt;
(如果您的螢幕解析度稍低,您必需向右拉動拉能看的到 &quot;命令提示字元&quot; 的圖示)&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; font-size: 14px; line-height: 19.984375px; margin-bottom: 0.714285em; padding: 0px;&quot;&gt;
&lt;img alt=&quot;01&quot; data-mce-src=&quot;https://www.evernote.com/shard/s34/res/dc8039d1-2a04-4bba-ae6e-299a245283fe.png?resizeSmall&amp;amp;width=1340&quot; height=&quot;338&quot; name=&quot;dc8039d1-2a04-4bba-ae6e-299a245283fe&quot; src=&quot;https://www.evernote.com/shard/s34/res/dc8039d1-2a04-4bba-ae6e-299a245283fe.png?resizeSmall&amp;amp;width=1340&quot; style=&quot;border: 0px; cursor: default; height: auto; margin: 0.857412em 0px 1.286em; max-width: 100%; padding: 0px;&quot; width=&quot;600&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; font-size: 14px; line-height: 19.984375px; margin-bottom: 0.714285em; padding: 0px;&quot;&gt;
輸入管理員帳號開啟指令「net user administrator /active:yes」，看到如下圖的提示訊息即可，&lt;br /&gt;未來如要關閉就將yes修改為no，變成「net user administrator /active:no」。&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; font-size: 14px; line-height: 19.984375px; margin-bottom: 0.714285em; padding: 0px;&quot;&gt;
&lt;img alt=&quot;02&quot; data-mce-src=&quot;https://www.evernote.com/shard/s34/res/72e6bf4b-1f3a-4ba5-9639-16c477050f5d.png?resizeSmall&amp;amp;width=1340&quot; height=&quot;393&quot; name=&quot;72e6bf4b-1f3a-4ba5-9639-16c477050f5d&quot; src=&quot;https://www.evernote.com/shard/s34/res/72e6bf4b-1f3a-4ba5-9639-16c477050f5d.png?resizeSmall&amp;amp;width=1340&quot; style=&quot;border: 0px; cursor: default; height: auto; margin: 0.857412em 0px 1.286em; max-width: 100%; padding: 0px;&quot; width=&quot;600&quot; /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://dailylearningofcomputer.blogspot.com/feeds/5776230458831566310/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2013/02/windows-8_21.html#comment-form' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/5776230458831566310'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/5776230458831566310'/><link rel='alternate' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2013/02/windows-8_21.html' title='如何在 Windows 8 開啟系統管理員帳戶?'/><author><name>Daily Learning Of Computer</name><uri>http://www.blogger.com/profile/05443998150426478617</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7826901451578940077.post-1954464579019570708</id><published>2013-02-21T17:11:00.004+08:00</published><updated>2013-02-21T17:11:42.491+08:00</updated><title type='text'>如何讓windows 8 一開機就執行特定程式</title><content type='html'>&lt;br /&gt;
&lt;div style=&quot;border: 0px; font-size: 14px; line-height: 19.984375px; margin: 0px; padding: 0px;&quot;&gt;
&lt;span style=&quot;font-size: 1em;&quot;&gt;Windows 8 底下如何設定開機要立即執行的程式?&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;border: 0px; font-size: 14px; line-height: 19.984375px; margin: 0px; padding: 0px;&quot;&gt;
&lt;div style=&quot;border: 0px; font-family: Helvetica, Arial, &#39;Droid Sans&#39;, sans-serif; line-height: 1.428571em; margin: 0px; padding: 0px;&quot;&gt;
&lt;div style=&quot;border: 0px; font-family: Helvetica, Arial, &#39;Droid Sans&#39;, sans-serif; line-height: 1.428571em; margin: 0px; padding: 0px;&quot;&gt;
&lt;br clear=&quot;none&quot; /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;border: 0px; font-family: Helvetica, Arial, &#39;Droid Sans&#39;, sans-serif; line-height: 1.428571em; margin: 0px; padding: 0px;&quot;&gt;
&lt;div style=&quot;border: 0px; line-height: 1.428571em; margin-bottom: 0.714285em; padding: 0px;&quot;&gt;
以前會將開機時要執行的程式放在[開始]功能表的「啟動」中，當開始使用了 Windows 8 之後，因為沒有「開始」功能表，一時間不知如何設定開機要執行的程式。&lt;/div&gt;
&lt;div style=&quot;border: 0px; line-height: 1.428571em; margin-bottom: 0.714285em; padding: 0px;&quot;&gt;
你還是可以將要執行的程式捷徑放在「啟動」資料夾中！&lt;/div&gt;
&lt;div style=&quot;border: 0px; line-height: 1.428571em; margin-bottom: 0.714285em; padding: 0px;&quot;&gt;
1. 按一下&amp;nbsp;&lt;strong&gt;&lt;em style=&quot;border: 0px; margin: 0px; padding: 0px;&quot;&gt;WinKey + R&lt;/em&gt;&lt;/strong&gt;&amp;nbsp;鍵，開啟[執行]對話框。(windows 鍵就是左下角印著windows 圖標的按鍵)&lt;/div&gt;
&lt;div style=&quot;border: 0px; line-height: 1.428571em; margin-bottom: 0.714285em; padding: 0px;&quot;&gt;
2. 在[開啟]文字方塊中輸入：shell:startup&lt;/div&gt;
&lt;div style=&quot;border: 0px; line-height: 1.428571em; margin-bottom: 0.714285em; padding: 0px;&quot;&gt;
3. 按一下［確定］按鈕。&lt;/div&gt;
&lt;div style=&quot;border: 0px; line-height: 1.428571em; margin-bottom: 0.714285em; padding: 0px;&quot;&gt;
&lt;img alt=&quot;&quot; border=&quot;0&quot; data-mce-src=&quot;https://www.evernote.com/shard/s34/res/25cb09e1-bf9f-48d3-8a6b-366dcd02adc7.png?resizeSmall&amp;amp;width=1340&quot; height=&quot;329&quot; name=&quot;25cb09e1-bf9f-48d3-8a6b-366dcd02adc7&quot; src=&quot;https://www.evernote.com/shard/s34/res/25cb09e1-bf9f-48d3-8a6b-366dcd02adc7.png?resizeSmall&amp;amp;width=1340&quot; style=&quot;border: 0px; cursor: default; height: auto; margin: 0.857412em 0px 1.286em; max-width: 100%; padding: 0px;&quot; width=&quot;500&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;border: 0px; line-height: 1.428571em; margin-bottom: 0.714285em; padding: 0px;&quot;&gt;
Windows 8 會開啟「啟動」資料夾，其預設路徑：&lt;/div&gt;
&lt;div style=&quot;border: 0px; line-height: 1.428571em; margin-bottom: 0.714285em; padding: 0px;&quot;&gt;
C:\Users\你的帳號\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\Startup&lt;/div&gt;
&lt;div style=&quot;border: 0px; line-height: 1.428571em; margin-bottom: 0.714285em; padding: 0px;&quot;&gt;
&lt;img alt=&quot;&quot; border=&quot;0&quot; data-mce-src=&quot;https://www.evernote.com/shard/s34/res/8d602675-5eca-463f-a351-0f1beba2d2ba.png?resizeSmall&amp;amp;width=1340&quot; height=&quot;564&quot; name=&quot;8d602675-5eca-463f-a351-0f1beba2d2ba&quot; src=&quot;https://www.evernote.com/shard/s34/res/8d602675-5eca-463f-a351-0f1beba2d2ba.png?resizeSmall&amp;amp;width=1340&quot; style=&quot;border: 0px; cursor: default; height: auto; margin: 0.857412em 0px 1.286em; max-width: 100%; padding: 0px;&quot; width=&quot;609&quot; /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://dailylearningofcomputer.blogspot.com/feeds/1954464579019570708/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2013/02/windows-8.html#comment-form' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/1954464579019570708'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/1954464579019570708'/><link rel='alternate' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2013/02/windows-8.html' title='如何讓windows 8 一開機就執行特定程式'/><author><name>Daily Learning Of Computer</name><uri>http://www.blogger.com/profile/05443998150426478617</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7826901451578940077.post-5886632856436247463</id><published>2012-12-17T15:03:00.002+08:00</published><updated>2012-12-17T16:30:04.212+08:00</updated><title type='text'>mp4 音量太小如何調整?</title><content type='html'>ubuntu 12.10 底下的調整方式是這樣的&lt;br /&gt;
&lt;br /&gt;
easymp3gain-gtk - GUI for MP3Gain, VorbisGain and AACGain&lt;br /&gt;
&lt;br /&gt;
A simple GUI frontend for MP3Gain, VorbisGain and AACGain, which allows modifying the loudness of MP3, Ogg Vorbis and MP4 audio files.&lt;br /&gt;
&lt;br /&gt;
This package contains the GTK+ version.&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; Distribution: Ubuntu 12.10&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; Repository: Ubuntu Universe i386&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; Package name: easymp3gain-gtk&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; Package version: 0.5.0+svn135-1&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; Package architecture: i386&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; Package type: deb&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; Binary package: easymp3gain-gtk_0.5.0+svn135-1_i386.deb&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; Source package: easymp3gain&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; Installed size: 4,47 KB&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; Download size: 1,64 MB&lt;br /&gt;
&lt;br /&gt;
32 位元的可以從下述的連結下載&lt;br /&gt;
&amp;nbsp;&lt;a href=&quot;http://pkgs.org/ubuntu-12.10/ubuntu-universe-i386/easymp3gain-gtk_0.5.0+svn135-1_i386.deb/download/&quot;&gt;http://pkgs.org/ubuntu-12.10/ubuntu-universe-i386/easymp3gain-gtk_0.5.0+svn135-1_i386.deb/download/&lt;/a&gt;&lt;a href=&quot;http://pkgs.org/ubuntu-12.10/ubuntu-universe-i386/easymp3gain-gtk_0.5.0+svn135-1_i386.deb/download/&quot; target=&quot;_blank&quot;&gt;http://pkgs.org/ubuntu-12.10/ubuntu-universe-i386/easymp3gain-gtk_0.5.0+svn135-1_i386.deb/download/&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
64位元的可以從下述的連結下載&lt;br /&gt;
&lt;a href=&quot;http://pkgs.org/ubuntu-12.10/ubuntu-universe-amd64/easymp3gain-gtk_0.5.0+svn135-1_amd64.deb.html&quot;&gt;http://pkgs.org/ubuntu-12.10/ubuntu-universe-amd64/easymp3gain-gtk_0.5.0+svn135-1_amd64.deb.html&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;這已 包含在ubuntu 12.10 &lt;br /&gt;
&lt;h2 id=&quot;howto&quot;&gt;
Install Howto&lt;/h2&gt;
&lt;div class=&quot;howto level2&quot;&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSeJsahyxJNM7hT9VmV-se9Up012ovbz9h5zDSqrvET3k2JPkiucVECP3gw6Ppg41XJ4bT_JbGUtZDJ_6bTksxdPLLCsWIplj987zsfMh85fH9SkJc6shiU3vJycXNqgR9hjSqfRj199fc/s1600/%E6%93%B7%E5%8F%96%E9%81%B8%E5%8F%96%E5%8D%80%E5%9F%9F_003.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;br /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;ol&gt;
&lt;li&gt;Update the package index:
&lt;pre&gt;# &lt;span style=&quot;color: #274e13;&quot;&gt;sudo apt-get update&lt;/span&gt;&lt;/pre&gt;
&lt;/li&gt;
&lt;li&gt;Install easymp3gain-gtk deb package:
&lt;pre&gt;# &lt;span style=&quot;color: #274e13;&quot;&gt;sudo apt-get install easymp3gain-gtk&lt;/span&gt;&lt;/pre&gt;
&lt;pre&gt;&lt;span style=&quot;color: #274e13;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/pre&gt;
&lt;pre&gt;&lt;span style=&quot;color: #274e13;&quot;&gt;&lt;span style=&quot;color: black;&quot;&gt;安裝好後執行:&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;
&lt;pre&gt;&lt;span style=&quot;color: #274e13;&quot;&gt;&lt;span style=&quot;color: black;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;
&lt;pre&gt;&lt;span style=&quot;color: #274e13;&quot;&gt;&lt;span style=&quot;color: black;&quot;&gt;easyMP3Gain&amp;nbsp;&lt;/span&gt; &lt;/span&gt;&lt;/pre&gt;
&lt;pre&gt;&lt;span style=&quot;color: #274e13;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/pre&gt;
&lt;pre&gt;&lt;span style=&quot;color: #274e13;&quot;&gt;先用File 選項來載入檔案, 切記不要按左下角的icon(否則會停止回應)再來進行音軌分析 &lt;/span&gt;&lt;/pre&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKuwJMgUeA17xSkygYdDpMpM1CiHNmsWlmUaUhyrTIar7Pi5n5Wq-ER0oM9L_EGFF03lqm7yu95iVBCYLCMuAG0eJZIjwnBaH0VEVZqX_nSQmargdhWDJaPFF-2gMg-wrzIBA89jvsA4QS/s1600/%E6%93%B7%E5%8F%96%E9%81%B8%E5%8F%96%E5%8D%80%E5%9F%9F_004.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKuwJMgUeA17xSkygYdDpMpM1CiHNmsWlmUaUhyrTIar7Pi5n5Wq-ER0oM9L_EGFF03lqm7yu95iVBCYLCMuAG0eJZIjwnBaH0VEVZqX_nSQmargdhWDJaPFF-2gMg-wrzIBA89jvsA4QS/s1600/%E6%93%B7%E5%8F%96%E9%81%B8%E5%8F%96%E5%8D%80%E5%9F%9F_004.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;pre&gt;&lt;span style=&quot;color: #274e13;&quot;&gt;再改變聲音的音量
&amp;nbsp;&lt;/span&gt;&lt;/pre&gt;
&lt;pre&gt;&lt;span style=&quot;color: #274e13;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSeJsahyxJNM7hT9VmV-se9Up012ovbz9h5zDSqrvET3k2JPkiucVECP3gw6Ppg41XJ4bT_JbGUtZDJ_6bTksxdPLLCsWIplj987zsfMh85fH9SkJc6shiU3vJycXNqgR9hjSqfRj199fc/s1600/%E6%93%B7%E5%8F%96%E9%81%B8%E5%8F%96%E5%8D%80%E5%9F%9F_003.png&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSeJsahyxJNM7hT9VmV-se9Up012ovbz9h5zDSqrvET3k2JPkiucVECP3gw6Ppg41XJ4bT_JbGUtZDJ_6bTksxdPLLCsWIplj987zsfMh85fH9SkJc6shiU3vJycXNqgR9hjSqfRj199fc/s1600/%E6%93%B7%E5%8F%96%E9%81%B8%E5%8F%96%E5%8D%80%E5%9F%9F_003.png&quot; /&gt;&amp;nbsp;&lt;/a&gt;&lt;/pre&gt;
&lt;pre&gt;&amp;nbsp;&lt;/pre&gt;
&lt;pre&gt;&amp;nbsp;最大可調整+ 12db. &lt;/pre&gt;
&lt;pre&gt;
&lt;/pre&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;
&amp;nbsp;官方網站在底下的連結&lt;br /&gt;
&lt;a href=&quot;http://www.videohelp.com/tools/AACGain&quot;&gt;http://www.videohelp.com/tools/AACGain&lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://dailylearningofcomputer.blogspot.com/feeds/5886632856436247463/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2012/12/mp4.html#comment-form' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/5886632856436247463'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/5886632856436247463'/><link rel='alternate' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2012/12/mp4.html' title='mp4 音量太小如何調整?'/><author><name>Daily Learning Of Computer</name><uri>http://www.blogger.com/profile/05443998150426478617</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKuwJMgUeA17xSkygYdDpMpM1CiHNmsWlmUaUhyrTIar7Pi5n5Wq-ER0oM9L_EGFF03lqm7yu95iVBCYLCMuAG0eJZIjwnBaH0VEVZqX_nSQmargdhWDJaPFF-2gMg-wrzIBA89jvsA4QS/s72-c/%E6%93%B7%E5%8F%96%E9%81%B8%E5%8F%96%E5%8D%80%E5%9F%9F_004.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7826901451578940077.post-5071588297510377704</id><published>2012-12-11T13:21:00.001+08:00</published><updated>2012-12-11T13:21:05.545+08:00</updated><title type='text'>如何刪除惱人的windows.old windows vista,7,8 皆適用</title><content type='html'>一般在Windows 的舊系統重新安裝時,皆會產一個叫 windows.old 的舊目錄.&lt;br /&gt;
&lt;br /&gt;
大約Windows vista 時代以來就是這樣子的了. 仔細一瞧會依你安裝應用程式的數量及複雜度,通常都會有 20到40GB 的空間佔用. 當然你想要在該目錄上按滑鼠右鍵想要刪除?&lt;br /&gt;
很不幸的! 你並不能如願.&lt;br /&gt;
&lt;br /&gt;
要怎麼做咧..&lt;br /&gt;
&lt;br /&gt;
按下右下角的開始,然後選應用程式,再選附屬應用程式. 應可以找到命令提示或是CMD&lt;br /&gt;
對它按滑鼠右鍵選擇以管理者身份運行. 再參考底下的文章予以刪除即可&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
如何刪除windows.old文件夾，裝完系統後發現C盤竟然有近40G之大，正常情況下幹净的WIN7應該不超過10G的，跑到c: 一看，發現了一個名为windows.old的文件夾，由於以前的系統是Vista ，因此在裝WIN7時，microsoft童鞋默認给它把原來的系統给備份到了c:windows.old文件夾下面了。既然已經用win7了，老的vista當然不用啦。直接右鍵選擇刪除，結果當然是不行啦。&lt;br /&gt;
&amp;nbsp; &amp;nbsp; 方法是：&lt;br /&gt;
&amp;nbsp; &amp;nbsp; 打開“開始”–&amp;gt;“程序”–&amp;gt;附件&lt;br /&gt;
&amp;nbsp; &amp;nbsp; 然後在cmd上右鍵點擊，在彈出的快捷菜單中選擇”以管理員身份運行“，這样就以管理員身份運行了cmd&lt;br /&gt;
&amp;nbsp; &amp;nbsp; 然後就很簡單啦：&lt;br /&gt;
&amp;nbsp; &amp;nbsp;&lt;span style=&quot;color: red;&quot;&gt; rd /S /Q c:＼windows.old&lt;/span&gt;&lt;br /&gt;
&amp;nbsp; &amp;nbsp; 注意，運行該命令後它會提示某些目錄非空，不要管它。&lt;br /&gt;
&amp;nbsp; &amp;nbsp; 等這個命令完成後，&lt;span style=&quot;color: orange;&quot;&gt;再次運行一下以上命令。&lt;/span&gt;&lt;br /&gt;
&amp;nbsp; &amp;nbsp; 這样基本上windows.old目錄下面的文件都刪除掉了。&lt;br /&gt;
&amp;nbsp; &amp;nbsp; 最後再運行一次以上命令，經過這次以後，連windows.old這個目錄本身也一並被幹掉了。OK，完事啦。&lt;br /&gt;
&amp;nbsp; &amp;nbsp; 再查看下C盤，發現一下少了20幾G。&amp;nbsp; &amp;nbsp; 看來以後裝系統前還是先把盤给格式化一下比較好。&lt;br /&gt;
</content><link rel='replies' type='application/atom+xml' href='http://dailylearningofcomputer.blogspot.com/feeds/5071588297510377704/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2012/12/windowsold-windows-vista78.html#comment-form' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/5071588297510377704'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/5071588297510377704'/><link rel='alternate' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2012/12/windowsold-windows-vista78.html' title='如何刪除惱人的windows.old windows vista,7,8 皆適用'/><author><name>Daily Learning Of Computer</name><uri>http://www.blogger.com/profile/05443998150426478617</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7826901451578940077.post-5189506167988572575</id><published>2012-11-28T14:31:00.002+08:00</published><updated>2012-11-28T14:31:37.577+08:00</updated><title type='text'>Windows XP工作管理員的功能表消失不見了的處理方法</title><content type='html'>同事碰到工作管理員的標題列不見了,這個問題其實很好解決, 只要在工作管理員底下的空白處用滑鼠左鍵點兩下即可.&lt;br /&gt;
&lt;br /&gt;
網路上剛好也有人提出這樣的解法,請看底下的連結. 因為我已不再使用Windows 多年. 請前往觀看吧 &amp;nbsp;感謝&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;http://272586.blogspot.tw/2008/07/blog-post_21.html&quot;&gt;http://272586.blogspot.tw/2008/07/blog-post_21.html&lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://dailylearningofcomputer.blogspot.com/feeds/5189506167988572575/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2012/11/windows-xp.html#comment-form' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/5189506167988572575'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/5189506167988572575'/><link rel='alternate' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2012/11/windows-xp.html' title='Windows XP工作管理員的功能表消失不見了的處理方法'/><author><name>Daily Learning Of Computer</name><uri>http://www.blogger.com/profile/05443998150426478617</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7826901451578940077.post-3150127841759979688</id><published>2012-11-28T13:34:00.001+08:00</published><updated>2012-11-28T13:34:10.569+08:00</updated><title type='text'>設定Ubuntu 12.10 撥放mp4的預設程式</title><content type='html'>Ubuntu 12.10 預設的 mp4 撥放, 是Videos 不過它有個致命的缺點,經常會無法正確的顯示DVD 字幕 (也可能是我沒有仔細去研究的關係), 後來改用VLC 媒體撥放器就沒這個問題了.&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
不過每次放影片要選擇用那個撥放器也是很煩, 請參照底下的的截圖.&lt;/div&gt;
&lt;div&gt;
把預設的媒體撥放器改為VLC &amp;nbsp;媒體撥放器.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr4Mq27CapyBtokJis1gRros8nFcaS2JUel0RJ7Hmilh29G60ZYjwMXFkMVYU2di4R3gMH29fybl0_BugIgW4hqwdZFoZNIjQDjICWCNUVvzaxlNTsbQtry0Sam9ryo06PkXwLKI1jYX4j/s1600/%E6%93%B7%E5%8F%96%E9%81%B8%E5%8F%96%E5%8D%80%E5%9F%9F_005.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr4Mq27CapyBtokJis1gRros8nFcaS2JUel0RJ7Hmilh29G60ZYjwMXFkMVYU2di4R3gMH29fybl0_BugIgW4hqwdZFoZNIjQDjICWCNUVvzaxlNTsbQtry0Sam9ryo06PkXwLKI1jYX4j/s1600/%E6%93%B7%E5%8F%96%E9%81%B8%E5%8F%96%E5%8D%80%E5%9F%9F_005.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;先從右上角,系統設定值 點進去設定&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvzUO3K_MwvjuZN4dSGNUdQoyknKeRr1RZIMAkr4zPTlXm3kNJs91ITt1AXpckawnJygS1WI-XLmZsr1zgraEArEmGhTZwhAWcEKbDw-Z-v_bVqaY4l7aENxcRvW5HJyYENOvF7vDOjbYK/s1600/%E6%93%B7%E5%8F%96%E9%81%B8%E5%8F%96%E5%8D%80%E5%9F%9F_006.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvzUO3K_MwvjuZN4dSGNUdQoyknKeRr1RZIMAkr4zPTlXm3kNJs91ITt1AXpckawnJygS1WI-XLmZsr1zgraEArEmGhTZwhAWcEKbDw-Z-v_bVqaY4l7aENxcRvW5HJyYENOvF7vDOjbYK/s1600/%E6%93%B7%E5%8F%96%E9%81%B8%E5%8F%96%E5%8D%80%E5%9F%9F_006.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
然後選詳細資料,進行設定&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGWHo2IRrbzma29nymWCX7GMIzzSgOzB15Vh0EpsqlIJ8_Bvq0qlONhM_TYPx-ViP3dFkKAimD9VuGaIBxinNnRvrQEoUYTpl3AuIpc92h-mFi0VGqS6u3T6gChxDgKgUyxwwl3OmitmZp/s1600/%E6%93%B7%E5%8F%96%E9%81%B8%E5%8F%96%E5%8D%80%E5%9F%9F_007.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGWHo2IRrbzma29nymWCX7GMIzzSgOzB15Vh0EpsqlIJ8_Bvq0qlONhM_TYPx-ViP3dFkKAimD9VuGaIBxinNnRvrQEoUYTpl3AuIpc92h-mFi0VGqS6u3T6gChxDgKgUyxwwl3OmitmZp/s1600/%E6%93%B7%E5%8F%96%E9%81%B8%E5%8F%96%E5%8D%80%E5%9F%9F_007.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;經過上述的設定,預設的媒體撥放器就被換成VLC 媒體播放器了&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://dailylearningofcomputer.blogspot.com/feeds/3150127841759979688/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2012/11/ubuntu-1210-mp4.html#comment-form' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/3150127841759979688'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/3150127841759979688'/><link rel='alternate' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2012/11/ubuntu-1210-mp4.html' title='設定Ubuntu 12.10 撥放mp4的預設程式'/><author><name>Daily Learning Of Computer</name><uri>http://www.blogger.com/profile/05443998150426478617</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr4Mq27CapyBtokJis1gRros8nFcaS2JUel0RJ7Hmilh29G60ZYjwMXFkMVYU2di4R3gMH29fybl0_BugIgW4hqwdZFoZNIjQDjICWCNUVvzaxlNTsbQtry0Sam9ryo06PkXwLKI1jYX4j/s72-c/%E6%93%B7%E5%8F%96%E9%81%B8%E5%8F%96%E5%8D%80%E5%9F%9F_005.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7826901451578940077.post-351310718191722783</id><published>2012-11-26T19:47:00.006+08:00</published><updated>2012-11-26T19:53:20.665+08:00</updated><title type='text'>ubuntu 12.10  如何安裝wine 1.5.18</title><content type='html'>wine 並不是一種Windows 作業系統的模擬器&lt;br /&gt;
&lt;br /&gt;
雖然他非官方的名稱是 &lt;span style=&quot;background-color: white; font-size: 15px; line-height: 22.066667556762695px;&quot;&gt;&quot;Windows Emulator&quot;，即Windows 模擬器，但Wine其實為&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: white; font-size: 15px; line-height: 22.066667556762695px;&quot;&gt;&amp;nbsp;&quot;Wine Is Not anEmulator&quot;的縮寫，即Wine不是模擬器。Wine的正確名稱是&quot;Wine&quot;，不是全大寫或全小寫。&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: white; font-size: 15px; line-height: 22.066667556762695px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;br /&gt;
&lt;div style=&quot;background-color: white; margin-bottom: 0.5em; margin-top: 0.4em;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;margin-bottom: 0.5em; margin-top: 0.4em;&quot;&gt;
&lt;span style=&quot;font-size: 15px; line-height: 22.066667556762695px;&quot;&gt;Wine不是Windows模擬器，而是運用API轉換技術實做出Linux對應到Windows相對應的函式來呼叫DLL以執行Windows程式。Wine是自由軟體，在GNU寬通用公共許可證(LGPL) 下發布.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin-bottom: 0.5em; margin-top: 0.4em;&quot;&gt;
&lt;span style=&quot;font-size: 15px; line-height: 22.066667556762695px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;margin-bottom: 0.5em; margin-top: 0.4em;&quot;&gt;
&lt;span style=&quot;font-size: 15px; line-height: 22.066667556762695px;&quot;&gt;底下要介紹的是如何來安裝最新的測試版 1.5.18 ,首先可以去 www.ubuntuupdates.oorg 這個網站去獲取最新的測試版, 底下是下載的網址連結&lt;/span&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;http://www.ubuntuupdates.org/package/wine/quantal/main/base/wine&quot;&gt;http://www.ubuntuupdates.org/package/wine/quantal/main/base/wine&lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://dailylearningofcomputer.blogspot.com/feeds/351310718191722783/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2012/11/ubuntu-1210-wine-1518.html#comment-form' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/351310718191722783'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/351310718191722783'/><link rel='alternate' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2012/11/ubuntu-1210-wine-1518.html' title='ubuntu 12.10  如何安裝wine 1.5.18'/><author><name>Daily Learning Of Computer</name><uri>http://www.blogger.com/profile/05443998150426478617</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7826901451578940077.post-3169203230168673256</id><published>2012-11-23T14:37:00.005+08:00</published><updated>2012-11-23T14:52:53.434+08:00</updated><title type='text'>ubuntu-tweak 在ubuntu 12.10 當掉了</title><content type='html'>&lt;br /&gt;
idarfan@idarfan:~$ &lt;span style=&quot;color: #274e13;&quot;&gt;ubuntu-tweak --version&lt;/span&gt;&lt;br /&gt;
ubuntu-tweak 0.8.2&lt;br /&gt;
idarfan@idarfan:~$&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;
&amp;nbsp;已經提報錯誤了. 看來還沒修正這隻程式的錯誤&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://dailylearningofcomputer.blogspot.com/feeds/3169203230168673256/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2012/11/ubuntu-tweak-ubuntu-1210.html#comment-form' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/3169203230168673256'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/3169203230168673256'/><link rel='alternate' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2012/11/ubuntu-tweak-ubuntu-1210.html' title='ubuntu-tweak 在ubuntu 12.10 當掉了'/><author><name>Daily Learning Of Computer</name><uri>http://www.blogger.com/profile/05443998150426478617</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7826901451578940077.post-570607609386136205</id><published>2012-11-23T12:30:00.002+08:00</published><updated>2012-11-28T17:54:12.853+08:00</updated><title type='text'>hime projects 姬專案(姬舞影凌亂)hime無法使用障礙排除方法</title><content type='html'>&lt;b&gt;什麼是hime projects? &amp;nbsp; &lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
在ubuntu 12.10 現在可以使用hime projects 了, 至於什麼是hime project 請看底下的說明&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;a href=&quot;http://tetralet.luna.com.tw/index.php?op=ViewArticle&amp;amp;articleId=234&amp;amp;blogId=1&quot;&gt;http://tetralet.luna.com.tw/index.php?op=ViewArticle&amp;amp;articleId=234&amp;amp;blogId=1&lt;/a&gt; &amp;nbsp; &lt;br /&gt;
&lt;br /&gt;
wiki 維基找到的對姬專案的描述如下: &amp;nbsp; &amp;nbsp;HIME (姫)，全名為HIME INPUT METHOD EDITOR，是一個源自gcin分支發展的輸入法平台。 &amp;nbsp;2011年12月13日，由於意見上的分歧，部分原gcin社群成員決定獨立，自行開發分支版本－HIME，目前採分散式開發。&lt;br /&gt;
&lt;br /&gt;
簡言之她是一個發展中的在linux 上使用的中文輸入法, 不僅是少數知名的中文輸入法,甚至一些外國語系也可以輸入,也含括符號快速輸入的便捷方式. &amp;nbsp; &lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;ubuntu 12.10 如何安裝 &amp;nbsp;hime projects&amp;nbsp;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
一般在裝好ubuntu 12.10 (代號是 Quantal Quetzal) 因為個人偏好使用 gnome 3.6 desktop 環境. &amp;nbsp;當然這要再進行一些設定, 這部份的設定說明我會再發網誌文章說明: &lt;br /&gt;
&lt;br /&gt;
在假設您已經完成了 gnome 3.6 desktop 環境的設置, 並很幸運的參考到底下的連結來做一些最佳化的調整, 網址兹陳列如下: &lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;https://debianhelp.wordpress.com/2012/09/30/to-do-list-after-installing-ubuntu-12-10-aka-quantal-quetzal/&quot;&gt;https://debianhelp.wordpress.com/2012/09/30/to-do-list-after-installing-ubuntu-12-10-aka-quantal-quetzal/ &lt;/a&gt;&amp;nbsp; &lt;br /&gt;
&lt;br /&gt;
另外要注意到若是你參考到的是下述的網址:&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;http://www.webupd8.org/2012/10/how-to-get-complete-gnome-3-desktop-in.html&quot;&gt;http://www.webupd8.org/2012/10/how-to-get-complete-gnome-3-desktop-in.html&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;其中該作者有教你要移除scrollbars&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;4. Remove overlay scrollbars&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
One thing I&#39;ve noticed after following
 the steps above myself, is that GNOME Shell continues to use Ubuntu&#39;s 
overlay scrollbars. If you want to use the GNOME 3 scrollbars instead, 
remove overlay scrollbars using the following command:&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;pre class=&quot;linux-code&quot;&gt;&lt;code&gt;&lt;span style=&quot;color: red;&quot;&gt;sudo apt-get remove overlay-scrollbar*&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;br /&gt;
&lt;b&gt;這個步驟將會使你遭到不幸!&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
因為恰巧hime 要用到overlay-scrollbar ,萬一你移除了..就會無法使用這個輸入法平台&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
idarfan@idarfan:~$&lt;span style=&quot;color: #274e13;&quot;&gt; im-config&lt;/span&gt;&lt;br /&gt;
Gtk-Message: Failed to load module &quot;overlay-scrollbar&quot;&lt;br /&gt;
Gtk-Message: Failed to load module &quot;overlay-scrollbar&quot;&lt;br /&gt;
E: Gtk-Message: is bogus configuration for Failed. Doing nothing.&lt;br /&gt;
&lt;b&gt;因為缺乏 overlay-scrollbar 所以無法改輸入法為hime !&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;接下來去下載overlay-scrollbar-gtk3 記得依你安裝的作業系統版本來選擇&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;br clear=&quot;none&quot; /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;a href=&quot;http://www.ubuntuupdates.org/package/core/quantal/main/base/overlay-scrollbar-gtk3&quot; id=&quot;&quot; shape=&quot;rect&quot; target=&quot;_blank&quot;&gt;http://www.ubuntuupdates.org/package/core/quantal/main/base/overlay-scrollbar-gtk3&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br clear=&quot;none&quot; /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;a href=&quot;http://security.ubuntu.com/ubuntu/pool/main/o/overlay-scrollbar/overlay-scrollbar-gtk3_0.2.16+r357-0ubuntu1_amd64.deb&quot; id=&quot;&quot; shape=&quot;rect&quot; target=&quot;_blank&quot;&gt;http://security.ubuntu.com/ubuntu/pool/main/o/overlay-scrollbar/overlay-scrollbar-gtk3_0.2.16+r357-0ubuntu1_amd64.deb&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br clear=&quot;none&quot; /&gt;&lt;/div&gt;
&lt;div&gt;
我是裝64位元ubuntu 12.10, 因此下載64位元deb,再來執行&amp;nbsp; im-config&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
才有法子正確切換輸入法為hime&lt;br /&gt;
idarfan@idarfan:~$ &lt;span style=&quot;color: #274e13;&quot;&gt;im-config&lt;/span&gt;&lt;br /&gt;
idarfan@idarfan:~$ &lt;/div&gt;
&lt;div&gt;
接下來要登出該使用者,再重新登入再有法子用hime 輸入法平台&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;檢查 im-config 的版本,&lt;/b&gt;&lt;b&gt;在終端機輸入下述指令即可&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;
&lt;br /&gt;
$&lt;span style=&quot;color: #274e13;&quot;&gt;&amp;nbsp;im-config --help&lt;/span&gt;&lt;br /&gt;
輸入法設定程式 (im-config, 版本 0.17) &lt;br /&gt;
(c) 青木 修 , GPL-2+ &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
由於ubuntu 12.10 系統預設的輸入法是 ibus, 我們得用im-config 來置換成hime &amp;nbsp; &amp;nbsp; &amp;nbsp;im-config and im-switch 只要擇一使用,個人偏好使用im-config, 若您的im-config 版本較為老舊, 您有可能看不到hime &amp;nbsp;輸入法平台的選項,即使你已經安裝好了(只要更新到最近版本即可)&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://dailylearningofcomputer.blogspot.com/feeds/570607609386136205/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2012/11/hime-project.html#comment-form' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/570607609386136205'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/570607609386136205'/><link rel='alternate' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2012/11/hime-project.html' title='hime projects 姬專案(姬舞影凌亂)hime無法使用障礙排除方法'/><author><name>Daily Learning Of Computer</name><uri>http://www.blogger.com/profile/05443998150426478617</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7826901451578940077.post-4167154327395188371</id><published>2011-06-16T16:20:00.000+08:00</published><updated>2011-06-16T16:20:56.027+08:00</updated><title type='text'>Latest development build of FlashDevelop 4 最新的測試版安裝</title><content type='html'>話先說在前頭. 這個是測試版. 但它支援了最新版Adobe Flex SDK 4.5 版.及 Flash Player 10.3 版&lt;br /&gt;
&lt;br /&gt;
要想試用最新功能的可以試用. 但是不建議用來做為日常開發程式的.&lt;br /&gt;
你可以在底下的連結下載它&lt;br /&gt;
&lt;a href=&quot;http://www.flashdevelop.org/community/viewtopic.php?f=9&amp;amp;t=3529&quot;&gt;http://www.flashdevelop.org/community/viewtopic.php?f=9&amp;amp;t=3529&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
它會同時安裝2種SDK 分別是 Adobe Flex SDK 4.5 及&amp;nbsp; Adobe AIR 2.7&lt;br /&gt;
不過你大概在裝完後極容易碰到底下的錯誤訊息. &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4hjZQP6bN_bnp8ry0Hya_FK3hkrrBf-S-DgBbt_G1B_fFusrF_ybQ7sSbp39dyiOsyRIMdVoRV3pG9mfshPZ0r9bC28gr4HHXTnBrZJ_K18Zh11xwanVGKpMGa_NxcLyxEgTrVWoKCo9c/s1600/2011-06-16+16h01_21.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4hjZQP6bN_bnp8ry0Hya_FK3hkrrBf-S-DgBbt_G1B_fFusrF_ybQ7sSbp39dyiOsyRIMdVoRV3pG9mfshPZ0r9bC28gr4HHXTnBrZJ_K18Zh11xwanVGKpMGa_NxcLyxEgTrVWoKCo9c/s1600/2011-06-16+16h01_21.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
會碰到這個錯誤訊息是因為在安裝FlashDevelop 時會自動下載 Flex SDK 時失敗了. 碰到這種情況就&lt;br /&gt;
要自力救濟了.只好請您移駕到底下的網址去下載 Adobe Flex SDK&lt;br /&gt;
&lt;a href=&quot;http://opensource.adobe.com/wiki/display/flexsdk/Download+Flex+4.5&quot;&gt;http://opensource.adobe.com/wiki/display/flexsdk/Download+Flex+4.5&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3bnxPz-8P2xM2s-0demKPjZrVxJDgcXVgWKYRMSK8tS8vcACj75dBcrv2uQMAeAGA_OaznJuXaJ9H-7-P05p3yikTHSCfoFUzxuZfZphhGPBhzJm1_Y-QiUEammEoCgugvNSw0FqekM2Z/s1600/2011-06-16+16h19_06.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3bnxPz-8P2xM2s-0demKPjZrVxJDgcXVgWKYRMSK8tS8vcACj75dBcrv2uQMAeAGA_OaznJuXaJ9H-7-P05p3yikTHSCfoFUzxuZfZphhGPBhzJm1_Y-QiUEammEoCgugvNSw0FqekM2Z/s1600/2011-06-16+16h19_06.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
選最肥大的那個下載 229MB 那個</content><link rel='replies' type='application/atom+xml' href='http://dailylearningofcomputer.blogspot.com/feeds/4167154327395188371/comments/default' title='張貼留言'/><link rel='replies' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2011/06/latest-development-build-of.html#comment-form' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/4167154327395188371'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/4167154327395188371'/><link rel='alternate' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2011/06/latest-development-build-of.html' title='Latest development build of FlashDevelop 4 最新的測試版安裝'/><author><name>Daily Learning Of Computer</name><uri>http://www.blogger.com/profile/05443998150426478617</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4hjZQP6bN_bnp8ry0Hya_FK3hkrrBf-S-DgBbt_G1B_fFusrF_ybQ7sSbp39dyiOsyRIMdVoRV3pG9mfshPZ0r9bC28gr4HHXTnBrZJ_K18Zh11xwanVGKpMGa_NxcLyxEgTrVWoKCo9c/s72-c/2011-06-16+16h01_21.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7826901451578940077.post-7076614760371750262</id><published>2011-06-05T13:53:00.001+08:00</published><updated>2011-06-05T14:47:48.295+08:00</updated><title type='text'>google chrome frame  網頁設計開發整治IE6,7,8 篇: 谷歌瀏覽器框架應用與安裝</title><content type='html'>這可不是什麼寶島鐘錶眼鏡公司新推出的鉻合金輕質框架, 這個框架是由知名的搜尋引擎google所推出的,眾所週知的google 不只是僅有搜尋引擎,本身它也有推出一款名為 chrome 的瀏覽器.這個名字的中文翻譯就是鉻合金&lt;br /&gt;
&lt;br /&gt;
Google 公司推出的  chrome 跟Mozilla 基金會推出的 firefox 及 apple 公司推出的瀏覽器 Safari  &lt;br /&gt;
及Opera Software ASA 軟體公司的 opera  皆是支援CSS 3 HTML5 等新技術的次世代網路瀏覽器&lt;br /&gt;
&lt;br /&gt;
看到這裏.有沒有發現一個知名的瀏覽器似乎不在筆者列出的次世代網路瀏覽器之列?&lt;br /&gt;
&lt;br /&gt;
沒錯. 它就是舉世聞名的微軟公司推出的瀏覽器 Internet Explorer 是也. 底下的文章引述自維基百科正體中文版 全文的連結如右: http://zh.wikipedia.org/wiki/Internet_Explorer&lt;br /&gt;
&lt;br /&gt;
Windows Internet Explorer（舊稱Microsoft Internet Explorer，簡稱Internet Explorer，縮寫IE），是微軟公司推出的一款網頁瀏覽器。截至2010年9月止，統計的數據顯示Internet Explorer的市場佔有率高達55.1%[1]。雖然它依然是使用最廣泛的網頁瀏覽器，但與2003年最高峰時相比，市場佔有率相差超過30%。 &lt;br /&gt;
&lt;br /&gt;
它是所有網頁程式開發者的夢魘, 以測試網路瀏覽器相容性的ACID 3.0 而言 連目前最新的 IE 9 也無法取得 100分 右側是  ACID 3.0 測試網頁的網址 http://acid3.acidtests.org/&lt;br /&gt;
&lt;br /&gt;
很不幸的仍然有許多的使用者或是公司行號仍使用著舊版的瀏覽器. 例如 IE6 ,IE7 ,IE8  ,這些瀏覽器也就是造成網頁開發者夢魘的源頭.&lt;br /&gt;
&lt;br /&gt;
更不幸的是 Internet Explorer 9瀏覽器不再支援Windows XP及其以前版本，對Windows Vista SP1和RTM版本亦不支援,這意謂著目前仍在使用 Windows XP 及 Windows Vista SP1 的使用者將無法享用 IE9. 此外最初隨 Windows XP 一起捆綁出貨(意指不管你要不要用IE它都內建在WINDOWS XP 作業系統)的 IE 它卻是惡名召彰的 IE 6.0 版&lt;br /&gt;
&lt;br /&gt;
我們來回顧一下 IE 6 做了什麼好事&lt;br /&gt;
&lt;br /&gt;
雖然每一個版本的IE都會改善基本支援，包括在版本6中引採用的「符合標準模式」，&lt;br /&gt;
其中用來建立網頁（HTML和CSS）的核心標準卻仍然是以不完全且不正確的方式來實作的。&lt;br /&gt;
&lt;br /&gt;
舉例來說，它不支援&lt;abbr&gt; 元素，但這是HTML 4.01 標準的一部份，而且它對CSS1標準中的float-margin 部份的實作有缺陷。Internet Explorer盒模型錯誤 是Internet Explorer 對CSS標準的實作中，最為人熟知的缺陷之一。&lt;br /&gt;
&lt;br /&gt;
網頁標準的支援Internet Explorer使用了Trident排版引擎，幾乎完整支援HTML 4.01，CSS Level 1，XML 1.0和DOM Level 1，只是有一些排版錯誤。它亦部份支援CSS Level 2和DOM Level 2。&lt;br /&gt;
&lt;br /&gt;
它內建的XML直譯器支援XHTML，但是微軟從IE 5.0以後取消了這一支援，使它變得難以存取。如其它瀏覽器一樣，當MIME型別標識為「text/html」，它能解釋為XHTML。當MIME型別標識為「application/xml」和「text/xml」時，它也能解釋把XHTML解釋為XML，但需要一個小的XSLT度量[9]來重新啟用XML對XHTML的支援。當把它定義為偏好型別如「application/xhtml+xml」時，它假裝不理解XHTML，相反把它當成一種不了解的供下載的文件型別來對待。&lt;br /&gt;
&lt;br /&gt;
Internet Explorer依靠DOCTYPE判斷一個網頁應該按老版本渲染還是按W3C標準渲染（在列印中，Internet Explorer總使用W3C標準。）。根據MSXML的版本不同，它可以完全支援XSLT 1.0或1998年12月的XSL草案。Internet Explorer有一個自己的ECMAScript變體，名為JScript。&lt;br /&gt;
&lt;br /&gt;
最新版的Internet Explorer（版本9），支援了部份全新的HTML5新標準以及CSS3，於The HTML5 tset當中，獲得了130/400分，不過相較於其他流行的瀏覽器而言，支援度仍屬於偏低。&lt;br /&gt;
&lt;br /&gt;
要測試您現在用的 IE 對於最新的 HTML 5 的測試請列用下列的測試網址&lt;br /&gt;
&lt;br /&gt;
http://www.html5test.com/&lt;br /&gt;
&lt;br /&gt;
IE 8 目前在Windows XP 上能安裝的最高版本,在ACID 3 及 HTML5 測試中得的分數真是非常的難看&lt;br /&gt;
&lt;br /&gt;
以下是ACID 3 測試&lt;/abbr&gt;&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTPVve7eeIKANlz6XLZY2Rux2i_xFJgrdn0S4pf1_xeGInfJN3bwaI3ACXT0nxouJST-TVVjjROh2r-PJX-DKZ22EQkhyphenhyphenTlMwBrij0G5Um6ISxQRU6AsYJEsRG92hd1BkALigKuKVdRp8W/s1600/2011-06-04+17h59_33.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;521&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTPVve7eeIKANlz6XLZY2Rux2i_xFJgrdn0S4pf1_xeGInfJN3bwaI3ACXT0nxouJST-TVVjjROh2r-PJX-DKZ22EQkhyphenhyphenTlMwBrij0G5Um6ISxQRU6AsYJEsRG92hd1BkALigKuKVdRp8W/s640/2011-06-04+17h59_33.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;span style=&quot;border-collapse: separate; color: black; font-family: Tahoma; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;&lt;span style=&quot;font-size: 19px;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;abbr&gt; &lt;br /&gt;
以下是 HTML5 測試&lt;/abbr&gt;&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1s_zLzFyi6pP4ZVReMOCb5f1eJ2yxReBG74RSHFMJzhF9QJL_eCFPwvub9w93ErJzO1mm8XWUbgv4bLFjo3jYUFcDfeRNLaRuswEKJWYeoAQ05t4w-XZq-EIQA_yh5RX2TbTMaipMLEFz/s1600/2011-06-04+17h56_39.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;475&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1s_zLzFyi6pP4ZVReMOCb5f1eJ2yxReBG74RSHFMJzhF9QJL_eCFPwvub9w93ErJzO1mm8XWUbgv4bLFjo3jYUFcDfeRNLaRuswEKJWYeoAQ05t4w-XZq-EIQA_yh5RX2TbTMaipMLEFz/s640/2011-06-04+17h56_39.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
好囉. 數落了 IE 的罪名後. 大家大概能明白 IE 不能被敬列於次世代瀏覽器之列的原因有所了解了&lt;br /&gt;
而廣大還在使用 IE6 , IE7 ,IE8 以致於 IE9 的客戶怎麼辦? 對於網頁開發人員一邊被客戶要求要最新的技術.最好的畫&lt;br /&gt;
面呈現一邊又被要求舊瀏覽器上面即使看不到正確的畫面至少要做到不能歪斜. 這真是陷入兩難&lt;br /&gt;
&lt;br /&gt;
一般的做法是先來段 CSS RESET 修正 IE 6 重大缺陷盒模型錯誤, 再使用 CSS HACK 再來修正 PNG 透明背景的問題, 再利用 JS 來迫使 IE8 認得 SVG .這對每一個網頁開發人員來說都是惡夢.&lt;br /&gt;
&lt;br /&gt;
無數的網頁開發人員深陷其中不能自拔. 如果上述的做法你都還不明白或能熟悉掌握&lt;br /&gt;
那麼你將來要面對它時.得有心理準備 &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
反觀 Google Chrome 及其他的次世代瀏覽器根本沒這些問題.而Google 公司推出了&lt;br /&gt;
Google Chrome Frame 簡稱 GCF 來解決廣大的網頁開發人員的惡夢.&lt;br /&gt;
它的做法是安裝這個軟體到IE 去.適用的版本是 IE 6,7,8 適用的版本 WINDOWS XP2 VISTA SP1 RTM&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh90_KOahUOF4ReK2H1mAeaP91kom03Ms4sKXUJrwsLwWjlh3SkwEWhbdh6OPcRhP_imi2lnA559yPplAEmEI1ji9keGcbytx8-yT8YKpWQ9dF9ZWn_kXA7mg0LRliIaiqVviqWtPvBXjS1/s1600/2011-06-04+18h18_07.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;296&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh90_KOahUOF4ReK2H1mAeaP91kom03Ms4sKXUJrwsLwWjlh3SkwEWhbdh6OPcRhP_imi2lnA559yPplAEmEI1ji9keGcbytx8-yT8YKpWQ9dF9ZWn_kXA7mg0LRliIaiqVviqWtPvBXjS1/s640/2011-06-04+18h18_07.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
並如下圖勾選用並按下接受並安裝&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkHjv_g8TDSNWAJx-Y0-7RVuoR7bCC8jByzasRoHqnBkQP7k_UVXkf2XJZguvFy2tJVUm_sRF2f_P5vcBLoGRuge2SoXKjd4ukuGCyFjqNHbHSu_T_w_vEoo4ceb0Sa0qFv4-fWK9ri_-A/s1600/2011-06-04+18h18_49.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;458&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkHjv_g8TDSNWAJx-Y0-7RVuoR7bCC8jByzasRoHqnBkQP7k_UVXkf2XJZguvFy2tJVUm_sRF2f_P5vcBLoGRuge2SoXKjd4ukuGCyFjqNHbHSu_T_w_vEoo4ceb0Sa0qFv4-fWK9ri_-A/s640/2011-06-04+18h18_49.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
稍待數分鐘即可完成安裝. &lt;br /&gt;
安裝完後對用者來說算是 &quot;無感安裝&quot; 因為它完全不會影嚮您的日常操作,也不會因為裝了它而導致一些 IE ONLY 的網頁無法運作&lt;br /&gt;
例如某些網頁本身開發之初就僅考慮到IE 是否能正常運作或正確顯示的特定網站.&lt;br /&gt;
因為安裝好GCF 預設上它並不工作.&lt;br /&gt;
&lt;br /&gt;
除非它偵測到您現在開啟的網頁中有底下的這行指令&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;pre class=&quot;brush: xml&quot;&gt;&amp;lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;chrome=1&quot;&amp;gt;
&lt;/pre&gt;或偵測到您開啟的XHTML 網頁中有底下的這行指&lt;br /&gt;
&lt;pre class=&quot;brush: xml&quot;&gt;&amp;lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;chrome=1&quot;/&amp;gt;
&lt;/pre&gt;它才會把現在您的IE 瀏覽器的網頁引擎換為Google Chrome 來觀看網頁這對網頁開發者的意義是什麼呢? 這表示利用Google Chrome Frame 後,您就可以放心發揮您的創意例如加上特別的創意字形並以SVG格式顯示及儲存.也可以安心使用HTML5 及 CSS3 (當然這要看Google Chrome 支援的程度而定) HTML 5 與 CSS3 能為您帶來什麼視覺上的震撼那就要勞駕您去研究一下了&lt;br /&gt;
不過還有一個情況就是你大概不可能一一告之用戶要安裝 GCF ,那麼用幾道指在令寫在網頁裏吧假設一個情境:一般的公司網站大概會有一個以FLASH 做的導引頁面 也幾乎會設計一個 SKIP 按鍵對吧?那麼建議您在Flash 導引動畫底下加上那麼一句話&quot;若您的Internet Explorer 網頁瀏覽器過於老舊為了您的最佳視覺體驗強烈建議您安裝使用 Google Chrome Frame或其它次世代的網頁瀏覽器&quot;再來的動作就是就是在 index.html&lt;br /&gt;
&lt;pre class=&quot;brush: xml&quot;&gt;&amp;lt;body&amp;gt; 
&amp;lt;!--[if IE]&amp;gt;
&amp;lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;

&amp;lt;style&amp;gt;    
     #prompt
     {
       width: 100%;
       margin:0px auto;      
       text-align:center;
       border: 2px solid orange;
     }   
    &amp;lt;/style&amp;gt;

&amp;lt;div id=&quot;prompt&quot;&amp;gt;
&amp;lt;p&amp;gt;
您的網頁瀏覽器太過老舊請安裝Google Chrome Frame 才能得到最佳的顯示效率及最美觀的效果&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;script&amp;gt;    
     window.attachEvent(&quot;onload&quot;, function() {
       CFInstall.check({
         mode: &quot;overlay&quot;, // the default      
          destination:&quot;http://localhost/ohmytest.html&quot;
       });
          });   
    &amp;lt;/script&amp;gt;
&amp;lt;![endif]--&amp;gt;
&amp;lt;/body&amp;gt;
&lt;/pre&gt;下來的文章是針對網頁管理者,稍後再補上這篇文章</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/7076614760371750262'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/7076614760371750262'/><link rel='alternate' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2011/06/google-chrome-frame-ie.html' title='google chrome frame  網頁設計開發整治IE6,7,8 篇: 谷歌瀏覽器框架應用與安裝'/><author><name>Daily Learning Of Computer</name><uri>http://www.blogger.com/profile/05443998150426478617</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTPVve7eeIKANlz6XLZY2Rux2i_xFJgrdn0S4pf1_xeGInfJN3bwaI3ACXT0nxouJST-TVVjjROh2r-PJX-DKZ22EQkhyphenhyphenTlMwBrij0G5Um6ISxQRU6AsYJEsRG92hd1BkALigKuKVdRp8W/s72-c/2011-06-04+17h59_33.png" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-7826901451578940077.post-6255675132870130894</id><published>2011-01-18T10:33:00.000+08:00</published><updated>2011-01-18T11:20:22.473+08:00</updated><title type='text'>Flash Builder 4 教學 : 初探系列其之七. 使用設計視野及條件限制式注意事項</title><content type='html'>承 Flash Builder 4 教學其之六的教學,你應該可以完成如下圖畫面,若有困難通常是沒有弄清楚如何正確的選取你要進行排版的元件所致.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV347ELTxDg8lj5lFFxhyphenhyphenbLln0TncNLRobXApDQeJGByDFguKokZtsdOTkfKhj9nZLVBLIyFM2_3Mpi4Wy1A1k9gVh4-l44VMvyq3IoVOxDeIF9dlP-WG5l7mUjwWkRUh4vGNUNuJk9e9-/s1600/layout1.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;214&quot; width=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV347ELTxDg8lj5lFFxhyphenhyphenbLln0TncNLRobXApDQeJGByDFguKokZtsdOTkfKhj9nZLVBLIyFM2_3Mpi4Wy1A1k9gVh4-l44VMvyq3IoVOxDeIF9dlP-WG5l7mUjwWkRUh4vGNUNuJk9e9-/s400/layout1.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
承上例,你會發現這張圖好像有點不那麼正規,若我們把中間這兩個按鍵移到右邊去,再把下面那個標籤移到右下角去是不是會美觀些?&lt;br /&gt;
好吧. 那麼動手作吧. 若你實在不知道怎麼讓這樣做出這樣的版面,那麼你參考底下的圖把程式輸入進去就可以了.&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkWE-7Uvkm4X0Ef75fKGsPYRuQNXVnhhxc_KPXWi3T2lRzwAaJOcSVGTJinmGPDIsK793Eg9vo-tTM7vnEloAS-sb5QkSJCvJIzz-HluPfpvZMSyBMbgxfDNDjztGKdx5MmeuUcY6k5mpc/s1600/layout3.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;292&quot; width=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkWE-7Uvkm4X0Ef75fKGsPYRuQNXVnhhxc_KPXWi3T2lRzwAaJOcSVGTJinmGPDIsK793Eg9vo-tTM7vnEloAS-sb5QkSJCvJIzz-HluPfpvZMSyBMbgxfDNDjztGKdx5MmeuUcY6k5mpc/s400/layout3.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
你可能會發現你把程式輸入進去後,也完成了執行是沒有問題的但是版面就是歪的. 沒錯! 本來我給的範例就是歪的.&lt;br /&gt;
這樣吧. 你先試著進入視計視圖(忽然我覺的翻譯成視圖有點怪怪的,以後我會統稱設計視野)好好的把玩一下試著把那兩個按鍵&lt;br /&gt;
拉到右邊去,而且要跟最左邊的按鍵一樣高度. 底下留一點空間看起來較美觀, 中間的標籤拉到右下角去.&lt;br /&gt;
&lt;br /&gt;
在你把玩一番後,可能拖曳按鍵到定會是比較容易的事,可是那個標籤怎麼拖也拖不動簡直不動如山,那麼請仔細看一下底下的圖&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPeER3_DJyWO0CWAslt7y-9KOO0SnTM_VhmANorFr13Gz5T4wyrMGI90kikL14iE2QfNj-YBM3B4-s22t1hv86rfQpD78YRIoUgpeFcvpBcycPIL835s71NrobHQYfoMV9eCtqjsmB2BTB/s1600/layout2.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;186&quot; width=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPeER3_DJyWO0CWAslt7y-9KOO0SnTM_VhmANorFr13Gz5T4wyrMGI90kikL14iE2QfNj-YBM3B4-s22t1hv86rfQpD78YRIoUgpeFcvpBcycPIL835s71NrobHQYfoMV9eCtqjsmB2BTB/s400/layout2.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
仔細觀察這張圖的右邊,你明明如上圖所示滑鼠游標是停在要點選的標籤上面,可是右邊的屬性面版卻顯示你選中的元件是s:Group 容器.當然你會無法拖曳因為這就是之前提到的難以選取某些元件的問題.&lt;br /&gt;
&lt;br /&gt;
其實這樣問題在爾後使用設計視野會經常碰到,解決的方法就是有效的利用大綱視野,請參考下圖&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN_QhpsskhhwGdhyFv8qbhJfVZsX8NZPJtMIkWc9-sKGHQ8dZSKkxLYrFWZFtQApz1s-pmNM78WDhOsMGJm5Ohq6gl2JWqR_3-TCEw5fdEwDBJnQjUlMYnOdvV3JhSPSRPha5W2u-r-0Ki/s1600/layout4.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;234&quot; width=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN_QhpsskhhwGdhyFv8qbhJfVZsX8NZPJtMIkWc9-sKGHQ8dZSKkxLYrFWZFtQApz1s-pmNM78WDhOsMGJm5Ohq6gl2JWqR_3-TCEw5fdEwDBJnQjUlMYnOdvV3JhSPSRPha5W2u-r-0Ki/s400/layout4.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
在大綱視野這張圖片,應該可以很清楚的看出各個容器,按鍵,標籤等的排列方式. 在設計視野時搭配左下角的OUTLINE(大綱視野)&lt;br /&gt;
你就能正確點選到你要修改或是拖曳的元件,這一點很重要你也會常常利用到此功能在設設UI排版時.&lt;br /&gt;
&lt;br /&gt;
接下來我們回頭看那兩個不太上相的按鍵,如何利用條件限制式使其對齊.既然我們要仿效左邊的按鍵,那麼我們先來觀察一下左側的按鍵是怎麼設定的,那麼先點選左上的按鍵. 再把右側的功能視窗拉到最底下(因為條件限制式就在最底下) 參考一下下圖&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_LXzGCiwSJNPP4yLxaSa5-4cscye87wcfxxpk7bSvbQr4q-ejwEx6ZgbzJLtMXNaOiPkg3yum_wCGzFCttTQ9cmVgdma_UB75INtCjlJ6d4uwpNwYW4Y23Gzi0kY0DROZMGWhN5rw6zmV/s1600/layout5.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;238&quot; width=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_LXzGCiwSJNPP4yLxaSa5-4cscye87wcfxxpk7bSvbQr4q-ejwEx6ZgbzJLtMXNaOiPkg3yum_wCGzFCttTQ9cmVgdma_UB75INtCjlJ6d4uwpNwYW4Y23Gzi0kY0DROZMGWhN5rw6zmV/s400/layout5.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
注意看到這部份:&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRTTWIMOKUTcnR3v38udNg6P8FtI7K_CsQk8acMlHAjh_0tAmOzTLkhDz-aglx3rw3YuPp6poP_-US81KDR0M0FKUoQz9z7xZWzo5MFtqLkQKNPU_OEACUtFiEMJAs-i3u3DdtdhEi1A_E/s1600/layout6.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;400&quot; width=&quot;232&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRTTWIMOKUTcnR3v38udNg6P8FtI7K_CsQk8acMlHAjh_0tAmOzTLkhDz-aglx3rw3YuPp6poP_-US81KDR0M0FKUoQz9z7xZWzo5MFtqLkQKNPU_OEACUtFiEMJAs-i3u3DdtdhEi1A_E/s400/layout6.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
在屬性面版的右下角就是Constraints (這個就是條件限制式),先把它晾在一邊不理它,往上看是Size and Position 這是用來調整你所選取的元件的寬度及高度還有水平位置x 及 y 垂直位置. 你看到的左側這個按鍵Flex 是X:5 Y:5 ,你可以在設計視野試著單獨改變&lt;br /&gt;
其中一項的值來觀察它們的變化來了解這些設定值的作用,但是X 跟 Y 以外的值暫時讓它保持預設值(什麼數值都保留空白即是預設值)&lt;br /&gt;
&lt;br /&gt;
那麼,你已經知道Y 是垂直位置,那麼也把其它兩個按鍵改為Y=5 看看, 看到執行結果了吧. 三個按鍵都是同一垂直位置了,美觀多了.&lt;br /&gt;
接下來解說條件限制式. 看到下圖的條件限制式應該有注意到在那個方框外有六個可以核選的方框吧.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivoHNdvAO6vIkvOj-YG6wWORdub_OLcnxMHQakWJLkM7VKeJMjuWg3GmFFe15LDvJmtEamNcQ9IJdMGRyQJtcs2Sc4JQrq986XwXvIyYsbYa60diOrwW5sEk2YkUmgcaXVUPrTW9fiAMMf/s1600/layout7.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;205&quot; width=&quot;263&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivoHNdvAO6vIkvOj-YG6wWORdub_OLcnxMHQakWJLkM7VKeJMjuWg3GmFFe15LDvJmtEamNcQ9IJdMGRyQJtcs2Sc4JQrq986XwXvIyYsbYa60diOrwW5sEk2YkUmgcaXVUPrTW9fiAMMf/s400/layout7.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
你先選取Flex 這個按鍵,然後直接勾選上面那一排的最左則的勾選框,跟左側那一排的最上面的勾選框. 這作法就是把按鍵以左上的限制條件式來對齊. 你會發現這個設置跟之前的x:5 y:5 根本一樣嘛. 是沒錯, 只是一個是你用手動拖曳或透過程式視野來改動數值, 而這個卻是利用條件限制式來對齊&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyGfeSSeLo15fsZKBYwTsZRuWb_j_VYpSI-XhTVkZXjGbK5fi-BLvVT6C8oer3CV2pPZCXcVl3YBmtqHoms4iIRMjabfFWgIpYRv4ssrbRLjeULqv5C8SkFEbaWAuUwF7Q52E_iw7HvSNr/s1600/layout8.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;313&quot; width=&quot;381&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyGfeSSeLo15fsZKBYwTsZRuWb_j_VYpSI-XhTVkZXjGbK5fi-BLvVT6C8oer3CV2pPZCXcVl3YBmtqHoms4iIRMjabfFWgIpYRv4ssrbRLjeULqv5C8SkFEbaWAuUwF7Q52E_iw7HvSNr/s400/layout8.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
有一點要提醒你,你在條件限制式輸入的數值,記得要按一下ENTER,這樣它才會如實反映在設計視野中. 有一個重要的觀念要提示你那就是限制條件式的對齊方式並不是以水平位置或垂直位置中的其它元件來對齊.而是以父元素作為對齊的對象. 以這個例子來說這三個按鍵的父元素是誰? 看一下大網視野自然不言可喻</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/6255675132870130894'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/6255675132870130894'/><link rel='alternate' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2011/01/flash-builder-4_17.html' title='Flash Builder 4 教學 : 初探系列其之七. 使用設計視野及條件限制式注意事項'/><author><name>Daily Learning Of Computer</name><uri>http://www.blogger.com/profile/05443998150426478617</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV347ELTxDg8lj5lFFxhyphenhyphenbLln0TncNLRobXApDQeJGByDFguKokZtsdOTkfKhj9nZLVBLIyFM2_3Mpi4Wy1A1k9gVh4-l44VMvyq3IoVOxDeIF9dlP-WG5l7mUjwWkRUh4vGNUNuJk9e9-/s72-c/layout1.png" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-7826901451578940077.post-5709888864819096698</id><published>2011-01-06T11:43:00.000+08:00</published><updated>2011-01-07T09:23:36.261+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Flash Builer 4"/><title type='text'>Flash Builder 4 教學 : 初探系列其之六. 使用設計視野圖行版面排版</title><content type='html'>&lt;H1&gt;在之前的Flash Builder 4 教學 : 初探系列其之五 裏, 你已經定義了一個應用程序的一部分使用MXML版面佈置，但現在你將使用設計視圖中添加更多的元素，並設定其屬性。&lt;/H1&gt;&lt;br /&gt;
&lt;H3&gt;附上之前練習的程式碼供您參考&lt;/H3&gt;&lt;div class=&quot;mxml&quot; style=&quot;font-family:monospace;color: #006; border: 1px solid #d0d0d0; background-color: #f0f0f0;&quot;&gt;&lt;ol&gt;&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&amp;lt;?xml version=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;1.0&amp;quot;&lt;/span&gt; encoding=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;utf-8&amp;quot;&lt;/span&gt;?&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:Application&lt;/span&gt; xmlns:fx=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;http://ns.adobe.com/mxml/2009&amp;quot;&lt;/span&gt; &lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;xmlns:s=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;library://ns.adobe.com/flex/spark&amp;quot;&lt;/span&gt; &lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;xmlns:mx=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;library://ns.adobe.com/flex/mx&amp;quot;&lt;/span&gt; &lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;fx:Declarations&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #808080; font-style: italic;&quot;&gt;&amp;lt;!-- Place non-visual elements (e.g., services, value objects) here --&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;/fx:Declarations&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:controlBarLayout&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:BasicLayout&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;/s:controlBarLayout&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:controlBarContent&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt; &lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:Button&lt;/span&gt; id=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;btnCheckOut&amp;quot;&lt;/span&gt; y=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;10&amp;quot;&lt;/span&gt; label=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;Checkout&amp;quot;&lt;/span&gt; &amp;nbsp;right=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;10&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:Button&lt;/span&gt; id=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;btnCartView&amp;quot;&lt;/span&gt; y=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;10&amp;quot;&lt;/span&gt; label=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;View Cart&amp;quot;&lt;/span&gt; &amp;nbsp;right=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;90&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:Button&lt;/span&gt; label=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;Flex&amp;quot;&lt;/span&gt; x=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;5&amp;quot;&lt;/span&gt; y=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;5&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;/s:controlBarContent&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt; &lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:Label&lt;/span&gt; text=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;(c) 2009, FlexGrocer&amp;quot;&lt;/span&gt; right=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;10&amp;quot;&lt;/span&gt; bottom=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;10&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt; &amp;nbsp; &lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:Group&lt;/span&gt; x=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;0&amp;quot;&lt;/span&gt; y=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;0&amp;quot;&lt;/span&gt; width=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;100%&amp;quot;&lt;/span&gt; height=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;100%&amp;quot;&lt;/span&gt; id=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;bodyGroup&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:layout&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:HorizontalLayout&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;/s:layout&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt; &lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:Group&lt;/span&gt; width=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;100%&amp;quot;&lt;/span&gt; height=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;150&amp;quot;&lt;/span&gt; id=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;products&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:layout&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:VerticalLayout&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;/s:layout&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:Label&lt;/span&gt; text=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;Milk&amp;quot;&lt;/span&gt; id=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;prodName&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:Label&lt;/span&gt; text=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;$1.99&amp;quot;&lt;/span&gt; id=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;Price&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:Button&lt;/span&gt; label=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;AddToCart&amp;quot;&lt;/span&gt; id=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;add&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;/s:Group&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:Group&lt;/span&gt; id=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;cartGroup&amp;quot;&lt;/span&gt; height=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;100%&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:layout&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:VerticalLayout&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;/s:layout&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:Label&lt;/span&gt; text=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot; Your Cart Total: $&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:Button&lt;/span&gt; label=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;ViewCart&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;/s:Group&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;/s:Group&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;/s:Application&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;&lt;H4&gt;那麼, 怎麼進入  Design View 設計視圖,請按照底下的圖片操作吧,按下Design View 的圖示.&lt;br /&gt;
&lt;/H4&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0SytftfJ0UH7hTLtLu_jWLi0vGpbJzodSVmMi9hRy-eLn4k2r9Ps9ny1AiqGXxdEeo44wNsg6SdjQFUJO5Q_v22ZWHD3aJsPwHa_2rcRbQK0eOH7YdyAPUKlcJrGDArmA-d46HvW7LMIg/s1600/designview1.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;158&quot; width=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0SytftfJ0UH7hTLtLu_jWLi0vGpbJzodSVmMi9hRy-eLn4k2r9Ps9ny1AiqGXxdEeo44wNsg6SdjQFUJO5Q_v22ZWHD3aJsPwHa_2rcRbQK0eOH7YdyAPUKlcJrGDArmA-d46HvW7LMIg/s400/designview1.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;H4&gt;按下Design View的圖示後,你會看到你所設計的應用程式的外觀.在這兒我們將會學習到為每一個元件設定它的屬性及相關的程式設定.&lt;br /&gt;
&lt;/H4&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBkpJOReSW_gaEtHeviQsljVVTNYtqjaxsG9FOU9NJV6h-Uewu5HHhn37OLF0BqntYnMD-xQRCHpWsfaVmtQ_4y1rWqruq_1qKYGJ_lUkcLEzQGYmQY8HZ_FsCk4IyF92uRL9XvPuUMPkX/s1600/designview2.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;225&quot; width=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBkpJOReSW_gaEtHeviQsljVVTNYtqjaxsG9FOU9NJV6h-Uewu5HHhn37OLF0BqntYnMD-xQRCHpWsfaVmtQ_4y1rWqruq_1qKYGJ_lUkcLEzQGYmQY8HZ_FsCk4IyF92uRL9XvPuUMPkX/s400/designview2.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;H4&gt;注意看到左下角的 Components 組件視圖,你可以從這兒拖曳你想要使用的組件,像是Button按鍵到你的應用程式去&lt;br /&gt;
也就是可以連一行程式都不用寫,只要再自行調整它的位置或設定它的程式行為,可以大大的節程式開發的時間&lt;br /&gt;
&lt;/H4&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMYIvcMTixFILWITchA_4Q0PaDKUakpDSiQertE3ArqRkhyWiyNv_tw6XuTwbfT511XN6gWxZOCg90aM7pTjKqrkPjCZSXz4wK6Wi8KKc4Wc6mb_Oop2RWaBAI9212Ibao12tplg38r8ti/s1600/designview3.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;400&quot; width=&quot;296&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMYIvcMTixFILWITchA_4Q0PaDKUakpDSiQertE3ArqRkhyWiyNv_tw6XuTwbfT511XN6gWxZOCg90aM7pTjKqrkPjCZSXz4wK6Wi8KKc4Wc6mb_Oop2RWaBAI9212Ibao12tplg38r8ti/s400/designview3.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;H4&gt;及左下角的 OUTLINE 大綱視圖,這兒可以很方便的檢視應用程式內各元件的排列&lt;br /&gt;
&lt;/H4&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje0mFWYF2xIrVN31BN02zKRENux3Iken5G-qEXWXYEYLEYEitWQanMFWZQtZS_65F9P8MuA-i5OwhV9cGklHSo_AI6Z845_KDqtFObBEL6boKIycJIUoFlcpBXtOyxJOhJx32NVvw8oGeN/s1600/designview4.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;400&quot; width=&quot;297&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje0mFWYF2xIrVN31BN02zKRENux3Iken5G-qEXWXYEYLEYEitWQanMFWZQtZS_65F9P8MuA-i5OwhV9cGklHSo_AI6Z845_KDqtFObBEL6boKIycJIUoFlcpBXtOyxJOhJx32NVvw8oGeN/s400/designview4.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;H3&gt;如果你所做的練習不同上面的範例,試著去熟用Design Mode 設計模式,讓它跟上面的範例一模一樣.&lt;br /&gt;
&lt;/H3&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/5709888864819096698'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/5709888864819096698'/><link rel='alternate' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2011/01/flash-builder-4_5760.html' title='Flash Builder 4 教學 : 初探系列其之六. 使用設計視野圖行版面排版'/><author><name>Daily Learning Of Computer</name><uri>http://www.blogger.com/profile/05443998150426478617</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0SytftfJ0UH7hTLtLu_jWLi0vGpbJzodSVmMi9hRy-eLn4k2r9Ps9ny1AiqGXxdEeo44wNsg6SdjQFUJO5Q_v22ZWHD3aJsPwHa_2rcRbQK0eOH7YdyAPUKlcJrGDArmA-d46HvW7LMIg/s72-c/designview1.png" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-7826901451578940077.post-6330842165044445137</id><published>2011-01-06T10:59:00.000+08:00</published><updated>2011-01-06T11:54:11.545+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Flash Builer 4"/><title type='text'>Flash Builder 4 教學: 初探系列其之五 容器概說及其類型解說</title><content type='html'>在Flash Builder 中,我們可以使用containers (容器)跟layout objects.(版面物件)來做幾乎是全部的版面排版,之前提到Flash Builder 可以輕鬆的用來為您的應用程式製做UI(使用者界面),也是因為它在這方面提供了便利又強大的功能.&lt;br /&gt;
&lt;br /&gt;
在技術層面上，容器只是一種特殊類型的組件，它包含和Group 群組和其他項目。Group群組內包括的這些項目我們統稱為子元件，或者更明白地說，LayoutElements 版面元件（這僅僅是一個廣泛的術語元件如按鈕，複選框和等）和GraphicalElements 圖形元件如正方形，圓形等。雖然group 群組將它們收納在在一起，但它們不會知道&lt;br /&gt;
這些項目在螢幕上的位置或順序。&lt;br /&gt;
&lt;br /&gt;
當您選擇一個容器來使用，你基本上要做的是設置他們精確的座標位置,然而容器最廣泛應用的功能是它能夠被&lt;br /&gt;
skinning殖皮或換膚(內地的翻譯是翻成:&quot;蒙皮&quot;. 總之就像你把你的手機拿去做封膜一樣,容器的外觀是可以被改變成你想要的樣子。&lt;br /&gt;
&lt;br /&gt;
skinning 植皮/換膚 是定義視覺外觀組件的處理步驟。在一個容器上，你能想到的外觀包括如背景，邊框，陰影，等等。一些Flex的容器可以植皮，這意味著你可以定義它們在屏幕上顯示的樣子。其他容器存在只是為了確保聚攏它們的子元件，他們自己沒有一個視覺外觀。也就是說不是所有容器都可以植皮,能夠植皮的條件是至少它們必需是一個視覺外觀組件.&lt;br /&gt;
&lt;br /&gt;
容器的類別有下述幾種:&lt;br /&gt;
&lt;br /&gt;
Group  群組容器: 在Flex 4 中最簡單的類別,一個群組可以用來包括子元件,但它們沒有自己的視覺外觀..&lt;br /&gt;
&lt;br /&gt;
SkinnableContainer 可植皮/換膚的容器:    一個可以換膚的容器的功能等同Group群組並且能夠用來定義營幕  上的視覺外觀 . &lt;br /&gt;
&lt;br /&gt;
BorderContainer  外框容器: 也是一種可植皮/換膚的容器,它可以用來將子元件包覆在框內 .&lt;br /&gt;
&lt;br /&gt;
Panel  平面容器: 也是一種可植皮/換膚的容器,它有個邊框包覆,它可以有一個控制橫列(Control bar),可設置標題列及控制區域 .&lt;br /&gt;
&lt;br /&gt;
Application 應用容器:也是一種可植皮/換膚的容器,它通常應用在你的應用程式的根本層,像是Panel容器,它也可以擁有控制橫列(Control Bar) . &lt;br /&gt;
&lt;br /&gt;
NavigationContent  導引欄容器: 也是一種可植皮換膚的容器.通常用ViewStack來控制,稍後會再提及它&lt;br /&gt;
&lt;br /&gt;
介紹到這裏,接下來要提的是 Layout Object版面物件.&lt;br /&gt;
&lt;br /&gt;
版面物件是與容器一起運作的,用來決定如何容器群組內的子元件如何顯示在螢幕上,flex 4 提供了幾種&lt;br /&gt;
版面物件你可以自由應用它來定義你想要展示的版面.&lt;br /&gt;
&lt;br /&gt;
底下介紹幾種版面物件的用途&lt;br /&gt;
&lt;br /&gt;
BasicLayout:   basic layout基本版面配置,用來做為絕對定位用,你必需為每一個版面元件定義x 跟 y 的座標 .&lt;br /&gt;
&lt;br /&gt;
HorizontalLayout:  horizontal layout 水平版面配置,水平排列每一個子元件一個緊接另一個橫向排列 .&lt;br /&gt;
&lt;br /&gt;
VerticalLayout:  vertical layout 垂直版面配置,垂直排列每一個子元件一個緊接一個縱向排列 .&lt;br /&gt;
&lt;br /&gt;
TileLayout: tile layout瓦狀版面配置,可視需求任意排列子元件成水平或垂直布置&lt;br /&gt;
&lt;br /&gt;
底下分別列出兩個範例:  請你解釋給我聽這樣版面配置是怎麼組成的?&lt;br /&gt;
&lt;br /&gt;
範例1:&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;mxml&quot; style=&quot;font-family:monospace;color: #006; border: 1px solid #d0d0d0; background-color: #f0f0f0;&quot;&gt;&lt;ol&gt;&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:Group&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:layout&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:HorizontalLayout&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;/s:layout&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: bold; vertical-align:top;font-weight: bold; color: #006060;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:Button&lt;/span&gt; label=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;1&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:Button&lt;/span&gt; label=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;2&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:Button&lt;/span&gt; label=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;3&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;/s:Group&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;&lt;br /&gt;
範列 2&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;mxml&quot; style=&quot;font-family:monospace;color: #006; border: 1px solid #d0d0d0; background-color: #f0f0f0;&quot;&gt;&lt;ol&gt;&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:Group&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:layout&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:VerticalLayout&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: bold; vertical-align:top;font-weight: bold; color: #006060;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;/s:layout&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:Button&lt;/span&gt; label=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;1&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:Button&lt;/span&gt; label=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;2&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:Button&lt;/span&gt; label=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;3&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: bold; vertical-align:top;font-weight: bold; color: #006060;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;/s:Group&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;&lt;a href=&quot;http://dailylearningofcomputer.blogspot.com/2011/01/flash-builder-4_5760.html&quot;&gt;Flash Builder 4 教學: 初探系列其之六&lt;/a&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/6330842165044445137'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/6330842165044445137'/><link rel='alternate' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2011/01/flash-builder-4_5862.html' title='Flash Builder 4 教學: 初探系列其之五 容器概說及其類型解說'/><author><name>Daily Learning Of Computer</name><uri>http://www.blogger.com/profile/05443998150426478617</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-7826901451578940077.post-3478001169598149802</id><published>2011-01-05T17:37:00.000+08:00</published><updated>2011-01-06T11:56:14.202+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Flash Builer 4"/><title type='text'>Flash Builder 4 教學 : 初探系列其之四.千里之行始於足下,硬是不說哈囉</title><content type='html'>&lt;h1&gt;反應快的讀者似乎會抱怨,呃.. 你好像連第一行程式都還沒開始教! 的確沒錯我是一行都還沒開始解說&lt;/h1&gt;&lt;br /&gt;
&lt;p&gt;一般而言應該是見樹先見林,你總是先得對樹林的外觀有所認識才會走近才會見到樹沒錯吧,一般程式介紹幾乎&lt;br /&gt;
很快就會提到Say Hello的範例程式,我倒不急著介紹因為我認為其意義不大,以FLEX來說,了解了程式的基本架構就要開始疊床架屋了,也就是可以開始動手寫更為複雜的程式了&lt;/P&gt;&lt;p&gt;這也不是揠苗助長,實際上的原因是讀者您真的是個人才,您真的好有才因此我決定給您施行精英教育&lt;/P&gt;&lt;p&gt;那麼還是先做個比喻好了,假設您在烹調手上拿者菜刀對各式的食材做料理,當然因應你要做的菜色及針對食材的特性有的要切丁,有的要切絲,有的要切塊,如此這般那樣的來進行料理對吧, 但無論怎麼地切好分類好的食材一個一個拿來看,大概不會有人想立刻吃下去(例如生的,未調味的,未經烹煮的. 那麼最後也會因食譜建議的料理方式將各式食材組合起來再爆香大火快炒並調味吧? &lt;/p&gt;&lt;br /&gt;
&lt;p&gt;看到這裏,轉過頭來FLEX程式設計 一般食材被料理成各式形狀就像是FLEX 程式裏各式容器的功用,有的是橫條狀,有的是四方型,還有更多不同功用及類型的容器. 您必需把它們適當的組合起來,就像料理一道菜一樣&lt;/P&gt;&lt;p&gt;在介紹諸多容器的特性之前,我先讓你看看一段程式,這段程式很簡短只有六行&lt;/P&gt;&lt;div class=&quot;mxml&quot; style=&quot;font-family:monospace;color: #006; border: 1px solid #d0d0d0; background-color: #f0f0f0;&quot;&gt;&lt;ol&gt;&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:controlBarLayout&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:BasicLayout&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;/s:controlBarLayout&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: bold; vertical-align:top;font-weight: bold; color: #006060;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:controlBarContent&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt; &lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:Button&lt;/span&gt; label=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;Flex Grocer&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;/s:controlBarContent&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;&lt;br /&gt;
先解釋前三行&lt;br /&gt;
&lt;div class=&quot;mxml&quot; style=&quot;font-family:monospace;color: #006; border: 1px solid #d0d0d0; background-color: #f0f0f0;&quot;&gt;&lt;ol&gt;&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:controlBarLayout&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:BasicLayout&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;/s:controlBarLayout&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;第一行跟第三出現成對的標簽指令是你接觸到的一個容器的屬性設定一個控製橫欄的佈局,所謂成對出現就是這個標簽是始於&lt;br /&gt;
&lt;div class=&quot;mxml&quot; style=&quot;font-family:monospace;color: #006; border: 1px solid #d0d0d0; background-color: #f0f0f0;&quot;&gt;&lt;ol&gt;&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:controlBarLayout&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;結束於&lt;br /&gt;
&lt;div class=&quot;mxml&quot; style=&quot;font-family:monospace;color: #006; border: 1px solid #d0d0d0; background-color: #f0f0f0;&quot;&gt;&lt;ol&gt;&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;/s:controlBarLayout&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;而你放置在中的&lt;div class=&quot;mxml&quot; style=&quot;font-family:monospace;color: #006; border: 1px solid #d0d0d0; background-color: #f0f0f0;&quot;&gt;&lt;ol&gt;&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:BasicLayout&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;則是宣告了這個控制橫Bar採用基本型的佈局.&lt;br /&gt;
&lt;h2&gt;再來解釋 5,6,7 行&lt;/h2&gt;&lt;div class=&quot;mxml&quot; style=&quot;font-family:monospace;color: #006; border: 1px solid #d0d0d0; background-color: #f0f0f0;&quot;&gt;&lt;ol&gt;&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:controlBarContent&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt; &lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:Button&lt;/span&gt; label=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;Flex Grocer&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;/s:controlBarContent&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;這一行程式,則是宣告了控制橫Bar裏的content(內容要放些什麼),當然它也是成對出現的指令,重點中間這一行&lt;br /&gt;
&lt;div class=&quot;mxml&quot; style=&quot;font-family:monospace;color: #006; border: 1px solid #d0d0d0; background-color: #f0f0f0;&quot;&gt;&lt;ol&gt;&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:Button&lt;/span&gt; label=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;Flex Grocer&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;這是在控制橫bar裏放置了一個按鍵,看到這裏動手吧.&lt;br /&gt;
將這六行加進去. 你問我要加在那裏? 看底下的範例吧.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;mxml&quot; style=&quot;font-family:monospace;color: #006; border: 1px solid #d0d0d0; background-color: #f0f0f0;&quot;&gt;&lt;ol&gt;&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&amp;lt;?xml version=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;1.0&amp;quot;&lt;/span&gt; encoding=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;utf-8&amp;quot;&lt;/span&gt;?&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:Application&lt;/span&gt; xmlns:fx=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;http://ns.adobe.com/mxml/2009&amp;quot;&lt;/span&gt; &lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;xmlns:s=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;library://ns.adobe.com/flex/spark&amp;quot;&lt;/span&gt; &lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;xmlns:mx=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;library://ns.adobe.com/flex/mx&amp;quot;&lt;/span&gt; minWidth=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;955&amp;quot;&lt;/span&gt; minHeight=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;600&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: bold; vertical-align:top;font-weight: bold; color: #006060;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;fx:Declarations&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #808080; font-style: italic;&quot;&gt;&amp;lt;!-- Place non-visual elements (e.g., services, value objects) here --&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;/fx:Declarations&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:controlBarLayout&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:BasicLayout&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: bold; vertical-align:top;font-weight: bold; color: #006060;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;/s:controlBarLayout&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:controlBarContent&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt; &lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:Button&lt;/span&gt; label=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;Flex Grocer&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;/s:controlBarContent&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: bold; vertical-align:top;font-weight: bold; color: #006060;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;/s:Application&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;接下來先把這繕打好的程式儲存起來,請按下圖操作&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWfkCa1swtVo_GWUtubsZDWz4QMn5s5Gc_N3bKXD4DEEEgIttGSJq-ebGic3eX5iI-tyrmNv2R0CQ9O1G0qPDmXDm7S1_cpk3C-prNUsl6Vqx4Dei4307fPMxKuWoJCeIzUKGwq0MF7PPT/s1600/theFirstSave.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;142&quot; width=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWfkCa1swtVo_GWUtubsZDWz4QMn5s5Gc_N3bKXD4DEEEgIttGSJq-ebGic3eX5iI-tyrmNv2R0CQ9O1G0qPDmXDm7S1_cpk3C-prNUsl6Vqx4Dei4307fPMxKuWoJCeIzUKGwq0MF7PPT/s400/theFirstSave.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;再來請試著運作這個程式&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMdKZ9rMTAnRH_mvSQz-vpJJSSKiKcsPIY5G9uOJxKFHNox9lJ_8jTJgfxBORqqhvjYgcgaK-PsRcYWRwXuzYM1SLVtgQ34aj3COHLpgHOkO7TLjiiDu60NjTBCB9a8MSD6V_XVilB9UOi/s1600/theFirstRun.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;178&quot; width=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMdKZ9rMTAnRH_mvSQz-vpJJSSKiKcsPIY5G9uOJxKFHNox9lJ_8jTJgfxBORqqhvjYgcgaK-PsRcYWRwXuzYM1SLVtgQ34aj3COHLpgHOkO7TLjiiDu60NjTBCB9a8MSD6V_XVilB9UOi/s400/theFirstRun.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
再來請到你的瀏覽器去看一下,這是您的第一隻程式,由於剛起步您也只寫了六行程式,所以只能看到一個控制橫bar,跟控製橫bar裏的一個按鍵,當然按下去不會有任何作用(因為也還沒有相對應的處理程式),而這隻程式可是一個不折不扣的flash 技術為主的應用程式,它是一個swf檔&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqwEIjCZKvqSqpHEL9WBSgh8Gj2Zm9T28LHpxvwGPHWHUnqy-LqK5TTGPOIGKHZ4t2h91cV34mYTfWdFogb2Mt1qhNXxJs27ezGAkTtnuYgckSmHvb0BPcNTohL9EHMgqRuJcyoxX_p-sM/s1600/yourfisttcode.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;176&quot; width=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqwEIjCZKvqSqpHEL9WBSgh8Gj2Zm9T28LHpxvwGPHWHUnqy-LqK5TTGPOIGKHZ4t2h91cV34mYTfWdFogb2Mt1qhNXxJs27ezGAkTtnuYgckSmHvb0BPcNTohL9EHMgqRuJcyoxX_p-sM/s400/yourfisttcode.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;a href=&quot;http://dailylearningofcomputer.blogspot.com/2011/01/flash-builder-4_5862.html&quot;&gt;Flash Builder 4 教學 : 初探系列其之五&lt;/a&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/3478001169598149802'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/3478001169598149802'/><link rel='alternate' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2011/01/flash-builder-4_05.html' title='Flash Builder 4 教學 : 初探系列其之四.千里之行始於足下,硬是不說哈囉'/><author><name>Daily Learning Of Computer</name><uri>http://www.blogger.com/profile/05443998150426478617</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWfkCa1swtVo_GWUtubsZDWz4QMn5s5Gc_N3bKXD4DEEEgIttGSJq-ebGic3eX5iI-tyrmNv2R0CQ9O1G0qPDmXDm7S1_cpk3C-prNUsl6Vqx4Dei4307fPMxKuWoJCeIzUKGwq0MF7PPT/s72-c/theFirstSave.png" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-7826901451578940077.post-7613074716764814159</id><published>2011-01-05T09:33:00.000+08:00</published><updated>2011-01-06T11:05:16.365+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Flash Builer 4"/><title type='text'>Flash Builder 4 教學 : 初探系列其之二.最初預設的程式解說</title><content type='html'>&lt;h1&gt;程式寫作之道在於明白其真實意義,即使任何微不足道的程式,也是有其嚴謹的定義必需遵循&lt;/h1&gt;&lt;h2&gt;電腦科技的文明來自沒有人性的設計,在冰冷的程式碼裡展現您的心血與苦心.&lt;/h2&gt;&lt;h2&gt;完善的程式是一連串正確無誤的運算所產生的必然結果,這也意謂著一個程式師很嚴謹的一丁點的錯誤都不能犯,在程式裡打錯一個字,或未正確區分大小寫都會導致不可預期的錯誤,日本有句俗諺 &quot;油斷一秒 怪我一生&quot;(因為一時的疏忽而導致終身的遺憾 .切記!&lt;/h2&gt;&lt;br /&gt;
&lt;h2&gt;步驟1: 參考下圖的畫面,我將一一解釋各行的用意 &lt;/h2&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhasSrkwNQPeWhFIEFOmJHt2MH26AInikOmgsk1OjEfnpukUkSPmdaisJInRuI-Ihpi1heyMQiuKPhIKqoPi3js9z61g-4XcwPGk6RPlx8CO6AtS23-fbyB09ELZtPoI3jCpkYLp7xvApqt/s1600/thefirstcode1.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;104&quot; width=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhasSrkwNQPeWhFIEFOmJHt2MH26AInikOmgsk1OjEfnpukUkSPmdaisJInRuI-Ihpi1heyMQiuKPhIKqoPi3js9z61g-4XcwPGk6RPlx8CO6AtS23-fbyB09ELZtPoI3jCpkYLp7xvApqt/s400/thefirstcode1.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;h3&gt;完整的程式列表於下: 以方便對照底下的說明&lt;/h3&gt;&lt;div class=&quot;mxml&quot; style=&quot;font-family:monospace;color: #006; border: 1px solid #d0d0d0; background-color: #f0f0f0;&quot;&gt;&lt;ol&gt;&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&amp;lt;?xml version=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;1.0&amp;quot;&lt;/span&gt; encoding=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;utf-8&amp;quot;&lt;/span&gt;?&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:Application&lt;/span&gt; xmlns:fx=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;http://ns.adobe.com/mxml/2009&amp;quot;&lt;/span&gt; &lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;xmlns:s=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;library://ns.adobe.com/flex/spark&amp;quot;&lt;/span&gt; &lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;xmlns:mx=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;library://ns.adobe.com/flex/mx&amp;quot;&lt;/span&gt; minWidth=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;955&amp;quot;&lt;/span&gt; minHeight=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;600&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: bold; vertical-align:top;font-weight: bold; color: #006060;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;fx:Declarations&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #808080; font-style: italic;&quot;&gt;&amp;lt;!-- Place non-visual elements (e.g., services, value objects) here --&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;/fx:Declarations&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;/s:Application&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;&lt;h2&gt;先看第一行&lt;/h2&gt;&lt;h3&gt;這一行很簡短的,只是指明了這個XML檔案要使用UTF-8 的編碼(這種編碼方式適用於雙字組的中日韓等語系&lt;/H3&gt;&lt;div class=&quot;mxml&quot; style=&quot;font-family:monospace;color: #006; border: 1px solid #d0d0d0; background-color: #f0f0f0;&quot;&gt;&lt;ol&gt;&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&amp;lt;?xml version=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;1.0&amp;quot;&lt;/span&gt; encoding=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;utf-8&amp;quot;&lt;/span&gt;?&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;&lt;h2&gt;再來看2,3,4行&lt;/H2&gt;&lt;div class=&quot;mxml&quot; style=&quot;font-family:monospace;color: #006; border: 1px solid #d0d0d0; background-color: #f0f0f0;&quot;&gt;&lt;ol&gt;&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;s:Application&lt;/span&gt; xmlns:fx=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;http://ns.adobe.com/mxml/2009&amp;quot;&lt;/span&gt; &lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;xmlns:s=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;library://ns.adobe.com/flex/spark&amp;quot;&lt;/span&gt; &lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;xmlns:mx=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;library://ns.adobe.com/flex/mx&amp;quot;&lt;/span&gt; minWidth=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;955&amp;quot;&lt;/span&gt; minHeight=&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;600&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;&lt;h3&gt;這幾行是用來告訴FlashBuilder 使用了那些XML的命名空間,命名空間的意謂者用來宣告FLASH Builder 去那兒取得這些類別庫,及提供類別的參照好提供程式使用&lt;/H3&gt;&lt;h4&gt;這兒列出了三個命名空間&lt;br /&gt;
1. xmlns:fx 這一個是提供Flex 的語言標籤&lt;br /&gt;
2.xmlns:s  是提供了spark 組件的類別庫標籤&lt;br /&gt;
3.xmlns:mx 則是提供了mx組件的類別庫標籤,在這兒同時提供了minWidth=&quot;955&quot; minHeight=&quot;600&quot; 設定了應用程式最小的寬度及最小的高度&lt;br /&gt;
&lt;/h4&gt;&lt;h3&gt;除了第三個xmlns:mx 命名空間需設定後面尾隨的參數, 一般前面那個只要有宣告就行&lt;br /&gt;
程式的內容通常是包含在上段的命名空間s:Application ... 一直到 底下的應用程式結束標籤前.&lt;/h3&gt;&lt;div class=&quot;mxml&quot; style=&quot;font-family:monospace;color: #006; border: 1px solid #d0d0d0; background-color: #f0f0f0;&quot;&gt;&lt;ol&gt;&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;/s:Application&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;&lt;h3&gt;好像漏了中間的這幾行,這第5,6,7 行的程式是用來放置.非視覺元件的. 日後會慢慢明白視覺元件與非視覺元件的差異&lt;/h3&gt;&lt;br /&gt;
&lt;div class=&quot;mxml&quot; style=&quot;font-family:monospace;color: #006; border: 1px solid #d0d0d0; background-color: #f0f0f0;&quot;&gt;&lt;ol&gt;&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;fx:Declarations&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #808080; font-style: italic;&quot;&gt;&amp;lt;!-- Place non-visual elements (e.g., services, value objects) here --&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li style=&quot;font-weight: normal; vertical-align:top;font: normal normal 130% &#39;Courier New&#39;, Courier, monospace; color: #003030;&quot;&gt;&lt;div style=&quot;font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;color: #000020;&quot;&gt;&amp;nbsp; &amp;nbsp; &lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;lt;/fx:Declarations&lt;/span&gt;&lt;span style=&quot;color: #7400FF;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;&lt;h3&gt;看到這裡對上述的程式應該大概知道做什麼用途了,附註一點多利用維基百科,有關不懂的術語在那幾乎可以找到全部詳盡的解說&lt;/h3&gt;&lt;h4&gt;接下來請看 &lt;a href=&quot;http://dailylearningofcomputer.blogspot.com/2011/01/flash-builder-4-compare-with.html&quot;&gt;Flash Builder 4初探系列其之三&lt;/a&gt;&lt;/h4&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/7613074716764814159'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/7613074716764814159'/><link rel='alternate' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2011/01/flash-builder-4_04.html' title='Flash Builder 4 教學 : 初探系列其之二.最初預設的程式解說'/><author><name>Daily Learning Of Computer</name><uri>http://www.blogger.com/profile/05443998150426478617</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhasSrkwNQPeWhFIEFOmJHt2MH26AInikOmgsk1OjEfnpukUkSPmdaisJInRuI-Ihpi1heyMQiuKPhIKqoPi3js9z61g-4XcwPGk6RPlx8CO6AtS23-fbyB09ELZtPoI3jCpkYLp7xvApqt/s72-c/thefirstcode1.png" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-7826901451578940077.post-2848380124623328748</id><published>2011-01-05T08:59:00.000+08:00</published><updated>2011-01-06T11:06:16.718+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Flash Builer 4"/><title type='text'>Flash Builder 4 教學 : 初探系列其之一.建立新專案</title><content type='html'>&lt;h1&gt;在完成了Flash Builder 4.0 的預設安裝後,接下來試著來建立第一個程式專案吧&lt;/h1&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;剛啟動完成,沒有例外的話會看到底下光禿禿的Flash Builder 4.0 的畫面&lt;/h2&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRqP2afvjnj_OO1viIWYCHmu1zhi09OZuxrWfgl1eSTTeDnpT3jciL6o6I-zNwMZQx7cT4zVviZs3NaLjco_dhJnKaRI9g4yyiFXOfe_mNahCxs9tO94gm_660kqIb2ledCzfnkPy6orWQ/s1600/first1.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;284&quot; width=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRqP2afvjnj_OO1viIWYCHmu1zhi09OZuxrWfgl1eSTTeDnpT3jciL6o6I-zNwMZQx7cT4zVviZs3NaLjco_dhJnKaRI9g4yyiFXOfe_mNahCxs9tO94gm_660kqIb2ledCzfnkPy6orWQ/s400/first1.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;底下的圖片說明了.如何新建一個專案,再來請按圖操課試著建立新的專案&lt;/h2&gt;&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5S6ULbuV_LWJlDem_YTxF7gH71PGtDMCM32mVlhd0cb7fK5ujLtXWu8sINqeN7UcgnwMl2hQzygYMZXtvQHUmIuYMqAYQUXoJBAmtwQseRBhFWeMs4q6GLVKVapQnLnUSKl9ce6IAKkZU/s1600/first2.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;325&quot; width=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5S6ULbuV_LWJlDem_YTxF7gH71PGtDMCM32mVlhd0cb7fK5ujLtXWu8sINqeN7UcgnwMl2hQzygYMZXtvQHUmIuYMqAYQUXoJBAmtwQseRBhFWeMs4q6GLVKVapQnLnUSKl9ce6IAKkZU/s400/first2.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;h3&gt;接下來在這畫面停一下,這是未設定程式名稱/專案路徑名稱時的樣子&lt;/h3&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhEcOz4U88BhHaW6bnRfdpH8l1KPCesQ-69O61F95w0lT4xfOZY-mKehXFvrHQSuWRznwc1D_-i_I9JISHdfdHBuCKniDWE9eHUv0CrxHuGfKckXX2DCK4YUceKn2FuujtOcE-QCOVVEid/s1600/first3.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;400&quot; width=&quot;387&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhEcOz4U88BhHaW6bnRfdpH8l1KPCesQ-69O61F95w0lT4xfOZY-mKehXFvrHQSuWRznwc1D_-i_I9JISHdfdHBuCKniDWE9eHUv0CrxHuGfKckXX2DCK4YUceKn2FuujtOcE-QCOVVEid/s400/first3.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;h3&gt;為了便利日的探討,請按下圖設置,當然你也可以改變名稱或專案的儲存路徑&lt;/h3&gt;&lt;h4&gt;請養成習慣,一般而言嚴謹的程式設計是英文大小寫有別的,所以請一字不差的輸入吧免得發生不必要的錯誤&lt;/h4&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiruqPZfDgj85CSsI4De62HBXiETRBNgfo4dgpxDObJr3tjbZKYUfyJWP2ogPxEj19DZVVnm0EGZh2Hh1HRhaPWzr-CoxEA04rzqYYrsStSqIxGstJ68xEWEKhETczUbqnrB09luRzT1zYq/s1600/first4.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;400&quot; width=&quot;388&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiruqPZfDgj85CSsI4De62HBXiETRBNgfo4dgpxDObJr3tjbZKYUfyJWP2ogPxEj19DZVVnm0EGZh2Hh1HRhaPWzr-CoxEA04rzqYYrsStSqIxGstJ68xEWEKhETczUbqnrB09luRzT1zYq/s400/first4.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;h3&gt;步驟5: 按預設值不任何更動,點擊next 進行下一步&lt;/h3&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpkhImbEv4Q9qeqwIFfwYc03oyAhSbacwTyiOvPvKioa1TE89eteTzv7duCXG4enb44MIlOzTKbLyFrs3dgz2SvQ5415mQc35Pc6O7jCeNgeslIympv3qR-WJVNMfu7-GXJIXnH-d27Fdm/s1600/first5.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;400&quot; width=&quot;387&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpkhImbEv4Q9qeqwIFfwYc03oyAhSbacwTyiOvPvKioa1TE89eteTzv7duCXG4enb44MIlOzTKbLyFrs3dgz2SvQ5415mQc35Pc6O7jCeNgeslIympv3qR-WJVNMfu7-GXJIXnH-d27Fdm/s400/first5.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;h3&gt;步驟6: 按預設值不任何更動,點擊Finish 進行下一步&lt;/h3&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2rGWmT4jUFU8H9oBsJFMzSkYVhmXeGKik5QLOeyRjsBXLS6gTGrjiZELr1JXCGfuadnZejvXuVHbBZzc_lk4cpXL6ealVpCK_NLDxvU_Aj82Cvi21xk0siXodvVC7ZtZal3hM7n5_Xaxi/s1600/first6.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;400&quot; width=&quot;347&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2rGWmT4jUFU8H9oBsJFMzSkYVhmXeGKik5QLOeyRjsBXLS6gTGrjiZELr1JXCGfuadnZejvXuVHbBZzc_lk4cpXL6ealVpCK_NLDxvU_Aj82Cvi21xk0siXodvVC7ZtZal3hM7n5_Xaxi/s400/first6.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;步驟7:當你正確無誤看到底下的程式畫面時,恭喜你已經可已經走上程式設計的不歸路了&lt;/h3&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi7ulu88I1ZRcJ5oUs9h43snAyLk2bKZ-0RRmWiJlElOe0E5_0BKsmlHdLAIeQ9guFOIveZjYVjsEa7bkqRFoT_IQIaJ7WGBMBD-rLfAj1jXy73b050GFt3FdGonnTm2ZHojI8LzFrMZKU/s1600/first7.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;256&quot; width=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi7ulu88I1ZRcJ5oUs9h43snAyLk2bKZ-0RRmWiJlElOe0E5_0BKsmlHdLAIeQ9guFOIveZjYVjsEa7bkqRFoT_IQIaJ7WGBMBD-rLfAj1jXy73b050GFt3FdGonnTm2ZHojI8LzFrMZKU/s400/first7.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;h4&gt;接下來請看下一篇 :&lt;a href=&quot;http://dailylearningofcomputer.blogspot.com/2011/01/flash-builder-4_04.html&quot;&gt;Flash Builder 4 初探系列其之二&lt;/a&gt;&lt;/h4&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/2848380124623328748'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/2848380124623328748'/><link rel='alternate' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2011/01/flash-builder-4.html' title='Flash Builder 4 教學 : 初探系列其之一.建立新專案'/><author><name>Daily Learning Of Computer</name><uri>http://www.blogger.com/profile/05443998150426478617</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRqP2afvjnj_OO1viIWYCHmu1zhi09OZuxrWfgl1eSTTeDnpT3jciL6o6I-zNwMZQx7cT4zVviZs3NaLjco_dhJnKaRI9g4yyiFXOfe_mNahCxs9tO94gm_660kqIb2ledCzfnkPy6orWQ/s72-c/first1.png" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-7826901451578940077.post-1201807201674366837</id><published>2011-01-04T16:37:00.000+08:00</published><updated>2011-01-06T11:06:37.219+08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Flash Builer 4"/><title type='text'>Flash Builder 4 教學 : 初探系列其之三. 設置Compare with LocalHistroy</title><content type='html'>&lt;h1&gt;在Flash Builder 4 編寫程式時,可以按下滑鼠右鍵如下圖,再執行Compare with 的子選項,再選擇LocalHistory 來對稍早之前撰寫的程式來進行比較&lt;/h1&gt;&lt;br /&gt;
&lt;br /&gt;
圖1-1&lt;br /&gt;
&lt;a onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBWhOgNmoCTgft_QU0y8Smzt54UXF2GmguCB1zfkfoCxnotpgkDFqcwrRnYKFSqTj_aYL0yJfQyN1UkLbqUavLex6qsIAdQ9u2-4M5el8MElVbtV3KmHpaIjcTr20l9LhK3idxhpVNRMk/s1600/compare_with_LocalHistory1.png&quot;&gt;&lt;img style=&quot;display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 355px;&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBWhOgNmoCTgft_QU0y8Smzt54UXF2GmguCB1zfkfoCxnotpgkDFqcwrRnYKFSqTj_aYL0yJfQyN1UkLbqUavLex6qsIAdQ9u2-4M5el8MElVbtV3KmHpaIjcTr20l9LhK3idxhpVNRMk/s400/compare_with_LocalHistory1.png&quot; border=&quot;0&quot; alt=&quot;&quot;id=&quot;BLOGGER_PHOTO_ID_5558248318612274530&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
圖1-2&lt;br /&gt;
&lt;a onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx8ppRuRO01WR4xAxahoMbg9h7E_nbazYhrerXSWQnvMOwIlMYWob1oLZCoIVU84YhpAOxhRDEX0eltCtjGxo9jz5zOGUrO-40ypAkgoT9Ea0CWD2IRfeckfR-yo8KAK3su-2gshjeCfE/s1600/compare_with_LocalHistory2.png&quot;&gt;&lt;img style=&quot;display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 238px;&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx8ppRuRO01WR4xAxahoMbg9h7E_nbazYhrerXSWQnvMOwIlMYWob1oLZCoIVU84YhpAOxhRDEX0eltCtjGxo9jz5zOGUrO-40ypAkgoT9Ea0CWD2IRfeckfR-yo8KAK3su-2gshjeCfE/s400/compare_with_LocalHistory2.png&quot; border=&quot;0&quot; alt=&quot;&quot;id=&quot;BLOGGER_PHOTO_ID_5558248613260582914&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;在Flash Builder 4 的選項中,可以設定 Local  History 的選項&lt;/h2&gt;&lt;br /&gt;
&lt;br /&gt;
圖1-3&lt;br /&gt;
&lt;br /&gt;
&lt;a onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8XWMQpSOv04dMNwGuw0Aw5G_9R4BhkjCndSiKPob1QHEU_WRZGpM9bg9Gx1P__uTtz1m9yhQ1x8ZAGfynKhENpJA-JrMcO-7BYhoy1h6ROxfgUJ_AFbHCt-7OzQFKZ3TaoQBUq0OR6pI/s1600/setup_compare_with_LocalHistory3.png&quot;&gt;&lt;img style=&quot;display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 380px; height: 400px;&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8XWMQpSOv04dMNwGuw0Aw5G_9R4BhkjCndSiKPob1QHEU_WRZGpM9bg9Gx1P__uTtz1m9yhQ1x8ZAGfynKhENpJA-JrMcO-7BYhoy1h6ROxfgUJ_AFbHCt-7OzQFKZ3TaoQBUq0OR6pI/s400/setup_compare_with_LocalHistory3.png&quot; border=&quot;0&quot; alt=&quot;&quot;id=&quot;BLOGGER_PHOTO_ID_5558250512532603218&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;一般在儲存程式時,Flash Builder 會自動撿查程式有無錯誤,若是一些顯而易見的錯誤則會以紅色的x圖示來表示&lt;/h2&gt;&lt;br /&gt;
&lt;br /&gt;
如下圖所示&lt;br /&gt;
圖2-1&lt;br /&gt;
&lt;a onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfhOLSnpr6W00MUoiMNVhPBNZh2vmQtfXHlXgFnVxceAl0QHJb5GbeF2ZwmHgkYCuXTcJ11jLYvdIN67nJKrY-_YWTyrbHdho7FG6eCTcR3Bb3tuCMxMYPSpTD8G8YHFboIDZ5Xig6zMM/s1600/error_detect.png&quot;&gt;&lt;img style=&quot;display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 135px;&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfhOLSnpr6W00MUoiMNVhPBNZh2vmQtfXHlXgFnVxceAl0QHJb5GbeF2ZwmHgkYCuXTcJ11jLYvdIN67nJKrY-_YWTyrbHdho7FG6eCTcR3Bb3tuCMxMYPSpTD8G8YHFboIDZ5Xig6zMM/s400/error_detect.png&quot; border=&quot;0&quot; alt=&quot;&quot;id=&quot;BLOGGER_PHOTO_ID_5558249311924632498&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
只要將滑鼠移至紅色錯誤圖示那兒懸停,就會出現程式錯誤的相關提示:&lt;br /&gt;
&lt;br /&gt;
承上例,這是很簡單又顯而易見的錯誤卻也是初學者最常犯的錯誤,不外乎是拼錯字或是少打了標記結尾符號.&lt;br /&gt;
在Flash Builder 裡,大部份的MXML標籤指令都是成對出現的. 這點需留心注意&lt;br /&gt;
&lt;br /&gt;
也可以在Flash Builder 4 左下角的Problems 查看錯誤發生的原因,搞清楚錯誤怎麼發生的也很重要&lt;br /&gt;
&lt;br /&gt;
&lt;a onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcUaSTz9deCpgNVkBszw_ACDIQ7dhjS7Ai04RMOQmvOjKt5tK5ibdD5tpL6yMOW3ZTTv6XO370_qVpV0Fk1Waz5GX3XZsD-UPxnGfYh0tFBiy9QgPHl1zD4JEtrqwwRrGlb-Lx8iKlk-Y/s1600/error_detect1.png&quot;&gt;&lt;img style=&quot;display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 72px;&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcUaSTz9deCpgNVkBszw_ACDIQ7dhjS7Ai04RMOQmvOjKt5tK5ibdD5tpL6yMOW3ZTTv6XO370_qVpV0Fk1Waz5GX3XZsD-UPxnGfYh0tFBiy9QgPHl1zD4JEtrqwwRrGlb-Lx8iKlk-Y/s400/error_detect1.png&quot; border=&quot;0&quot; alt=&quot;&quot;id=&quot;BLOGGER_PHOTO_ID_5558253120581438514&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
以上圖所示的錯誤訊息(Could not resolve &lt;s:Labl&gt; to a component implementation. )&lt;br /&gt;
這個錯誤很容易明白,它是指程式無法找到&lt;s:labl&gt; 組件來執行. 仔細看一下其實也就是錯把&lt;s:label&gt; 打成 &lt;s:labl&gt; 罷了&lt;br /&gt;
&lt;br /&gt;
有點必需注意! MXML 並不是每個標籤都是成對出現,也是可以簡化的 例如&lt;s:label&gt; 就可以用簡單的標籤結束符號替換之.&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;http://dailylearningofcomputer.blogspot.com/2011/01/flash-builder-4_05.html&quot;&gt;Flash Builder 4 初探系列其之四&lt;/a&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/1201807201674366837'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/1201807201674366837'/><link rel='alternate' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2011/01/flash-builder-4-compare-with.html' title='Flash Builder 4 教學 : 初探系列其之三. 設置Compare with LocalHistroy'/><author><name>yitafan</name><uri>http://www.blogger.com/profile/12612143853318499069</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBWhOgNmoCTgft_QU0y8Smzt54UXF2GmguCB1zfkfoCxnotpgkDFqcwrRnYKFSqTj_aYL0yJfQyN1UkLbqUavLex6qsIAdQ9u2-4M5el8MElVbtV3KmHpaIjcTr20l9LhK3idxhpVNRMk/s72-c/compare_with_LocalHistory1.png" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-7826901451578940077.post-4197444500005595629</id><published>2010-12-31T17:06:00.000+08:00</published><updated>2010-12-31T18:22:00.596+08:00</updated><title type='text'>SQuirreL SQL Client 資料庫管理工具與 Apache Derby 安裝及使用</title><content type='html'>&lt;h1&gt;SQuirrel SQL Client 是一個開放原始碼社群的作品,主要的功能是資料庫管理工具可以搭配本篇的主題Apache Derby 一起使用&lt;/h1&gt;&lt;br /&gt;
&lt;h2&gt;目前的版次是  SQuirreL SQL Client, Version 3.2,底下會列出安裝所需的相關軟體&lt;/h2&gt;&lt;h3&gt;功能簡介&lt;/H3&gt;&lt;h4&gt;SQuirreL SQL Client is a useful tool for browsing and manipulating SQL databases via JDBC. This paper discusses setting up SQuirreL to access Derby databases via the Derby Embedded Driver and Client Drivers with the 10.1 version of Derby.&lt;br /&gt;
&lt;br /&gt;
Some of the features of SQuirreL that are discussed in relation to working with Derby databases are:&lt;br /&gt;
&lt;br /&gt;
* Configuring the SQuirreL Drivers window to use the Derby JDBC drivers&lt;br /&gt;
* Creating aliases to new or existing Derby databases&lt;br /&gt;
* Executing, editing and running SQL scripts and commands&lt;br /&gt;
* Browsing the objects in a database using the session window&lt;br /&gt;
* Extracting and loading data to and from a Derby table via a local file&lt;br /&gt;
* Generating DDL&lt;br /&gt;
* Dropping tables&lt;br /&gt;
&lt;/H4&gt;這兒列出的相關軟體安裝必需注意到的版本對應&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;section&quot;&gt;&lt;p&gt;Download and install the following software to use SQuirreL SQL Client with Derby:&lt;br /&gt;
&lt;/p&gt;&lt;table cellspacing=&quot;1&quot; cellpadding=&quot;4&quot; class=&quot;ForrestTable&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;  &lt;th rowspan=&quot;1&quot; colspan=&quot;1&quot;&gt;Software&lt;/th&gt; &lt;th rowspan=&quot;1&quot; colspan=&quot;1&quot;&gt;Minimum Release Level Required&lt;/th&gt; &lt;th rowspan=&quot;1&quot; colspan=&quot;1&quot;&gt;Release Used in this Example&lt;/th&gt; &lt;th rowspan=&quot;1&quot; colspan=&quot;1&quot;&gt;Download Location&lt;/th&gt;  &lt;/tr&gt;
&lt;tr&gt;  &lt;td rowspan=&quot;1&quot; colspan=&quot;1&quot;&gt;Java JRE or JDK or SDK&lt;/td&gt;  &lt;td rowspan=&quot;1&quot; colspan=&quot;1&quot;&gt;1.4.x&lt;/td&gt; &lt;td rowspan=&quot;1&quot; colspan=&quot;1&quot;&gt;1.5.x&lt;/td&gt; &lt;td rowspan=&quot;1&quot; colspan=&quot;1&quot;&gt;Any J2SE-compliant JVM, Java&#39;s reference implementation is at &lt;a href=&quot;http://java.sun.com/javase/&quot; class=&quot;external&quot;&gt;http://java.sun.com/javase/&lt;/a&gt;&lt;/td&gt;  &lt;/tr&gt;
&lt;tr&gt;  &lt;td rowspan=&quot;1&quot; colspan=&quot;1&quot;&gt;SQuirreL SQL Client&lt;/td&gt; &lt;td rowspan=&quot;1&quot; colspan=&quot;1&quot;&gt;Version 2.0&lt;/td&gt;  &lt;td rowspan=&quot;1&quot; colspan=&quot;1&quot;&gt;Version 2.2 Final&lt;/td&gt; &lt;td rowspan=&quot;1&quot; colspan=&quot;1&quot;&gt;&lt;a href=&quot;http://www.squirrelsql.org/#installation&quot; class=&quot;external&quot;&gt;SQuirreL SQL Client, Version 2.2 Final&lt;/a&gt;&lt;/td&gt;  &lt;/tr&gt;
&lt;tr&gt;  &lt;td rowspan=&quot;1&quot; colspan=&quot;1&quot;&gt;Apache Derby&lt;/td&gt; &lt;td rowspan=&quot;1&quot; colspan=&quot;1&quot;&gt;Version 10.1.x&lt;/td&gt;  &lt;td rowspan=&quot;1&quot; colspan=&quot;1&quot;&gt;Version 10.1.3&lt;/td&gt; &lt;td rowspan=&quot;1&quot; colspan=&quot;1&quot;&gt;&lt;a href=&quot;http://db.apache.org/derby/derby_downloads.html#Latest+Official+Release&quot;&gt;Apache Derby, Version 10.1&lt;/a&gt;&lt;/td&gt;  &lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;Additionally, if you would like to follow some of the examples for&lt;br /&gt;
creating tables and loading data, download the file, &lt;a href=&quot;../binaries/squirrel_derby.zip&quot;&gt;squirrel_derby.zip&lt;/a&gt;.&lt;br /&gt;
&lt;/p&gt;&lt;p&gt;在下載完成後,跟隨底下的安裝指引網頁說明,&lt;br /&gt;
&lt;a href=&quot;http://www.squirrelsql.org/#installation&quot; class=&quot;external&quot;&gt;squirrel.org/#installation&lt;/a&gt;, &lt;br /&gt;
關於如何安裝 SQuirreL ,在我的系統上我使用底下的這行命令來執行 jar 檔案啟動安裝導引精靈: &lt;br /&gt;
&lt;/p&gt;&lt;p class=&quot;code-block&quot;&gt;java -jar squirrel-sql-3.2.0-install.jar &lt;br /&gt;
&lt;/p&gt;&lt;p&gt;The wizard lets you choose the location where you wish to install SQuirreL,&lt;br /&gt;
as well as which plugins you would like to install. I selected the Standard&lt;br /&gt;
plugins because this paper will make use of the SQL Scripts standard plugin.&lt;br /&gt;
Note that some of the Optional Plugins are considered Beta quality. After the&lt;br /&gt;
installation is complete go to the directory where you installed SQuirreL and&lt;br /&gt;
launch (or double-click on Windows) the squirrel-sql.bat file, or the squirrel-sql.sh file on Linux.&lt;br /&gt;
&lt;/p&gt;&lt;/div&gt;&lt;br /&gt;
請利用底下的SQuirrel SQL Client 官方下載連結來下載安裝&lt;br /&gt;
&lt;a href=&quot;http://www.squirrelsql.org/#installation&quot;&gt;http://www.squirrelsql.org/#installation&lt;/a&gt;&lt;br /&gt;
接下來您若碰到底下的錯誤訊息,恭喜您..您沒有設定好JAVA環境必要的設置&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOSIwauxRTON-maIvs2-NoXGH2ZfILxIg3qa4X8g2vZwxF2I7KsIcDGMqOcJ4b131BGzDaOxKMYjOaw2nfH1xbkEGEzrNhxvDvOeCbZdX18W9naKlGneCi-TE6cbpHTTc7HywaIOaN4XPH/s1600/SQLINST_ERROR1.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;57&quot; width=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOSIwauxRTON-maIvs2-NoXGH2ZfILxIg3qa4X8g2vZwxF2I7KsIcDGMqOcJ4b131BGzDaOxKMYjOaw2nfH1xbkEGEzrNhxvDvOeCbZdX18W9naKlGneCi-TE6cbpHTTc7HywaIOaN4XPH/s400/SQLINST_ERROR1.png&quot; /&gt;找不到JAVA及相關的Classes&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
接下來請按底下的畫面進行設置.&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvzyRaj2-zw9-KUc-GxG37NMrZfi6CLY9X3B9xbl_5KwrcTTTvcCaNOH1y4VBiHMHy48nyrd9MDgh5J0H1pmES0bzuowzhQl1yOJLLOZblovAhpbOVy8h1T0hvv3ZdJQx4N_DijZco4zy4/s1600/sqlinst2.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;400&quot; width=&quot;383&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvzyRaj2-zw9-KUc-GxG37NMrZfi6CLY9X3B9xbl_5KwrcTTTvcCaNOH1y4VBiHMHy48nyrd9MDgh5J0H1pmES0bzuowzhQl1yOJLLOZblovAhpbOVy8h1T0hvv3ZdJQx4N_DijZco4zy4/s400/sqlinst2.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
首先先請您設置JAVA HOME系統變數,請依您所安裝的JDK版本安裝目錄予以調整&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUEJyrXZFwrIM-sS8A6UoiuYvNlGNipy9OUDc-RQ9ScDMWtNxH4TyZlruZht-0JUZOIhrRdtEw3lPCAEV6HWPciu7003bgz-9YpWPZi2B8YR20EDP7pJ033qM3MxCnuUYt_4QGkbknACOl/s1600/%25E8%25A8%25AD%25E7%25BD%25AEJAVA_HOME.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;400&quot; width=&quot;323&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUEJyrXZFwrIM-sS8A6UoiuYvNlGNipy9OUDc-RQ9ScDMWtNxH4TyZlruZht-0JUZOIhrRdtEw3lPCAEV6HWPciu7003bgz-9YpWPZi2B8YR20EDP7pJ033qM3MxCnuUYt_4QGkbknACOl/s400/%25E8%25A8%25AD%25E7%25BD%25AEJAVA_HOME.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
再來請您設置 JAVA PTAH 系統變數.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-xiZEpKzGHecYmItI0N_w5jO8u0g0OClcgTvt49L3xBvWO9V0lv16qXbLKvOx5XE-mntPPkicatZWdP4ROJmWJJs1-x4nzD8Z7-OWY90LPKvHIUlW6mzq3jl6paOYiugqHFui6NMQIoQO/s1600/%25E8%25A8%25AD%25E7%25BD%25AEJAVA.PATH%25E7%25B3%25BB%25E7%25B5%25B1%25E8%25AE%258A%25E6%2595%25B8.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;400&quot; width=&quot;329&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-xiZEpKzGHecYmItI0N_w5jO8u0g0OClcgTvt49L3xBvWO9V0lv16qXbLKvOx5XE-mntPPkicatZWdP4ROJmWJJs1-x4nzD8Z7-OWY90LPKvHIUlW6mzq3jl6paOYiugqHFui6NMQIoQO/s400/%25E8%25A8%25AD%25E7%25BD%25AEJAVA.PATH%25E7%25B3%25BB%25E7%25B5%25B1%25E8%25AE%258A%25E6%2595%25B8.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
再請您設置 JAVA ClassesPatch&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMANheOTFS4O7iYA_3EM3cBZgyrAJg196XLvbMYbrmmZsAmeGYFI745DZuzSNui0M68tJlb_D1-BV0-FNI8enLFINoHoIjPePhw9EqXcFlTjxRGdsuRZFbUVdtL826ot0R1mmTUGbJA7oA/s1600/%25E8%25A8%25AD%25E7%25BD%25AEJAVA_CLASSES_PATCH%25E7%25B3%25BB%25E7%25B5%25B1%25E8%25AE%258A%25E6%2595%25B8.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;400&quot; width=&quot;325&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMANheOTFS4O7iYA_3EM3cBZgyrAJg196XLvbMYbrmmZsAmeGYFI745DZuzSNui0M68tJlb_D1-BV0-FNI8enLFINoHoIjPePhw9EqXcFlTjxRGdsuRZFbUVdtL826ot0R1mmTUGbJA7oA/s400/%25E8%25A8%25AD%25E7%25BD%25AEJAVA_CLASSES_PATCH%25E7%25B3%25BB%25E7%25B5%25B1%25E8%25AE%258A%25E6%2595%25B8.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
再來請您設定使用者Path變數&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNr_TMkoyXLC8r5Mdy1NDv4tdx4rYMhieS4bP89_ow0LkKZztPKwuTA3pc8nIt4gEx0e5iAiBXt48n-0xL2zQotEmtba8FZbKEitwFWdSRF4wLsctto56lrvrdVYiDy0kxEfsTRoSaR5r8/s1600/%25E8%25A8%25AD%25E7%25BD%25AE%25E4%25BD%25BF%25E7%2594%25A8%25E8%2580%2585PATH%25E8%25AE%258A%25E6%2595%25B8.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;400&quot; width=&quot;322&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNr_TMkoyXLC8r5Mdy1NDv4tdx4rYMhieS4bP89_ow0LkKZztPKwuTA3pc8nIt4gEx0e5iAiBXt48n-0xL2zQotEmtba8FZbKEitwFWdSRF4wLsctto56lrvrdVYiDy0kxEfsTRoSaR5r8/s400/%25E8%25A8%25AD%25E7%25BD%25AE%25E4%25BD%25BF%25E7%2594%25A8%25E8%2580%2585PATH%25E8%25AE%258A%25E6%2595%25B8.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
接下來回到最初的安裝指令:&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhXOSmqHBIbfmCMJkQMsKtjF3SqlptU3g1HahyV3orvZWWCZwq93rF6G6rIxW9YVvJw0WUjLgO2pNQvLruqfaINVUqW2JmN-kByhn7ZKP-o9YwqVAbxcXcOIM9godaStLT8QkEf0T8Itvy/s1600/sqlinst1.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;32&quot; width=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhXOSmqHBIbfmCMJkQMsKtjF3SqlptU3g1HahyV3orvZWWCZwq93rF6G6rIxW9YVvJw0WUjLgO2pNQvLruqfaINVUqW2JmN-kByhn7ZKP-o9YwqVAbxcXcOIM9godaStLT8QkEf0T8Itvy/s400/sqlinst1.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/4197444500005595629'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/4197444500005595629'/><link rel='alternate' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2010/12/squirrel-sql-client-apache-derby.html' title='SQuirreL SQL Client 資料庫管理工具與 Apache Derby 安裝及使用'/><author><name>Daily Learning Of Computer</name><uri>http://www.blogger.com/profile/05443998150426478617</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOSIwauxRTON-maIvs2-NoXGH2ZfILxIg3qa4X8g2vZwxF2I7KsIcDGMqOcJ4b131BGzDaOxKMYjOaw2nfH1xbkEGEzrNhxvDvOeCbZdX18W9naKlGneCi-TE6cbpHTTc7HywaIOaN4XPH/s72-c/SQLINST_ERROR1.png" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-7826901451578940077.post-6176825423931749397</id><published>2010-12-24T10:52:00.000+08:00</published><updated>2011-01-20T11:42:08.200+08:00</updated><title type='text'>免費英文聽力課程暨同打造免費英文聽力環境因應教育部鼓勵國中,小加考英文聽力測驗</title><content type='html'>&lt;h1&gt;教育部鼓勵國中、小加考英文聽力測驗預計100年1月上路,各位親愛的家長您可準備好相關的應因措施?&lt;/h1&gt;&lt;br /&gt;
&lt;h2&gt;也許送補習班是一種方式加強英文聽力,可是質與量是否足夠? 當然荷包不免大失血在什麼都漲就是薪水沒漲的時代,這真是雪上加霜!那麼家長們該如何自救呢? 讓我為您介紹如何打造免費的英文聽力環境&lt;/h2&gt;&lt;br /&gt;
&lt;h3&gt;如何為孩子打造英文聽力環境? 簡約來說建議您從日常生活去做調整改變,相信很多的小朋友都喜歡玩遊戲而大部份玩的不外乎是中文遊戲,然而這種遊戲玩再多對小朋友的英文無任何的助益甚至影向正常的課業,如果真要玩就讓他們玩英文遊戲,寓教於樂一舉雙得.&lt;/h3&gt;&lt;br /&gt;
&lt;h3&gt;回歸正題, 各位家長還記得最初父母教我們牙牙學語時,我們都是一直聽父母說.在父母的諄諄教導中慢慢的我們聽多了才學會說!以至於後來去上幼稚園去上國中小學以至於大學.. 學習母語及中文,可有誰去背過中文單字,句子?! 一切都是那麼自然的循序漸進.&lt;/h3&gt;&lt;br /&gt;
&lt;h3&gt;學習英文又怎麼會停留在背單字背片語這樣的方式及觀念? 因此由此可證任何第二語言的學習,勢必從聽力開始著手才會自然學會它,並應用它.,至於英文單字及片語在你聽力提昇之際也就慢慢的累積不少單字及片語的應用了,然更進階的就要再去加強&lt;/h3&gt;&lt;br /&gt;
&lt;p&gt;英文聽力的免費訓練教材只要你能上網下載,隨手可得只要搭配適當的程式,在這裡我以APPLE 電腦公司推&lt;br /&gt;
出的Itunes 做為舉例說明,該軟體支援一種名為podcast 的技術.&lt;br /&gt;
&lt;br /&gt;
請按底下的連結,連到apple的官方網站去下載 Itunes 目前的版本是 10.1.1分別有32 及 64位元的版本,如果你的電腦裝的作業系&lt;br /&gt;
統是Windows 7 64位元,那麼就下載64位元的版本,反之 如果你不清楚你作業系統的版本也無妨,那就直接如下圖所示下載 32位元的版本吧&lt;br /&gt;
&lt;a href=&quot;http://www.apple.com/itunes/download/&quot;&gt;http://www.apple.com/itunes/download&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9-CSkmehlcqRbfUM8gqjVaXwj7DgJfi28VCU8615BdenXGm7aahXHALkOrHpdrvMPxTDfGWo2A5g5QVLqUylSKG3zjLPLuai3MynwzpwjPd3r_NwYpvvk4dh6xbSr72fGfKPQ8JBGwmyc/s1600/download_itunes.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;347&quot; width=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9-CSkmehlcqRbfUM8gqjVaXwj7DgJfi28VCU8615BdenXGm7aahXHALkOrHpdrvMPxTDfGWo2A5g5QVLqUylSKG3zjLPLuai3MynwzpwjPd3r_NwYpvvk4dh6xbSr72fGfKPQ8JBGwmyc/s400/download_itunes.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
安裝的部份大都是按下一步下一步就完成了,如果你安裝確實碰到了問題,可以留言給我,我再補上安裝教學的圖片&lt;br /&gt;
&lt;br /&gt;
安裝好之後&lt;br /&gt;
&lt;br /&gt;
接下來就是到適當的網站下載支援podcast 技術的英文教學資源. 底下是該網站的連結&lt;br /&gt;
&lt;a href=&quot;http://www.eslpod.com/website/index_new.html&quot;&gt;http://www.eslpod.com&lt;/a&gt;&lt;br /&gt;
不過來這兒瞄一下就好,我們要下載的ESLPOD 並不需要在這兒下載,這兒只是它的官方網站&lt;br /&gt;
&lt;br /&gt;
底下是安裝好Itunes 後執行該軟體的畫面.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkmUt5VGZb1gqRE3jrXNh3Ry8QeIFDtHsNB_j6jQxOWZpVlqlzT_P7SWVamtNBll5nVylW06XUGTwy3JKCXu4be8w9myrMu_756Kr0_z2oTDKIM9mcFD7XfwrVvaUAKapLbdWFLJhdNYk4/s1600/%25E5%25AE%2589%25E8%25A3%259D%25E5%25A5%25BDITUNES%25E6%2599%2582%25E7%2595%25AB%25E9%259D%25A2.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;240&quot; width=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkmUt5VGZb1gqRE3jrXNh3Ry8QeIFDtHsNB_j6jQxOWZpVlqlzT_P7SWVamtNBll5nVylW06XUGTwy3JKCXu4be8w9myrMu_756Kr0_z2oTDKIM9mcFD7XfwrVvaUAKapLbdWFLJhdNYk4/s400/%25E5%25AE%2589%25E8%25A3%259D%25E5%25A5%25BDITUNES%25E6%2599%2582%25E7%2595%25AB%25E9%259D%25A2.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
步驟一: 點擊podcast store &lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkp6LXt8IPUvYPNGvO4UG8WT-cltqjuQSiDINUf3oeMOoyg1IKVI59VKihhV4eEwYYE8d1DPR0IS5FHc98Pj-G0PAhHma2V7IAZhcR-WeXB0nN4Eljy_VnsijTcGXP0w4ho4-CGZ9GP6iJ/s1600/%25E9%25BB%259E%25E6%2593%258APODCASTS.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;100&quot; width=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkp6LXt8IPUvYPNGvO4UG8WT-cltqjuQSiDINUf3oeMOoyg1IKVI59VKihhV4eEwYYE8d1DPR0IS5FHc98Pj-G0PAhHma2V7IAZhcR-WeXB0nN4Eljy_VnsijTcGXP0w4ho4-CGZ9GP6iJ/s400/%25E9%25BB%259E%25E6%2593%258APODCASTS.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
步驟二: 在右上角搜尋選項那兒輸入 ESLPOD&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9Ib92TYDDp1ssdFcfEqMcS1fQb9ifriTlqiYnf27n74MeH3mDHwD-9QKC7E-8VNwnRVeRSHE6EN07RUkxdIlqwtEa9TGBhCfKP1wlMSAWoiJFv0NK3uxUttgdN7fkgDgy_RuVur0aIkHO/s1600/%25E9%25BB%259E%25E6%2593%258A%25E5%258F%25B3%25E4%25B8%258A%25E8%25A7%2592%25E7%259A%2584%25E6%2590%259C%25E5%25B0%258B%25E8%25BC%25B8%25E5%2585%25A5ESLPOD.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;150&quot; width=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9Ib92TYDDp1ssdFcfEqMcS1fQb9ifriTlqiYnf27n74MeH3mDHwD-9QKC7E-8VNwnRVeRSHE6EN07RUkxdIlqwtEa9TGBhCfKP1wlMSAWoiJFv0NK3uxUttgdN7fkgDgy_RuVur0aIkHO/s400/%25E9%25BB%259E%25E6%2593%258A%25E5%258F%25B3%25E4%25B8%258A%25E8%25A7%2592%25E7%259A%2584%25E6%2590%259C%25E5%25B0%258B%25E8%25BC%25B8%25E5%2585%25A5ESLPOD.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
步驟三: 查看有那些聽力訓練課程&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0amAqr4-0gB8r75oqr9nTrx6ML5OrVChwffnY6VChGKayRqGH57ymkumkC_bDp_OTrbK0brtWXlm6zaIe6qDWB3YDidCpe2ElxC6CnodrOVGh8lQ4PLZ2JG5WLZoOVGFdo4usboMRUBsz/s1600/%25E9%2580%2599%25E5%2585%2592%25E6%259C%2583%25E5%2587%25BA%25E7%258F%25BE%25E4%25B8%2580%25E5%25A0%2586ESLPOD%25E7%259A%2584%25E8%2581%25BD%25E5%258A%259B%25E8%25A8%2593%25E7%25B7%25B4%25E8%25AA%25B2%25E7%25A8%258B.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;180&quot; width=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0amAqr4-0gB8r75oqr9nTrx6ML5OrVChwffnY6VChGKayRqGH57ymkumkC_bDp_OTrbK0brtWXlm6zaIe6qDWB3YDidCpe2ElxC6CnodrOVGh8lQ4PLZ2JG5WLZoOVGFdo4usboMRUBsz/s400/%25E9%2580%2599%25E5%2585%2592%25E6%259C%2583%25E5%2587%25BA%25E7%258F%25BE%25E4%25B8%2580%25E5%25A0%2586ESLPOD%25E7%259A%2584%25E8%2581%25BD%25E5%258A%259B%25E8%25A8%2593%25E7%25B7%25B4%25E8%25AA%25B2%25E7%25A8%258B.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
步驟四: 訂閱左上角第一個ESLPOD 免費的聽力訓練課程:&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwKGY0I1MOiPEgi9SUP5POyjOOU2HIgeHhUI5q5Fcx7nubfQd6IrreUZjVyD_bL0YiqwWvA_Blm-hq7LepPkKWSP1JJUMSP9sohKcThLrNZINKLzwu0SnwYGvbeOlmGsQsg3UtK4SVx6s6/s1600/%25E9%2581%25B8%25E6%2593%2587%25E8%25A8%2582%25E9%2596%25B1%25E5%2585%258D%25E8%25B2%25BB%25E7%259A%2584ESLPOD%25E7%259A%2584%25E8%2581%25BD%25E5%258A%259B%25E8%25A8%2593%25E7%25B7%25B4%25E8%25AA%25B2%25E7%25A8%258B.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;210&quot; width=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwKGY0I1MOiPEgi9SUP5POyjOOU2HIgeHhUI5q5Fcx7nubfQd6IrreUZjVyD_bL0YiqwWvA_Blm-hq7LepPkKWSP1JJUMSP9sohKcThLrNZINKLzwu0SnwYGvbeOlmGsQsg3UtK4SVx6s6/s400/%25E9%2581%25B8%25E6%2593%2587%25E8%25A8%2582%25E9%2596%25B1%25E5%2585%258D%25E8%25B2%25BB%25E7%259A%2584ESLPOD%25E7%259A%2584%25E8%2581%25BD%25E5%258A%259B%25E8%25A8%2593%25E7%25B7%25B4%25E8%25AA%25B2%25E7%25A8%258B.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
步驟五: 查看聽力訓練課程的授權方式,大部份是免費&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZaJ6hgciJ58IFqMRjK57E1MgwGywKnAYeKKB6hSG2cHGhYkFaIG5hyQjChUICGlkxR_Y9uRquQ_QxjhM05ejBlrr3yn4N9rJe66IZReNvyXgEjXX9cbwXwYgwHMxUe3IDyZkBcLI4eq7j/s1600/%25E6%259F%25A5%25E7%259C%258B%25E8%25A9%25B2ESLPOD%25E7%259A%2584%25E8%2581%25BD%25E5%258A%259B%25E8%25A8%2593%25E7%25B7%25B4%25E8%25AA%25B2%25E7%25A8%258B%25E7%259A%2584%25E8%25A8%2582%25E9%2596%25B1%25E5%2583%25B9%25E6%25A0%25BC%25E5%259C%25A8%25E9%2580%2599%25E5%2585%2592%25E6%2598%25AF%25E5%2585%258D%25E8%25B2%25BB.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;203&quot; width=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZaJ6hgciJ58IFqMRjK57E1MgwGywKnAYeKKB6hSG2cHGhYkFaIG5hyQjChUICGlkxR_Y9uRquQ_QxjhM05ejBlrr3yn4N9rJe66IZReNvyXgEjXX9cbwXwYgwHMxUe3IDyZkBcLI4eq7j/s400/%25E6%259F%25A5%25E7%259C%258B%25E8%25A9%25B2ESLPOD%25E7%259A%2584%25E8%2581%25BD%25E5%258A%259B%25E8%25A8%2593%25E7%25B7%25B4%25E8%25AA%25B2%25E7%25A8%258B%25E7%259A%2584%25E8%25A8%2582%25E9%2596%25B1%25E5%2583%25B9%25E6%25A0%25BC%25E5%259C%25A8%25E9%2580%2599%25E5%2585%2592%25E6%2598%25AF%25E5%2585%258D%25E8%25B2%25BB.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
步驟六: 在課程上隨意選一個點兩下,就開始聽力訓練課程了&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzkFItw8z7e0Oi5OCJD8sUuTR82ls9oqhAWyE9w1QzN1EjtN4muGXoMGf3YquGgGkFS5Z6xu9cd2YmCmrGDGpOVLB7F9mmJttnawQzZNwMY_U0qokB0ANzg5xnsIBneCXAukqLaqFdpCVi/s1600/%25E9%2596%258B%25E5%25A7%258B%25E4%25B8%258A%25E8%25AA%25B2%25E4%25BA%2586.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;92&quot; width=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzkFItw8z7e0Oi5OCJD8sUuTR82ls9oqhAWyE9w1QzN1EjtN4muGXoMGf3YquGgGkFS5Z6xu9cd2YmCmrGDGpOVLB7F9mmJttnawQzZNwMY_U0qokB0ANzg5xnsIBneCXAukqLaqFdpCVi/s400/%25E9%2596%258B%25E5%25A7%258B%25E4%25B8%258A%25E8%25AA%25B2%25E4%25BA%2586.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
步驟七: &lt;br /&gt;
聽不懂怎麼辦? 其實聽不懂是正常的別擔心,你可以按下課程右側的驚嘆號,它會出現課程的英文內容. 你可以將其列印出來,對照你聽到的英文, 慢慢的你一直聽一直聽. 聽力會在你意想不到的地方成長. 能聽懂就自然會說會用. 但然你會需要其它正式的英文教材,文法等. 但學習起英文來可以比較平順也容易上手&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVcEJVlr2ptfbyM8ha0VPlHa9vgRTR4iTOb_rH09rUfVAjXiRP0jTNdhQRD83pv-A8tgM7h7P_78CE10SYiU5g-ootJ9pXaibiuH-JfJAxNYUObdD07VucVuPxuVvzfLLjFMPM6_12kmdE/s1600/%25E6%259F%25A5%25E7%259C%258B%25E8%25AA%25B2%25E7%25A8%258B%25E5%2585%25A7%25E5%25AE%25B9%25E8%25A8%258A%25E6%2581%25AF.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;198&quot; width=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVcEJVlr2ptfbyM8ha0VPlHa9vgRTR4iTOb_rH09rUfVAjXiRP0jTNdhQRD83pv-A8tgM7h7P_78CE10SYiU5g-ootJ9pXaibiuH-JfJAxNYUObdD07VucVuPxuVvzfLLjFMPM6_12kmdE/s400/%25E6%259F%25A5%25E7%259C%258B%25E8%25AA%25B2%25E7%25A8%258B%25E5%2585%25A7%25E5%25AE%25B9%25E8%25A8%258A%25E6%2581%25AF.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/6176825423931749397'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/6176825423931749397'/><link rel='alternate' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2010/12/blog-post.html' title='免費英文聽力課程暨同打造免費英文聽力環境因應教育部鼓勵國中,小加考英文聽力測驗'/><author><name>Daily Learning Of Computer</name><uri>http://www.blogger.com/profile/05443998150426478617</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9-CSkmehlcqRbfUM8gqjVaXwj7DgJfi28VCU8615BdenXGm7aahXHALkOrHpdrvMPxTDfGWo2A5g5QVLqUylSKG3zjLPLuai3MynwzpwjPd3r_NwYpvvk4dh6xbSr72fGfKPQ8JBGwmyc/s72-c/download_itunes.png" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-7826901451578940077.post-8770686677134179970</id><published>2010-12-17T19:55:00.000+08:00</published><updated>2010-12-23T12:44:47.895+08:00</updated><title type='text'>How to Remove The damned uTorrentBar ToolBar 移除/反安裝uTorrentBar toolbar</title><content type='html'>&lt;h1&gt;use this HijackThis remove the WTF uTorrentBar toolbar&lt;/h1&gt;&lt;h2&gt;這真是一件令人扼腕的事,曾幾何時廣受愛載的uTorrent 也淪落到惡意軟體(malware的領域).&lt;/h2&gt;&lt;br /&gt;
我該說什麼呢? Welcome to the&lt;strong&gt; realm of malware. 歡迎進入惡意軟體的領域.&lt;/strong&gt;&lt;br /&gt;
&lt;strong&gt;一般的使用者通常不知如何來移除/反安裝這個該死的uTorrentBar toolbar&lt;/strong&gt;&lt;br /&gt;
即便你從你的系統移除了uTorrent 很遺憾的這個惱人的uTorrentBar toolbar 依然嵌附在你的瀏覽器上,怨魂不散的拖慢你的系統效能,想當然爾看起來格外刺目,一點也不賞心悅目.&lt;br /&gt;
&lt;br /&gt;
稍稍解釋一下什麼是惡意軟體,按內地的說法這個叫做流氓軟件. 其實在wiki 一查一大堆的解釋也非常的清楚.&lt;br /&gt;
不過內地的網民們若不懂得如何使用轟破金盾工程的爬牆軟件,也是看不到. 僭越了. &lt;br /&gt;
&lt;br /&gt;
引用一下wiki的解釋:&lt;br /&gt;
&lt;br /&gt;
以下引述自wiki 自由的百科全書:&lt;br /&gt;
&lt;h3&gt;惡意軟體（Malware），中國大陸又稱「流氓軟體」，是形容網路上散播的如同「流氓」一樣討厭的軟體&lt;br /&gt;
定義&lt;br /&gt;
&lt;br /&gt;
符合如下條件（主要是第一條）的軟體的一種稱呼：&lt;br /&gt;
&lt;br /&gt;
1. 採用多種社會和技術手段，強行或者秘密安裝，並抵制移除；&lt;br /&gt;
2. 強行修改使用者軟體設定，如瀏覽器的首頁，軟體自動啟動選項，安全選項；&lt;br /&gt;
3. 強行彈出廣告，或者其他干擾使用者、佔用系統資源行為；&lt;br /&gt;
4. 有侵害使用者資訊和財產安全的潛在因素或者隱患；&lt;br /&gt;
5. 與電腦病毒聯合侵入用戶電腦;&lt;br /&gt;
6. 停用防毒軟體或其他電腦管理程式來做進一步的破壞;&lt;br /&gt;
7. 未經使用者許可，或者利用使用者疏忽，或者利用使用者缺乏相關知識，秘密收集使用者個人資訊、&lt;br /&gt;
秘密和隱私。&lt;br /&gt;
8. 惡意篡改登錄檔資訊&lt;br /&gt;
&lt;br /&gt;
[簡介]&lt;br /&gt;
&lt;br /&gt;
這些軟體也可能被稱為廣告軟體（adware）、間諜軟體（spyware）、惡意共享軟體（malicious shareware）。與病毒或蠕蟲不同，這些軟體很多不是小團體或者個人秘密地編寫和散播，反而有很多知名企業和團體涉嫌此類軟體。&lt;br /&gt;
&lt;br /&gt;
其中以雅虎旗下的3721最為知名和普遍，也比較典型。該軟體採用多種技術手段強行安裝和對抗刪除。很多使用者投訴是在不知情的情況下遭到安裝，而其多種反移除和自動恢復技術使得很多軟體專業人員也感到難以對付，以至於其移除成為大陸網站上的常常被討論和諮詢的技術問題。&lt;br /&gt;
&lt;br /&gt;
據北京網路協會發起和公佈的調查說，在被舉報投訴的前幾名中比較知名的軟體和企業有：3721的上網助手和網路實名、阿里巴巴旗下的淘寶、億貝易趣、中國網際網路絡資訊中心（即CNNIC）的中文官方上網版軟體、百度的超級搜霸、雅虎的一搜等。&lt;br /&gt;
&lt;br /&gt;
部分被指名的企業否認或者部分否認這些指責，也有企業表示：即將或者已經推出的新版軟體，已經對被投訴的問題作出改正。&lt;br /&gt;
&lt;br /&gt;
個別「流氓軟體」的製作公司或製作機構，還狀告防毒軟體公司將之納入「流氓」之列，部分防毒軟體公司已經迫於法院判決將個別流氓軟體產品的特徵從病毒函式庫中刪除，不再將流氓軟體當電腦病毒來查殺。&lt;br /&gt;
&lt;br /&gt;
有觀點認為此次調查原因是知名防毒軟體企業瑞星由於廣告或者宣傳目的進行的炒作。&lt;br /&gt;
&lt;br /&gt;
一般網路使用者都不會接受這類軟體，也有人表示可以接受這些軟體。隨著殺毒軟體將個別軟體的定義，更多人不願意使用流氓軟體&lt;br /&gt;
&lt;/h3&gt;&lt;br /&gt;
&lt;h2&gt;看了以上的說明,相信您已明白什麼是流氓軟件/惡意軟體了,接下來請先下載HijackThis這個軟體&lt;/h2&gt;&lt;br /&gt;
下載的網址如下:&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;http://free.antivirus.com/hijackthis/&quot;&gt;下載HijackThis&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
這個移除程序分這兩部份,一是移除不必要的註冊檔資訊,二是從瀏覽器移除這個附加的附件&lt;br /&gt;
&lt;br /&gt;
先提第二部份:&lt;br /&gt;
首先假設您的英文程度具備一定水平，恕不翻譯，如有需求請留訊息.&lt;br /&gt;
&lt;br /&gt;
You may uninstall this software at any time and with no limitations, using the standard uninstall procedures as offered with your computer&#39;s operating system or your Internet browser.&lt;br /&gt;
&lt;br /&gt;
Internet Explorer users&lt;br /&gt;
&lt;br /&gt;
1. Click the Start button and then select Settings &gt; Control Panel &gt; Add/Remove Programs.&lt;br /&gt;
2. In the list of programs, find the µTorrent toolbar, select it, and click Change/Remove.&lt;br /&gt;
&lt;br /&gt;
Firefox users&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY82Q7YLHFPUBy2G0djLcXS18-aLYQ-XT7qDkabUBCWaQIfmUvWxayp_0K_mO0e9DL-joh1am_Yn04gVUOD91zL8gj9njaPLpnG4UbWTQ_FN_GSb_dCSuL-wJc1qnqvcOLDrrlyt9MhH2q/s1600/remove1.png&quot; imageanchor=&quot;1&quot; style=&quot;clear:left; float:left;margin-right:1em; margin-bottom:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;292&quot; width=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY82Q7YLHFPUBy2G0djLcXS18-aLYQ-XT7qDkabUBCWaQIfmUvWxayp_0K_mO0e9DL-joh1am_Yn04gVUOD91zL8gj9njaPLpnG4UbWTQ_FN_GSb_dCSuL-wJc1qnqvcOLDrrlyt9MhH2q/s400/remove1.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;1. In your browser menu, select Tools &gt; Add-ons.&lt;br /&gt;
2. Make sure the Extensions tab is selected.&lt;br /&gt;
3. Select the µTorrent toolbar.&lt;br /&gt;
4. Click the Uninstall button.&lt;br /&gt;
&lt;br /&gt;
Safari users&lt;br /&gt;
&lt;br /&gt;
1. Open the Finder application and browse to Applications.&lt;br /&gt;
2. Scroll down to Toolbars and click on µTorrent.&lt;br /&gt;
3. Double-click on 「Uninstall」.&lt;br /&gt;
4. Fill in the 「User name &amp; Password」 and click the OK button.&lt;br /&gt;
&lt;br /&gt;
執行上述的步驟，依各瀏覽器不同各有不同的處理方法，若這些可以解決您的問題應可不必費心執行底下&lt;br /&gt;
步驟.&lt;br /&gt;
底下的步驟是移除該軟體不必要的註冊資訊。&lt;br /&gt;
&lt;h3&gt;執行hijackthis&lt;/h3&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4CsLxfFK18vklEGew-hWPYg_O0VSl5GOUGVe8alCwwn5qdvavufUBhbh-aG9EMaBRKB1BM0TXs164L5OvniTZUxWyofMRjVhxobbVVeBgFlkgHw4T4q_Mez4hBE4SaTkaz_vaTQwr4qDg/s1600/hijackthis_use1.png&quot; imageanchor=&quot;1&quot; style=&quot;clear:left; float:left;margin-right:1em; margin-bottom:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;356&quot; width=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4CsLxfFK18vklEGew-hWPYg_O0VSl5GOUGVe8alCwwn5qdvavufUBhbh-aG9EMaBRKB1BM0TXs164L5OvniTZUxWyofMRjVhxobbVVeBgFlkgHw4T4q_Mez4hBE4SaTkaz_vaTQwr4qDg/s400/hijackthis_use1.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggZb2KzuQpmuWM6T6q8F2wjoZOaB8AeI81VVA0o-gxe_Zt7ow0P6y0ODs5ssqHyPllpN0XYO5p8Ku0grNImbHFmMl3f5tjzuVkyBGc0WkHIM7duY-MgctelzmX91Ox9dw269cUZqKKeAM-/s1600/hijackthis_use2.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left:1em; margin-right:1em&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;355&quot; width=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggZb2KzuQpmuWM6T6q8F2wjoZOaB8AeI81VVA0o-gxe_Zt7ow0P6y0ODs5ssqHyPllpN0XYO5p8Ku0grNImbHFmMl3f5tjzuVkyBGc0WkHIM7duY-MgctelzmX91Ox9dw269cUZqKKeAM-/s400/hijackthis_use2.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;script type=&quot;text/javascript&quot;&gt;var sitebro_tracker_kw={u:&#39;http://www.sitebro.tw/zhf4524486/&#39;,w:&#39;MjQ0ODY=&#39;,bt:&#39;#005389&#39;,bg:&#39;#FFFFFF&#39;,cf:&#39;#ffffff&#39;,ca:&#39;#005389&#39;,bh:&#39;#f2f2f2&#39;,cp:&#39;&#39;,l:10,s:1,lang:&#39;zh_TW&#39;};&lt;/script&gt;&lt;br /&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;http://www.sitebro.tw/js/widget_track2/tracker_kw.js&quot;&gt;&lt;/script&gt;&lt;br /&gt;
&lt;a href=&quot;http://www.sitebro.com.tw/zhf4524486&quot; class=&quot;logo&quot; id=&quot;sitebro_stick_logo&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://image.sitebro.com/img/b/stick_sitebro.png&quot; style=&quot;border:0;&quot; /&gt;&lt;/a&gt;&lt;script type=&quot;text/javascript&quot;&gt;var sitebot_JsHost = &quot;http://track.sitebro.com.tw/&quot;;var sitebot_userid = &quot;NTcyMTQ=&quot;;var sitebot_websiteid = &quot;MjQ0ODY=&quot;; var sitebot_lang = &quot;zh_TW&quot;;&lt;/script&gt;&lt;script src=&quot;http://track.sitebro.com.tw/track.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;&lt;a href=&quot;http://www.sitebro.fr&quot;&gt;&lt;img src=&quot;http://image.sitebro.com/img/px.gif&quot;  style=&quot;border:0;&quot; /&gt;&lt;/a&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/8770686677134179970'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/8770686677134179970'/><link rel='alternate' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2010/12/how-to-remove-damned-utorrentbar.html' title='How to Remove The damned uTorrentBar ToolBar 移除/反安裝uTorrentBar toolbar'/><author><name>Daily Learning Of Computer</name><uri>http://www.blogger.com/profile/05443998150426478617</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY82Q7YLHFPUBy2G0djLcXS18-aLYQ-XT7qDkabUBCWaQIfmUvWxayp_0K_mO0e9DL-joh1am_Yn04gVUOD91zL8gj9njaPLpnG4UbWTQ_FN_GSb_dCSuL-wJc1qnqvcOLDrrlyt9MhH2q/s72-c/remove1.png" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-7826901451578940077.post-4755745984943315320</id><published>2010-11-19T15:36:00.000+08:00</published><updated>2010-11-19T15:47:00.212+08:00</updated><title type='text'>不合格的IDE,ADOBE COLDFUSION BUILDER 1.01</title><content type='html'>這個版本..說實在很像緊急推出來應急的, 有些功能根本未盡完善.&lt;br /&gt;
&lt;br /&gt;
舉例來說,一般IDE 要有的兩個基本功能無非是DEBUG 跟 CODE REFORMAT.&lt;br /&gt;
&lt;br /&gt;
1.&lt;br /&gt;
DEBUG 這個功能,還需要做特別的設定才能使其正確無誤的工作,手邊的資料太少或說學疏學淺�目前一時半刻還無法令其妥善的工作,不過敝人認為程式開發者應將主要的精神應用於程式的撰寫及邏輯的推敲,而不是需要將時間用在設定IDE 讓它能正確無誤的除錯及回報錯誤. 顯然的對於一個已然是商業版本的IDE 的基本要求 ColdFusion Builder 1.01 在現階段是未盡完善的.&lt;br /&gt;
&lt;br /&gt;
2.&lt;br /&gt;
CODE REFORMAT&lt;br /&gt;
這個功能也無法提供,這對於一個已然是商業版本的IDE簡直是嚴重的缺失.&lt;br /&gt;
&lt;br /&gt;
一個程式開發人員的時間是很寶貴的,當然有些資深的程式設計師早已養成了良好的習慣在程式撰&lt;br /&gt;
寫之際就自動做好的必要的分段跟格式,但對大多數的入門者這卻是不可缺失的功能.&lt;br /&gt;
&lt;br /&gt;
原因無它時間就應該用在必要且對的地方,在撰寫完了之後第一要試運行,第二要除錯或邏輯思考的再推敲再試著讓程式更加完善,而不是再花時間把程式碼排一排使其可讀性增加.&lt;br /&gt;
&lt;br /&gt;
為使日後的維護更加便利. 寧可把時間用在為程式加上妥善的註解而不能把時間花在排版程式碼上面!&lt;br /&gt;
&lt;br /&gt;
就因為上述的兩個原因,迫使我棄ColdFusion Builder 1.01 於圾垃桶.試用期未到我認為這是不足以&lt;br /&gt;
稱之為完善的IDE,更何況它還是個商用的版本. 推出如此的產品實在是難以讓人認同.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
接下來總不能回去用NOTEPAD++ or PSPAD 吧. 只好考慮使用eclipse 3.61 Classes&lt;br /&gt;
先去下載,再來請參考底下的網頁進行安裝&lt;br /&gt;
&lt;a href=&quot;http://trac.cfeclipse.org/wiki/InstallingCfeclipse&quot;&gt;http://trac.cfeclipse.org/wiki/InstallingCfeclipse&lt;/a&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/4755745984943315320'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/4755745984943315320'/><link rel='alternate' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2010/11/ideadobe-coldfusion-builder-101.html' title='不合格的IDE,ADOBE COLDFUSION BUILDER 1.01'/><author><name>Daily Learning Of Computer</name><uri>http://www.blogger.com/profile/05443998150426478617</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-7826901451578940077.post-7810281617454254633</id><published>2010-11-01T09:42:00.001+08:00</published><updated>2010-11-01T09:42:38.247+08:00</updated><title type='text'>魔戒ONLINE 免費線上遊戲新手任務(1到8級) LOTRO The Lord of the Ring ONLINE</title><content type='html'></content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/7810281617454254633'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7826901451578940077/posts/default/7810281617454254633'/><link rel='alternate' type='text/html' href='http://dailylearningofcomputer.blogspot.com/2010/10/online-18-lotro-lord-of-ring-online.html' title='魔戒ONLINE 免費線上遊戲新手任務(1到8級) LOTRO The Lord of the Ring ONLINE'/><author><name>Daily Learning Of Computer</name><uri>http://www.blogger.com/profile/05443998150426478617</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author></entry></feed>