CP制技能的菜单窗口尺寸不对……

白玉楼的台阶 · 发表于 2017-5-15 23:47:12

加入我们，或者，欢迎回来。

您需要登录才可以下载或查看，没有帐号？注册会员

x

如图，这是一个让技能可以装卸的脚本
但是实际使用的时候发现窗口有问题，最下面一行本来应该显示全部的技能
就像换装备的时候，下面应该显示包裹里面能使用的装备一样
但是现在窗口尺寸明显出问题了……太小了，一行字都显示不出来……
试了一下，换技能只能靠猜的……
只能麻烦dalao帮忙调一下了 ……

原脚本

guoxiaomi · 发表于 2017-5-16 11:08:41

Scene_SkillEquip.prototype.create = function() {
Scene_MenuBase.prototype.create.call(this);
this.createHelpWindow();
this.createStatusWindow();
this.createCPWindow();
this.createSlotWindow();
this.createItemWindow();
this.refreshActor();
};

复制代码

以及下面的 5 个函数里定义了窗口位置和大小。

白玉楼的台阶 · 发表于 2017-5-16 23:34:39

guoxiaomi 发表于 2017-5-16 11:08
以及下面的 5 个函数里定义了窗口位置和大小。

实，实在是看不懂……里面要是有两个数字我还能瞎猜改一改，全是字母……
麻烦讲得再简单直接一点……

guoxiaomi · 发表于 2017-5-17 10:35:25

我添一些注释，你应该就能看懂了。首先在这个 Scene_SkillEquip 被创建时，会执行 initialize 方法。这里继承了 Scene_MenuBase 的同名方法。
虽然这里没有写，但是 Scene_MenuBase 的同名方法里肯定调用了 create 方法。所以需要定义 Scene_SkillEquip 的 create 方法，在此方法中除了继承 Scene_MenuBase 的 create 方法外，还调用了自身的另外 6 个方法。

JAVASCRIPT 代码复制

    //////////////////////////////////////////////////////////////////////////////////
    
    Scene_SkillEquip.prototype = Object.create(Scene_MenuBase.prototype);
    Scene_SkillEquip.prototype.constructor = Scene_SkillEquip;
 
    Scene_SkillEquip.prototype.initialize = function() {
        Scene_MenuBase.prototype.initialize.call(this);
    };
 
    Scene_SkillEquip.prototype.create = function() {
        Scene_MenuBase.prototype.create.call(this); // super
        this.createHelpWindow(); // 创建 HelpWindow
        this.createStatusWindow(); // 创建 StatusWindow
        this.createCPWindow(); // 创建 CPWindow
        this.createSlotWindow(); // 创建 SlotWindow
        this.createItemWindow(); // 创建 ItemWindow
        this.refreshActor(); // 刷新角色（与 Window 无关）
    };
 
//--------------------------------------------------------------------------------------
// 创建 HelpWindow
//--------------------------------------------------------------------------------------
    Scene_SkillEquip.prototype.createStatusWindow = function() {
        this._statusWindow = new Window_EquipStatus(0, this._helpWindow.height); 
        // StatusWindow 是 Window_EquipStatus 的实例（对象），创建时输入的参数是x，y坐标 x = 0 和 y = this._helpWindow.height
        // 这里要注意，createHelpWindow() 方法应该是 Scene_MenuBase 自带的，去那里找 HelpWindow 的默认高度
        // 看了一下 rpg_window.js 这个高度比较难算，由具体的内容决定
        // Window_EquipStatus 对象的宽是固定的 w = 312，参见原脚本 rpg_window.js 2259 行
        // Window_EquipStatus 对象的高请看 2263 行，由内容决定。后面的大部分窗口高度都是同样的由内容决定。
        this.addWindow(this._statusWindow);
    };
 
//--------------------------------------------------------------------------------------
// 创建 CPWindow
//--------------------------------------------------------------------------------------    
    Scene_SkillEquip.prototype.createCPWindow = function() {
        var wx = this._statusWindow.width; // CPWindow 的 x = StatusWindow 的宽，也就是说 CPWindow 左边紧靠着 StatusWindow 的右边
        var wy = this._helpWindow.height; // CPWindow 的 y = HelpWindow 的高，也就是说 CPWindow 上面紧靠着 HelpWindow 的下边
        var ww = Graphics.boxWidth - this._statusWindow.width; // CPWindow 的 w = 画面大小 - StatusWindow 的宽，也就是说 CPWindow 右边紧靠着画面最右边
        this._cpWindow = new Window_CP(wx, wy, ww); // 把 x y w 三个参数输入进去，注意到这里没有高度，高度是由 CPWindow 的内容决定
        this.addWindow(this._cpWindow);
        if (simpleMode) this._cpWindow.hide();
    };
//--------------------------------------------------------------------------------------
// 创建 SlotWindow
//--------------------------------------------------------------------------------------    
    Scene_SkillEquip.prototype.createSlotWindow = function() {
        var wx = this._statusWindow.width; // SlotWindow 的 x = StatusWindow 的宽，也就是说 SlotWindow 左边紧靠着 StatusWindow 的右边
        var wy = this._helpWindow.height; // SlotWindow 的 y = HelpWindow 的高，也就是说 SlotWindow 上面紧靠着 HelpWindow 的下边
        var ww = Graphics.boxWidth - this._statusWindow.width; // SlotWindow 的 w = 画面大小 - StatusWindow 的宽，也就是说 SlotWindow 右边紧靠着画面最右边
        var wh = this._statusWindow.height; // SlotWindow 的 h = StatusWindow 的高度
        if (!simpleMode) { // 在 非 simpleMode 的情况下，位置有所调整
            wy += this._cpWindow.height;
            wh -= this._cpWindow.height;
        }
        this._slotWindow = new Window_SlotCP(wx, wy, ww, wh);
        this._slotWindow.setHelpWindow(this._helpWindow);
        this._slotWindow.setStatusWindow(this._statusWindow);
        this._slotWindow.setHandler('ok',       this.onSlotOk.bind(this));
        this._slotWindow.setHandler('cancel',   this.popScene.bind(this));
        this._slotWindow.setHandler('pagedown', this.nextActor.bind(this));
        this._slotWindow.setHandler('pageup',   this.previousActor.bind(this));
        this.addWindow(this._slotWindow);
        this._slotWindow.activate();
        this._slotWindow.select(0);
    };
//--------------------------------------------------------------------------------------
// 创建 ItemWindow
//--------------------------------------------------------------------------------------  
    Scene_SkillEquip.prototype.createItemWindow = function() {
        var wx = 0; // x = 0，窗口靠左边
        var wy = this._statusWindow.y + this._statusWindow.height; // y 坐标，窗口上边靠StatusWindow 的下边
        var ww = Graphics.boxWidth; // w 宽度，窗口宽度等于画面宽度
        var wh = Graphics.boxHeight - wy; // h 高度，窗口下边靠着画面下边
        this._itemWindow = new Window_SkillCP(wx, wy, ww, wh);
        this._itemWindow.setHelpWindow(this._helpWindow);
        this._itemWindow.setStatusWindow(this._statusWindow);
        this._itemWindow.setHandler('ok',     this.onItemOk.bind(this));
        this._itemWindow.setHandler('cancel', this.onItemCancel.bind(this));
        this._slotWindow.setItemWindow(this._itemWindow);
        this._itemWindow.setSlotWindow(this._slotWindow);
        this.addWindow(this._itemWindow);
    };

    //////////////////////////////////////////////////////////////////////////////////


    


    Scene_SkillEquip.prototype = Object.create(Scene_MenuBase.prototype);


    Scene_SkillEquip.prototype.constructor = Scene_SkillEquip;


 


    Scene_SkillEquip.prototype.initialize = function() {


        Scene_MenuBase.prototype.initialize.call(this);


    };


 


    Scene_SkillEquip.prototype.create = function() {


        Scene_MenuBase.prototype.create.call(this); // super


        this.createHelpWindow(); // 创建 HelpWindow


        this.createStatusWindow(); // 创建 StatusWindow


        this.createCPWindow(); // 创建 CPWindow


        this.createSlotWindow(); // 创建 SlotWindow


        this.createItemWindow(); // 创建 ItemWindow


        this.refreshActor(); // 刷新角色（与 Window 无关）


    };


 


//--------------------------------------------------------------------------------------


// 创建 HelpWindow


//--------------------------------------------------------------------------------------


    Scene_SkillEquip.prototype.createStatusWindow = function() {


        this._statusWindow = new Window_EquipStatus(0, this._helpWindow.height); 


        // StatusWindow 是 Window_EquipStatus 的实例（对象），创建时输入的参数是x，y坐标 x = 0 和 y = this._helpWindow.height


        // 这里要注意，createHelpWindow() 方法应该是 Scene_MenuBase 自带的，去那里找 HelpWindow 的默认高度


        // 看了一下 rpg_window.js 这个高度比较难算，由具体的内容决定


        // Window_EquipStatus 对象的宽是固定的 w = 312，参见原脚本 rpg_window.js 2259 行


        // Window_EquipStatus 对象的高请看 2263 行，由内容决定。后面的大部分窗口高度都是同样的由内容决定。


        this.addWindow(this._statusWindow);


    };


 


//--------------------------------------------------------------------------------------


// 创建 CPWindow


//--------------------------------------------------------------------------------------    


    Scene_SkillEquip.prototype.createCPWindow = function() {


        var wx = this._statusWindow.width; // CPWindow 的 x = StatusWindow 的宽，也就是说 CPWindow 左边紧靠着 StatusWindow 的右边


        var wy = this._helpWindow.height; // CPWindow 的 y = HelpWindow 的高，也就是说 CPWindow 上面紧靠着 HelpWindow 的下边


        var ww = Graphics.boxWidth - this._statusWindow.width; // CPWindow 的 w = 画面大小 - StatusWindow 的宽，也就是说 CPWindow 右边紧靠着画面最右边


        this._cpWindow = new Window_CP(wx, wy, ww); // 把 x y w 三个参数输入进去，注意到这里没有高度，高度是由 CPWindow 的内容决定


        this.addWindow(this._cpWindow);


        if (simpleMode) this._cpWindow.hide();


    };


//--------------------------------------------------------------------------------------


// 创建 SlotWindow


//--------------------------------------------------------------------------------------    


    Scene_SkillEquip.prototype.createSlotWindow = function() {


        var wx = this._statusWindow.width; // SlotWindow 的 x = StatusWindow 的宽，也就是说 SlotWindow 左边紧靠着 StatusWindow 的右边


        var wy = this._helpWindow.height; // SlotWindow 的 y = HelpWindow 的高，也就是说 SlotWindow 上面紧靠着 HelpWindow 的下边


        var ww = Graphics.boxWidth - this._statusWindow.width; // SlotWindow 的 w = 画面大小 - StatusWindow 的宽，也就是说 SlotWindow 右边紧靠着画面最右边


        var wh = this._statusWindow.height; // SlotWindow 的 h = StatusWindow 的高度


        if (!simpleMode) { // 在 非 simpleMode 的情况下，位置有所调整


            wy += this._cpWindow.height;


            wh -= this._cpWindow.height;


        }


        this._slotWindow = new Window_SlotCP(wx, wy, ww, wh);


        this._slotWindow.setHelpWindow(this._helpWindow);


        this._slotWindow.setStatusWindow(this._statusWindow);


        this._slotWindow.setHandler('ok',       this.onSlotOk.bind(this));


        this._slotWindow.setHandler('cancel',   this.popScene.bind(this));


        this._slotWindow.setHandler('pagedown', this.nextActor.bind(this));


        this._slotWindow.setHandler('pageup',   this.previousActor.bind(this));


        this.addWindow(this._slotWindow);


        this._slotWindow.activate();


        this._slotWindow.select(0);


    };


//--------------------------------------------------------------------------------------


// 创建 ItemWindow


//--------------------------------------------------------------------------------------  


    Scene_SkillEquip.prototype.createItemWindow = function() {


        var wx = 0; // x = 0，窗口靠左边


        var wy = this._statusWindow.y + this._statusWindow.height; // y 坐标，窗口上边靠StatusWindow 的下边


        var ww = Graphics.boxWidth; // w 宽度，窗口宽度等于画面宽度


        var wh = Graphics.boxHeight - wy; // h 高度，窗口下边靠着画面下边


        this._itemWindow = new Window_SkillCP(wx, wy, ww, wh);


        this._itemWindow.setHelpWindow(this._helpWindow);


        this._itemWindow.setStatusWindow(this._statusWindow);


        this._itemWindow.setHandler('ok',     this.onItemOk.bind(this));


        this._itemWindow.setHandler('cancel', this.onItemCancel.bind(this));


        this._slotWindow.setItemWindow(this._itemWindow);


        this._itemWindow.setSlotWindow(this._slotWindow);


        this.addWindow(this._itemWindow);


    };

这样就说清楚了吧。因为你的 StatusWindow 里的内容过多，导致 ItemWindow 被压下去了。虽然看上去没有那么多，但是可能有不显示的项目被一起算进去了。

白玉楼的台阶 · 发表于 2017-5-18 21:03:55

guoxiaomi 发表于 2017-5-17 10:35
我添一些注释，你应该就能看懂了。首先在这个 Scene_SkillEquip 被创建时，会执行 initialize 方法。这里继 ...

终于搞定了……非常感谢
虽然明白您授之鱼不如授之于渔的心情，其实我一开始只是想要成品的
不过机会难得，而且都写了这么详细的注释了……
我一开始想修改 StatusWindow 的，不过那要修改游戏原本的 StatusWindow 设置，影响到人物状态了
后来想试试修改脚本里面的 StatusWindow ，不让它直接调用游戏本身的，只显示数据就行了……然而力有未逮，试了好久都搞不定……

还好注释写的非常详细，我想了想，既然没办法缩小 StatusWindow，那就直接拉大itemWindow好了

Scene_SkillEquip.prototype.createItemWindow = function() {
      var wx = 0;
      var wy = 450;
      var ww = Graphics.boxWidth;
      var wh = Graphics.boxHeight - wy;

不过这样已装备的技能那个窗口下半部分就会被覆盖掉了
所以又缩小了cpWindow
Scene_SkillEquip.prototype.createSlotWindow = function() {
      var wx = this._statusWindow.width;
      var wy = this._helpWindow.height;
      var ww = Graphics.boxWidth - this._statusWindow.width;
      var wh = this._statusWindow.height-125;

当然，都是用的笨办法，直接改尺寸和坐标，硬试了几个数字，找了个看上去最舒服的
cpWindow那边我试过了，如果数量超过窗口尺寸，会显示出下拉箭头
至于StatusWindow下半部分被遮住的……天生也不显示东西，遮住就遮住吧

另外，解决完这个问题，我编辑了回复，然后回头最后测试一遍游戏……发现了窗口尺寸不对的源头……
我用了一个拓展装备栏的脚本，那个脚本会拉长装备和状态栏窗口……拉得太长就会这样了……

帐号		自动登录	找回密码
密码			注册会员

[已经解决] CP制技能的菜单窗口尺寸不对……

加入我们，或者，欢迎回来。

点评

开拓者