Section 5.8　システムボタンプラグイン（その１）

var x = 510; // 初期 x 位置
var y = 300; // 初期 y 位置

var foreSeen = false; // 表画面のボタンが可視か
var backSeen = false; // 裏画面のボタンが可視か

var foreButtons = []; // 表画面のボタンの配列
var backButtons = []; // 裏画面のボタンの配列

function SystemButtonPlugin()
{
    // SystemButtonPlugin コンストラクタ

    createButtons(kag.fore.base, foreButtons); // 表画面のボタンを作成
    createButtons(kag.back.base, backButtons);

    realign(); // 再配置

    setObjProp(foreButtons, 'visible', foreSeen = false);
    setObjProp(backButtons, 'visible', backSeen = false);
        // 非表示に
}

function createButtons(parent, array)
{
    // parent を親レイヤとしてボタンを作成し、array に登録する。
    // ボタンは表画面と裏画面の両方に対して作成されるので注意。

    // ボタンを追加するには、これを参考にして いろいろ追加してください。

    var obj;

    // ボタン 0 (セーブ)
    array.add(obj = new SystemButtonLayer(kag, parent, onSaveButtonClick));
    obj.loadImages('YesButton'); // save ボタン用画像を読み込む

    // ボタン 1 (ロード)
    array.add(obj = new SystemButtonLayer(kag, parent, onLoadButtonClick));
    obj.loadImages('NoButton'); // load ボタン用画像を読み込む

    // ここでは 'YesButton' とか 'NoButton' とかを読み込んでいますが
    // ちゃんとした画像を作成してちゃんとしたファイル名を指定すると
    // よいでしょう。ボタン用画像の作り方は button タグ用画像の作り方
    // と同じです。
}

function onSaveButtonClick()
{
    // セーブ ボタンが押された
    kag.saveBookMarkToFileWithAsk();
}

function onLoadButtonClick()
{
    // ロード ボタンが押された
    kag.loadBookMarkFromFileWithAsk();
}

function realign()
{
    // ボタンの再配置
    // このメソッドは、ボタンを x y 位置から横一列に配置する
    var fore, back, count, btn_x;

    count = foreButtons.count; // count にボタンの個数を代入
    btn_x = 0; // ボタンの表示オフセット
    for(var i = 0; i < count; i++)
    {
        var xpos = btn_x + x; // i 番目のボタンの x 方向の表示位置は、x にボタンの表示オフセットを足した位置になります
        var obj;

        obj = backButtons[i]; // obj に裏画面の i 番目のボタンオブジェクトへの参照を代入します
        obj.setPos(xpos, y);  // 裏画面の i 番目のボタンを (xpos, y) の位置に表示します
        obj.absolute = 2000000-3; // 裏画面の i 番目のボタンの重ね合わせ順序を 1999997（メッセージ履歴よりも奥）に設定します

        obj = foreButtons[i]; // obj に表画面の i 番目のボタンオブジェクトへの参照を代入します
        obj.setPos(xpos, y);  // 表画面の i 番目のボタンを (xpos, y) の位置に表示します
        obj.absolute = 2000000-3; // 表画面の i 番目のボタンの重ね合わせ順序を 1999997（メッセージ履歴よりも奥）に設定します

        btn_x += obj.width; // ボタンの表示オフセットに i 番目のボタンの幅を加算します
    }
}

function setObjProp(array, member, value)
{
    // array の各メンバのプロパティの設定
    for(var i = array.count - 1; i >= 0; i--) array[i][member] = value;
}

setObjProp(foreButtons, 'visible', foreSeen = false);