AIR自作工房 - Adobe AIRで創るアナログ時計

アプリケーションの設定ファイルを書き換えよう

アナログ時計はできましたが、ウィンドウの中に時計が配置されているだけでは、せっかくのAIRらしさが発揮されていません。AIRでは、簡単に背景を透過する不定形ウィンドウを作ることができるのです。そのためには、アプリケーションの設定ファイルで、背景を透明にします。

背景を透明にしよう

Aptana でプロジェクトを作った場合には、「application.xml」というファイルが、設定ファイルになります。「.xml」の拡張子の通り、開いてみると、XMLファイルとなっています。

背景を透明にするには、この XML の中の「<initialWindow>」タグの中の次のタグの要素を書き換えます。

書き換えるタグ	書き換える値
systemChrome	true
transparent	true
visible	true
width	300
height	300

これで再度実行してみると、時計の背景が透明に透過されることが分かります。

ドラッグで動かせるようにする

透明になったのは良いのですが、このままだと、動かすことができないので、次いで、ドラッグで移動できるようにし、ダブルクリックで終了するようにしてみます。

そのために、「MyAnalogClock.html」の<script>タグの最後(</script>の直前)に以下の数行を追加します。

// ドラッグでウィンドウ移動を可能にする
document.onmousedown = function() {
    window.nativeWindow.startMove();
};
// ダブルクリックで終了する
document.ondblclick = function() {
    window.close();
};