有關

第一次的Apollo程式

  期待已久的Adobe「Apollo」試用版釋出了、先試看看「在Apollo是做出可以播放動畫的程式」。
結果、沒有問題的完成了「Apollo程式」、事實上在編譯的有發生錯誤、並沒有在一天內完成。

所以說、加上自己的經驗、來介紹Apollo SDK「第一次的Apollo程式」。

1.Apollo程式開發必要的檔案
2.Apollo程式開發環境安裝
3.Apollo程式開發環境路徑設定
4.第一次的Apollo程式設計
5.Apollo程式執行
6.mxml作成
7.用Apollo來與YouTube連動程式開發
8.Apollo開發相關連結


1.下載Apollo程式開發必要的檔案

開發Apollo程式的時候、當然有很多必要的檔案。
現在就是全部需要的檔案、都是免費的軟體。
1.Apollo Runtime
執行Apollo程式必要的即時元件。為了方便、說明文件(現在只有英文版)也請下載。
2.Flex2 SDK
需要版本2.01以上。日本語化是必要的。
3.Java 2 SDK, Standard Edition, v 1.4.2_13 (J2SE)
編譯時需要Java環境。需要版本1.4.2以上。
4.Apollo SDK
編譯Apollo時需要。
提到自己失敗的部份、已經在、「第一次的ActionScript3.0程式設計」安裝過Flex2SDK、就沒有遇到太多的問題。
Flex2SDK需要版本2.01以上。
太古老的版本、在執行amxmlc指令的時候、
amxmlc ApolloHelloWorld.mxml

Exception in thread "main" java.lang.NoClassDefFoundError: flash/localization/ILocalizer
會有上面的錯誤。


2.Apollo程式開發環境安裝

下載完上面說的檔案後、按順序安裝(必要時要解壓縮)。
Apollo Runtime安裝。
下載完成後、執行msi檔案就能安裝。
安裝JDK 1.4.2以上版本、。
已經安裝過的就不再次安裝。
Flex2 SDK與日本語化一起解壓縮。
請按裝作新的版本。日本語化安裝在同個目錄。
Apollo SDK解壓縮在資料夾中。
Flex2 SDK同資料夾、直接覆蓋上去。
完成後、就大功告成。
不要使用之前的檔案、重新安裝Apollo程式開發用比較安全。


3.Apollo程式開發環境路徑設定

需要設定環境變數(路徑)。
例如、WindowsXP中、在桌面的「我的電腦」按右鍵「㡪內容」、「詳細設定」的頁籤。
其中、按下「環境變數」、編輯其中的系統環境變數的Path。
例如、
;C:\Apollo\bin\
加上上面這行。(請與解壓縮的路徑相同)
還有、在Apollo的說明書中有說、為了執行adt指令會寫入Classpass設定。
要先加入、下面的系統環境變數的Classpass。(要不要真的新增、並無法預先知道)
C:\Apollo\lib\adt.jar
這樣就設定完路徑了。
要多注意的地方是、Flex2SDK函式庫的路徑設定。


4.第一次的Apollo程式程式設計

Apollo程式是由、Flash、HTML、Ajax、PDF等等既有的技術組合而成的。
這次是用、ActionScript3.0作成SWF檔案、簡單介紹可以在視窗上執行的Apollo程式範例。
AS3、「第一次的ActionScript3.0程式設計」、「體驗快速的ActionScript3.0!」可以參考上面網址。
package {
    import flash.display.*;
    import flash.text.*;
    public class first extends Sprite{
        public function first(){
            var tf1:TextField = new TextField();
            tf1.text = "第一次的Apollo程式設計";
            tf1.width = 300;    //表示文字横幅
            tf1.height = 200;   //表示文字縦幅
            tf1.x = 50;         //表示文字横位置
            tf1.y = 20;         //表示文字縦位置
            addChild(tf1);      //追加

            //視窗表示
            stage.window.visible=true;
        }
    }
}
以上的原始碼、命名first.as用TF-8保存、之後編譯。
WinXP的場合、開始>附屬應用程式>指令 打開CMD、輸入下面的指令。
cd /d 下載、解壓縮的資料夾
amxmlc -default-size 400 400 -default-frame-rate=30 -default-background-color=0xCCCCCC first.as
成功編譯之後、會作成first.swf檔案。

之後、作成在Apollo程式描述的ADF檔案。
還有、Apollo程式用的圖示、在同個資料夾中新增個icons資料夾、需要準備各種大小的圖示。
再沒有預設的圖示的場合、samples\icons下面有4個預先準備的圖示、簡單複製也是可以的。
ADF檔案是、檔案名.xml(範例是、first.xml)、下面就是檔案描述。
<?xml version="1.0" encoding="UTF-8"?>
<application xmlns="http://ns.adobe.com/apollo/application/1.0.M3" 
    appId="zapanet.info.first" version="1.0">

    <properties>
        <name>first</name>
        <publisher>first</publisher>
        <description>first apollo</description>
        <copyright>(C) ZAPAnet</copyright>
    </properties>

    <rootContent
        systemChrome="standard"
        transparent ="false"
        visible     ="false">first.swf</rootContent>

    <icon>
        <image16x16>icons/ApolloApp_16.png</image16x16>
        <image32x32>icons/ApolloApp_32.png</image32x32>
        <image48x48>icons/ApolloApp_48.png</image48x48>
        <image128x128>icons/ApolloApp_128.png</image128x128>  
    </icon>
</application>
之後、最後在CMD中執行adt指令、讀入SWF檔案與ADF(XML的設定檔案、之後製作成AIR檔案。
adt -package first.air first.xml first.swf icons
如果沒有錯誤的話、first.air就是個Apollo程式。


5.Apollo程式的執行

執行Apollo程式、在PC有安裝過Apollo Runtime、執行.air檔案檔案、會自動安裝程式。

現在是測試版、正規版之後會增加註明的功能、強化安全性。
看到自己完成的是可以動作是很快樂的。

這次是用ActionScript3.0完成Apollo程式、也可以用其他的編輯器完成Apollo程式。
可以長適用自己熟悉的編輯軟體完成。


6.製作mxml檔

大致上、說明在說明文件上講的mxml製作方法。
<?xml version="1.0" encoding="utf-8"?>
<mx:ApolloApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" title="Hello World">
    <mx:Style>
        Application
        {
            background-image:"";
            background-color:"";
            background-alpha:"0.5";
        }
    </mx:Style>
    <mx:Label text="Hello Apollo" horizontalCenter="0" verticalCenter="0"/>
</mx:ApolloApplication>
以上的原始碼、用ApolloHelloWorld.mxml保存、編譯它。
amxmlc ApolloHelloWorld.mxml
成功編譯後、可以產生ApolloHelloWorld.swf。

而ADF檔案、新增個ApolloHelloWorld.xml檔案、跟下面一樣。
<?xml version="1.0" encoding="UTF-8"?>
<application xmlns="http://ns.adobe.com/apollo/application/1.0.M3" 
    appId="ApolloHelloWorld" version="1.0">

        <properties>
                <name>Hello World</name>
                <description>A test Apollo application.</description>
                <publisher>Apollo Test</publisher>
                <copyright>2007</copyright>
        </properties>

       <rootContent systemChrome="none" transparent="true"
                    visible="true">ApolloHelloWorld.swf</rootContent>
 
      <icon>
        <image16x16>icons/ApolloApp_16.png</image16x16>
        <image32x32>icons/ApolloApp_32.png</image32x32>
        <image48x48>icons/ApolloApp_48.png</image48x48>
        <image128x128>icons/ApolloApp_128.png</image128x128>  
      </icon>
</application>
在說明文件中的範例是、寫成visible="false"、這樣是沒有顯示的執行、這裡改成true。

然後、在CMD中執行adt指令、SWF檔案與ADF(讀取XML檔案中的設定、作成AIR檔案。
adt -packageApolloHelloWorld.air ApolloHelloWorld.xml ApolloHelloWorld.swf icons
如果沒有錯誤、ApolloHelloWorld.air就是Apollo程式。
就能簡單完成的半透明的程式。



7.在Apollo中與YouTube連動的程式開發

就與標題一樣、「用Apollo開發播放動畫的程式」、與YouTube連動的動畫中在上面有自己設計的文字。
zapapollo.air(DL大小約31KB)
像這樣、可以簡單的開發與Web連動的桌面程式是Apollo的長處
為了跨平台、不管是Windows還是Mac2都能執行。
可以短時間開發程式、又能使用以前的程式、還能跨平台實在是很厲害。


8.Apollo開發參考連結

最後、這次參考的網佔有下面的這些。
Adobe Apolloメモさんがとても参考になります。
ActionScript 3.0ゲーム程式設計ブック

を執筆されている方です。
このブログでも参考にさせていただきました。

Adobe Apolloメモ
Ajaxとか使ってデスクトップ程式を作れるApolloのα版が公開
アルファ公開したアドビ「Apollo」を早速使ってみた - @IT
akihiro kamijo: Apollo アルファ版公開
Adobe Labs - Apollo
CodeZine:「これがApolloだ」 Adobeの次世代デスクトップ程式用ランタイムリリース(RIA, Apollo, Adobe)
てっく煮ブログ - Apollo コンパイルではまった...
創作者介紹

推理文by阿誠

abort 發表在 痞客邦 PIXNET 留言(0) 人氣()


留言列表 (0)

發表留言