2007.07.27

1枚の画像のみでフラッシュメニューを作成することもできます。1枚のメニュー画像とフィルタプラグインと組み合わせたシンプルな構成のFlash Button Engineサンプルです。

Flash Button Engineの基本は2枚の『通常ボタン画像、ロールオーバー画像』を組み合わせることですが、ちょっとした変化を加えたいだけなら画像1枚でお試しください。

画像1枚でメニューを作成するポイントは

  • 通常ボタン画像、ロールオーバー画像に同一画像を指定する
  • エフェクトの種類によっては、効果が得られない点に注意する。
    ※例えば、単純なフェードイン効果の場合、通常画像とロールオーバー画像が同一の為、視覚的効果が発生していないようにみえます。

当サンプルの定義ファイル(???.xml)

menu001.jpg
/media/fbe/sample/menu001.
 
<?xml version="1.0" encoding="UTF-8" ?>
<pagedata>
<common>

    <copyright>elz.jp</copyright>

<!-- Flash表示領域定義 -->    
    <stage_width>640</stage_width>
    <stage_height>80</stage_height>

<!-- 8x1のボタン定義 -->
    <col_max>8</col_max>
    <row_max>1</row_max>

<!-- 通常ボタン画像指定 -->
    <button_normal>/media/fbe/sample/menu001.jpg</button_normal>

<!-- ロールオーバーボタン画像指定(通常ボタン画像と同一ファイルを指定するのがポイントです) -->
    <button_over>/media/fbe/sample/menu001.jpg</button_over>


<!-- プラグイン指定 -->
    <over_plugin>/media/plugin/filter_box2bl.swf</over_plugin>
    <over_plugin_blend_mode>overlay</over_plugin_blend_mode>

<!-- エフェクト指定 -->
    <over_effect>1</over_effect>
    <over_time>3</over_time>

<!-- 初期表示エフェクト指定 -->
    <init_effect>102</init_effect>
    <init_time>12</init_time>

<!-- 余白指定 -->
    <padding_bottom>30</padding_bottom>

</common>

</pagedata>