Flex_SDKでAIRアプリを作る

AIRアプリは無料で作れる。

手順は次の通り。

1. Javaをダウンロード＆インストールする。

2. Adobe® Flex® 3 SDKをダウンロード＆インストールする。

3. Sample.mxmlを書いてコンパイルする。

$ amxmlc Sample.mxml
4. Sample-app.xmlを書いて実行してみる。

$ adl Sample-app.xml
5. パッケージングする。

$ adt -certificate -cn SelfSigned 1024-RSA Sample.pfx password

※自己署名証明書は１回作れば使い回せる

$ adt -package -storetype pkcs12 -keystore Sample.pfx -storepass password Sample.air Sample-app.xml Sample.swf icons

※この例ではアプリケーションにアイコンを設定しているのでパッケージにiconsディレクトリを含めている。

Sample.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication
  xmlns:mx="http://www.adobe.com/2006/mxml"
  layout="absolute"
  title="Sample"
  invoke="invokeHandler()">
  <mx:Style>
      WindowedApplication
      {
          background-color:"0xffffff";
          font-size:"12";
      }
  </mx:Style>
  <mx:Script>
      <![CDATA[
          private static var PROLOGUE:String = '<div class="mycode1"><pre class="mycode2">';
          private static var EPILOGUE:String = '</pre></div>';

          private function invokeHandler():void {
              _srcText.setFocus();
          }
          private function changeHandler(event:Event):void
          {
              _dstText.text = toMyCode(_srcText.text);
          }
          private function toMyCode(x:String):String
          {
              x = x.replace(/&/g, '&amp;');
              x = x.replace(/</g, '&lt;');
              x = x.replace(/>/g, '&gt;');
              x = x.replace(/"/g, '&quot;');
              return PROLOGUE + x + EPILOGUE;
          }
      ]]>
  </mx:Script>
  <mx:HDividedBox width="100%" height="100%">
      <mx:TextArea id="_srcText" width="50%" height="100%" change="changeHandler(event)"/>
      <mx:TextArea id="_dstText" width="50%" height="100%" editable="false"/>
  </mx:HDividedBox>
</mx:WindowedApplication>

Sample-app.xml

<?xml version="1.0" encoding="utf-8"?>
<application xmlns="http://ns.adobe.com/air/application/1.5">
  <id>com.blogspot.takumakei.Sample</id>
  <version>0.1</version>
  <filename>Sample</filename>
  <initialWindow>
      <content>Sample.swf</content>
      <visible>true</visible>
  <!--<systemChrome>none</systemChrome>-->
  <!--<transparent>true</transparent>-->
      <width>320</width>
      <height>240</height>
  </initialWindow>
  <icon>
      <image16x16>icons/icon_016.png</image16x16>
      <image32x32>icons/icon_032.png</image32x32>
      <image48x48>icons/icon_048.png</image48x48>
      <image128x128>icons/icon_128.png</image128x128>
  </icon>
</application>