8.13　ドラッガブルシステムボタン（その２）

class DraggableSystemButtonPlugin extends ExSystemButtonPlugin
{
    var x = [464, 496, 528, 560]; // 初期 x 位置
    var y = [400, 368, 400, 368]; // 初期 y 位置

    function DraggableSystemButtonPlugin()
    {
        // スーパークラスのコンストラクタを呼び出します
        super.ExSystemButtonPlugin();
    }

    function finalize()
    {
        // スーパークラスのデストラクタを呼び出します
        super.finalize();
    }
}

function createButtons(parent, array)
{
    var obj;

    // ボタン 0 (メッセージスキップ)
    array.add(obj = new DraggableSystemButtonLayer(kag, parent, onSkipButtonClick, onButtonDragged));
    obj.loadImages('btn_skip'); // メッセージスキップボタン用画像を読み込みます

    // ボタン 1 (オートモード)
    array.add(obj = new DraggableSystemButtonLayer(kag, parent, onAutoModeButtonClick, onButtonDragged));
    obj.loadImages('btn_auto'); // オートモードボタン用画像を読み込みます

    // ボタン 2 (メッセージ履歴表示)
    array.add(obj = new DraggableSystemButtonLayer(kag, parent, onShowHistoryButtonClick, onButtonDragged));
    obj.loadImages('btn_history'); // メッセージ履歴表示ボタン用画像を読み込みます

    // ボタン 3 (メッセージウィンドウ消去)
    array.add(obj = new DraggableSystemButtonLayer(kag, parent, onHideMessageButtonClick, onButtonDragged));
    obj.loadImages('btn_hide'); // メッセージウィンドウ消去ボタン用画像を読み込みます
}

function onButtonDragged(dx, dy)
{
    // すべてのボタンを dx, dy だけ移動します
    moveButtons(dx, dy);
}

function moveButtons(dx, dy)
{
    // 全てのボタンを横方向に dx ピクセル、縦方向に dy ピクセル移動します
    var count = x.count;
    for(var i=0;i<count;i++)
    {
        x[i] += dx;
        y[i] += dy;
        foreButtons[i].setPos(x[i], y[i]);
        backButtons[i].setPos(x[i], y[i]);
    }
}

function setOptions(elm)
{
    // オプションを設定
    setObjProp(foreButtons, 'visible', foreSeen = +elm.forevisible) if elm.forevisible !== void;
    setObjProp(backButtons, 'visible', backSeen = +elm.backvisible) if elm.backvisible !== void;
    if(elm.left !== void || elm.top !== void)
    {
        // 表示位置の変更
        moveButtons(elm.left !== void ? +elm.left - x[0] : 0, elm.top !== void ? +elm.top - y[0] : 0);
    }
}

kag.addPlugin(global.draggablesystembutton_object = new DraggableSystemButtonPlugin(kag));
    // プラグインオブジェクトを作成し、登録する

function ButtonLayer(win, par)
{
    super.KAGLayer(win, par);

    if(typeof win.cursorPointed !== "undefined")
        cursor = win.cursorPointed;

    hitType = htMask;
    hitThreshold = 0;
    focusable = true; // フォーカスを得られる
}

function DraggableSystemButtonLayer(window, parent, clickfunc, dragfunc)
{
    // スーパークラスのコンストラクタを呼び出します
    super.ExSystemButtonLayer(window, parent, clickfunc);

    // 完全に透明な部分ではマウス系のイベントが発生しないようにします
    hitThreshold = 1;

    // ドラッグ中に呼び出されるメソッドへの参照を onDragFunction にセットしておきます
    onDragFunction = dragfunc;
}