Flex Coder このページをアンテナに追加 RSSフィード

2007-03-24

[]第14回Flex2勉強会

Apolloプログラミング

今日のお題
アジェンダ

Apolloって何?
Apolloランタイム環境
HTMLエンジン
JavaScript
WEBブラウザの制限を越える
Apolloインストール
Apolloアプリの作り方

HTMLApollo化する
<html>
HELLO!!
</html>
<?xml version="1.0" encoding="utf-8" standalone="no"?>
<application xmlns="http://ns.adobe.com/apollo/application/1.0.M3" appId="hello1" version=".4">
      <properties>
            <name>hello</name>
            <description/>
            <publisher>FlexCoder</publisher>
            <copyright/>
      </properties>
      <rootContent systemChrome="standard" transparent="false" visible="true">Hello.html</rootContent>
      <icon/>
</application>
adl.exe Hello-app.xml
adt.exe Hello.air Hello-app.xml Hello.html
FlexApollo化する
<?xml version="1.0" encoding="utf-8"?>
<mx:ApolloApplication xmlns:mx="http://www.adobe.com/2006/mxml“ layout="absolute">
	<ここにプログラムを記述>
</mx:ApolloApplication>
  • 実行
    • いきなり完成
  • ちょっと見た目を変える
    • 設定ファイル
      • HelloApollo1-app.xml
      • <rootContent systemChrome=“none” transparent=“true”  ・・・</li>
    • ステータスの表示
      • Application.status
<?xml version="1.0" encoding="utf-8"?>
<mx:ApolloApplication xmlns:mx="http://www.adobe.com/2006/mxml" 
layout="absolute" status="現在のステータス“title="Apolloアプリ">
    <mx:Style>
        Application
        {
            background-image:"";
            background-color:"";
            background-alpha:"0.2";
        }
    </mx:Style>
<mx:Label text="Hello Apollo World." fontSize="20" />
</mx:ApolloApplication>
Apolloコンポーネントを使う
Apollo File API
JavaScript連携
<html>
     <body id="link">
       <p id="msg">Test</p>
     </body>
 </html>
html.window.document.getElementById(“msg”).innerHTML = "メッセージ";
var link:Object = html.window.document.getElementById("link");
link.onclick = clickHandler;
html.window.alert("Hello from ActionScript");
<script>
greeting = "hello";
function reverseStr(str) {
returnStr = "";
for (i = 0; i < str.length; i++) {
returnStr = str.charAt(i) + returnStr;
}
return returnStr;
}
</script>
<html>
<script>
runtime.trace("Hello from JavaScript.");
</script>
</html>
その他の機能
Shell.shell.addEventListener(Event.NETWORK_CHANGE,onNetworkChange); 
function onNetworkChange(event:Event)
{ 
  //検出時の処理
}
HelloApollo9.exe aaa bbb ccc

こんなかんじです。


資料はコチラからダウンロードできます。

http://fxug.net/archives/study_mtg_14/apollo_programming.pdf

はてなユーザーのみコメントできます。はてなへログインもしくは新規登録をおこなってください。