Air開発で苦戦 - もちおのWEBアプリ開発日記

javascriptを利用したrssリーダーを作成しようとしたんですが
通常のウィンドウのデザインが嫌なんで自作したデザインでつくろうかなと

asで書かなかったのはまだあんまasが解かってないので・・・

でhtml+js+cssでAIRを作ってみた

DOMはこんな感じ[index.html]



<body>

  <div id="main">

    <div id="header"></div>

    <div id="content"></div>

    <div id="footer"></div>

  </div>

</body>

でヘッダーとかにcssで背景画像を指定

で透過のフルスクリーンにしてmainだけを表示しようとしたんだけどいまくいかない

asの場合は

stage.displayState = StageDisplayState.FULL_SCREEN;

ってすればいいんだけど

html+jsベースでの文献がほとんどない状態・・・

透過フルスクリーンはflashでやりましょう的なノリなのか？

解から〜んって書きまくって悩みまくってやっと解決

jsからflashのオブジェクトにアクセスしてやってみた

この一行のみ※airアプリじゃないとエラー吐きます、当然ですが



window.htmlControl.stage.displayState = window.runtime.flash.display.StageDisplayState.FULL_SCREEN;

これでindex.xmlを編集して
rootContentのとこを
systemChrome="none"
transparent="true"
にして[index.xml]



<?xml version="1.0" encoding="UTF-8"?>



    RSS Reader

    Mochi RSS Reader

    

    index.html

    

        icons/ApolloApp_16.png

        icons/ApolloApp_32.png

        icons/ApolloApp_48.png

        icons/ApolloApp_128.png



adt -package xxx,.air index.xml index.html icons css js img

でインストーラパッケージの完成

で、実行するとid="main"以下が表示されます

とりあえず今日はここまで