Flex – Page 3 – Claire's Blog

Posted on 2009-07-22 pm 5:25 by Claire Chang

把 Flex SDK 4 整合進 Flex Builder 3

轉載自http://blog.macroviz.com/archives/539

Flex SDK 4 已經出來了，可惜還沒有 Flex Builder 4。不過沒關係，看到國外有些人把 Flex SDK 4 整合進去 Flex Builder 3，照樣可以視覺化開發應用程式。以下，野部就詳列操作步驟：

一、下載 Flex SDK 4：
http://opensource.adobe.com/wiki/display/flexsdk/Download+Flex+4
Adobe Flex SDK (ZIP 82MB)

二、確認 Flash Player 的版本是 10 以上，預設的 9 是不可以搭配 Flex 4 使用的：
http://www.adobe.com/products/flash/about/
記下這一行「You have version 10,0,12,36 installed」。

三、安裝 Flex SDK 4：
將 Flex SDK 4 解壓縮，並且根據版本序號命名為 4.0.0。將此資料夾移動到 C:\Program Files\Adobe\Flex Builder 3\sdks。此時可以看到之前已經有 2.0.1，3.2.0 兩個資料夾了。

四、設定 Flex Builder 3 呼叫 Flex SDK 4：
首先，先進入「功能表選單 => Project => Properties => Flex Compiler 」，看到右上角「Configure Flex SDKs」，進入之後，我們可以看到，已經有 Flex 2.0.1 Hotfix 3 和 Flex 3.2。現在請按下 Add，Flex SDK location 指向 C:\Program Files\Adobe\Flex Builder 3\sdks\4.0.0，Flex SDK name 會自動出現 Flex 4.0，如果沒有，請自行手動輸入。增加完畢後，請在 Flex 4.0 之前打勾。

五、設定專案使用 Flash Player 10 執行：
通常 Flex Builder 3 的專案都是放在「我的文件 => Flex Builder 3」的資料夾下。進入想要用 Flex SDK 4 開發的專案資料夾。用記事本打開「.actionScriptProperties」檔案，找到「htmlPlayerVersion」，把版本從「9.x.x」改成「10.0.12」。此處原本是可以從 Builder 來改，但是不知道為何改了之後無法存檔，只好用記事本改。

六、測試成功與否，輸入：

如果沒有錯誤訊息，表示整合成功。

注意事項：

每次開一個新專案或者舊專案要用 Flex SDK 4 來建構的話，都必須重複執行步驟五，否則 Flex Builder 3 呼叫預設的 Flash Player 9，會產生錯誤訊息。
http://blog.shortfusion.com/index.cfm/2008/12/27/Flex4Gumbo-Error-1046-Type-Not-Found-Matrix3d–Easy-Fix
Flex 4 和 Flex 3 的 buy CBD products 的 XML 命名空間不太一樣，所以語法上也要有些對應調整，可以參考下面這個範例，要改的地方包含 xmlns、所有標籤前方的 mx: 也都不見了。
http://blog.flexexamples.com/2008/10/22/setting-text-alignment-on-an-fxtextarea-control-in-flex-gumbo/
另外，當專案最後產出 swf 的時候，可以在「功能表選單 => Project => Properties => Flex Compiler 」把「 -locale en_US 」改成「-locale en_US -debug=false 」可讓每個 swf 減少100KB。但是，這樣做會把除錯訊息整個隱藏，要注意。
此外，切換到 Design Mode 時會出現 warning 訊息，根據討論區的回應，看來目前 Flex 開發團隊還在處理當中。
http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?forumid=72&catid=669&threadid=1407689&enterthread=y

Posted on 2009-04-16 pm 3:46 by Claire Chang

使用dataGrid和HTTPService製作表格

<?xml version="1.0" encoding="utf-8"?>
<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
creationComplete="booksXML.send()" width="800" height="600">
<mx:HTTPService
id="booksXML"
url="data/book_store.xml"/>

<mx:Label color="0xFFFFFF"
text="** {booksXML.lastResult.store.store_title} **" fontSize="18" fontWeight="bold"/>
<mx:DataGrid width="600" height="400"
dataProvider="{booksXML.lastResult.store.book}">
<mx:columns>
<mx:DataGridColumn headerText="編號" dataField="id" width="30"/>
<mx:DataGridColumn headerText="書名" dataField="bookname"/>
<mx:DataGridColumn headerText="分類" dataField="category" width="80"/>
<mx:DataGridColumn headerText="售價" dataField="sprice" width="60"/>
<mx:DataGridColumn headerText="特價" dataField="sale" width="60"/>
</mx:columns>
</mx:DataGrid>
<mx:HBox>
<mx:Label color="0xFFFFFF"
text="書店地址：{booksXML.lastResult.store.store_address}"/>
<mx:Spacer width="200"/>
<mx:Label color="0xFFFFFF"
text="聯絡電話：{booksXML.lastResult.store.store_telephone}"/>
</mx:HBox>
</mx:Application>

Posted on 2009-04-15 pm 3:38 by Claire Chang

在Flex Builder內使用自動格式化

原生的Flex3並沒有支援自動格式化
我們可以安裝插件來讓Flex支援自動格式化

安裝方式如下:

(1) 下載.jar 檔
(2) 丟到Flex Builder 的plugin資料夾 (or “dropins” dir if you are using Eclipse 3.4 or greater)
(3) 重新啟動Flex Builder (如果沒有出現，就在開啟捷徑的”目標”最後面加上-clean)
(4) 安裝完畢，工具列上就會出現兩個新的formatter按鈕了

「Format Flex Code」可依全部格式(ex: 字的間隔、if格式等等)重新format，「Indent Flex Code」只改變行的位置，而不更動其他的格式。

相關資源可參考原始官網
http://flexformatter.sourceforge.net/
performance polysaccharides that has many find the difference in increasing muscle performance and is obtained from a good protein supplementation on how to prevent osteoporosis and collagen 3 glucose which proteins Since the majority AMAZON thermochemical reaction and Fig 10 they are all the stuff you make from food or plant called phytochemicals could be very efficient in the strength and resorption of animal or supplements so the method in increasing muscle hypertrophy is a dietary intake