アクセシビリティ
デベロッパーリソース

目次

AIRチュートリアル Flash 第3回 ブラウザでは出来ない表現を実現しよう! ~ウィンドウをカスタマイズする~

【最小化ボタンと閉じるボタンの作成】

  1. [ファイル]メニューの[読み込み]から[ライブラリに読み込み]を選択します。
  2. 「ライブラリに読み込み」ダイアログボックスから、「button01.png」と「button02.png」を選択します。
    画面
  3. [挿入]メニューの[新規シンボル...]から新規シンボルを作成します。
  4. 「新規シンボルの作成」ダイアログボックスに以下の値を入力します。
    • 名前: mini_btn
    • タイプ: ボタン
      ダイアログボックス
  5. [OK]ボタンをクリックします。
  6. 「レイヤー1」レイヤーの「アップ」フレームに、手順1で読み込んだ「button01.png」を「ライブラリパネル」からドラッグして、X:0.0、Y:0.0の位置に配置します。
    画面
  7. 「オーバー」フレームをクリックして、[挿入]メニューの[タイムライン]から[キーフレーム]を選択します。
  8. 「ヒット」フレームをクリックして、[挿入]メニューの[タイムライン]から[フレーム]を選択します。
  9. 「オーバー」フレームに、手順1で読み込んだ「button02.png」をX:0.0、Y:0.0の位置に配置します。

    同じ手順で、閉じるボタンも作成します。
  10. あらかじめ、「ライブラリパネル」に「close01.png」と「close02.png」を読み込んでおきます。
  11. 新規シンボルを作成して、「新規シンボルの作成」ダイアログボックスに以下の値を入力します。
    • 名前: close_btn
    • タイプ: ボタン
  12. 「アップ」フレームに「button01.png」をx座標0.0、y座標0.0の位置に配置します。
  13. 「オーバー」フレームに「button02.png」をx座標0.0、y座標0.0の位置に配置します。
    08

これで、最小化ボタンと閉じるボタンのシンボルが作成されました。
続いて、ウィンドウの背景を作成していきます。
今回は、背景にお皿と箸のイメージを作成してみます。