窗口翻页问题

zxc3824

因为想做个图标物品栏，设置成每个框120*120的。结果发现翻页以后，光标位置和原来的不一样

在每行只有32像素高的时候，发现翻页是正常的。但是设置成每行120像素，就发现跳页，或者物品栏都不正常了。求指教要改哪里

RUBY 代码复制

#==============================================================================
# ■ Window_Item
#------------------------------------------------------------------------------
# 　物品画面、战斗画面、显示浏览物品的窗口。
#==============================================================================
 
class Window_Item < Window_Selectable
  #--------------------------------------------------------------------------
  # ● 初始化对像
  #--------------------------------------------------------------------------
  def initialize
    super(16, 48, 632, 392)
    @column_max = 5
    refresh
    self.index = 0
    # 战斗中的情况下将窗口移至中央并将其半透明化
    if $game_temp.in_battle
      self.y = 64
      self.height = 256
      self.back_opacity = 160
    end
  end
  #--------------------------------------------------------------------------
  # ● 获取物品
  #--------------------------------------------------------------------------
  def item
    return @data[self.index]
  end
  #--------------------------------------------------------------------------
  # ● 刷新
  #--------------------------------------------------------------------------
  def refresh
    if self.contents != nil
      self.contents.dispose
      self.contents = nil
    end
    @data = []
    # 添加报务
    for i in 1...$data_items.size
      if $game_party.item_number(i) > 0
        @data.push($data_items[i])
      end
    end
    # 在战斗中以外添加武器、防具
    unless $game_temp.in_battle
      for i in 1...$data_weapons.size
        if $game_party.weapon_number(i) > 0
          @data.push($data_weapons[i])
        end
      end
      for i in 1...$data_armors.size
        if $game_party.armor_number(i) > 0
          @data.push($data_armors[i])
        end
      end
    end
    # 如果项目数不是 0 就生成位图、重新描绘全部项目
    @item_max = @data.size
    if @item_max > 0
      self.contents = Bitmap.new(width - 32, row_max * 120)
      for i in 0...@item_max
        draw_item(i)
      end
    end
  end
  #--------------------------------------------------------------------------
  # ● 描绘项目
  #     index : 项目编号
  #--------------------------------------------------------------------------
  def draw_item(index)
    item = @data[index]
    case item
    when RPG::Item
      number = $game_party.item_number(item.id)
    when RPG::Weapon
      number = $game_party.weapon_number(item.id)
    when RPG::Armor
      number = $game_party.armor_number(item.id)
    end
    if item.is_a?(RPG::Item) and
       $game_party.item_can_use?(item.id)
      self.contents.font.color = normal_color
    else
      self.contents.font.color = disabled_color
    end
    x = index % @column_max * (88 + 32)
    y = index / @column_max * 120
    rect = Rect.new(x, y, self.width / @column_max - 32, 120)
    self.contents.fill_rect(rect, Color.new(0, 0, 0, 0))
    bitmap = RPG::Cache.icon(item.icon_name)
    opacity = self.contents.font.color == normal_color ? 255 : 128
    self.contents.blt(x, y + 4, bitmap, Rect.new(0, 0, 120, 120), opacity)
    self.contents.draw_text(x + 28, y, 212, 32, item.name, 0)
    self.contents.draw_text(x + 240, y, 16, 32, ":", 1)
    self.contents.draw_text(x + 256, y, 24, 32, number.to_s, 2)
  end
  #--------------------------------------------------------------------------
  # ● 刷新帮助文本
  #--------------------------------------------------------------------------
  def update_help
    @help_window.set_text(self.item == nil ? "" : self.item.description)
  end
 
  #--------------------------------------------------------------------------
  # ● 获取开头行
  #--------------------------------------------------------------------------
  def top_row
    # 将窗口内容的传送源 Y 坐标、1 行的高 32 等分
    return self.oy / 120
  end
  #--------------------------------------------------------------------------
  # ● 设置开头行
  #     row : 显示开头的行
  #--------------------------------------------------------------------------
  def top_row=(row)
    # row 未满 0 的场合更正为 0
    if row < 0
      row = 0
    end
    # row 超过 row_max - 1 的情况下更正为 row_max - 1 
    if row > row_max - 1
      row = row_max - 1
    end
    # row 1 行高的 32 倍、窗口内容的传送源 Y 坐标
    self.oy = row * 120
  end
  #--------------------------------------------------------------------------
  # ● 获取 1 页可以显示的行数
  #--------------------------------------------------------------------------
  def page_row_max
    # 窗口的高度，设置画面的高度减去 32 ，除以 1 行的高度 32 
    return (self.height - 32) / 120
  end
 
  #--------------------------------------------------------------------------
  # ● 更新光标举行
  #--------------------------------------------------------------------------
  def update_cursor_rect
    # 光标位置不满 0 的情况下
    if @index < 0
      self.cursor_rect.empty
      return
    end
    # 获取当前的行
    row = @index / @column_max
    # 当前行被显示开头行前面的情况下
    if row < self.top_row
      # 从当前行向开头行滚动
      self.top_row = row
    end
    # 当前行被显示末尾行之后的情况下
    if row > self.top_row + (self.page_row_max - 1)
      # 从当前行向末尾滚动
      self.top_row = row - (self.page_row_max - 1)
    end
    # 计算光标的宽
    cursor_width = 120#self.width / @column_max - 32
    # 计算光标坐标
    x = @index % @column_max * 120
    y = @index / @column_max * 120 
    # 更新国标矩形
    self.cursor_rect.set(x, y, cursor_width, 120)
  end
end

#==============================================================================


# ■ Window_Item


#------------------------------------------------------------------------------


# 　物品画面、战斗画面、显示浏览物品的窗口。


#==============================================================================


 


class Window_Item < Window_Selectable


  #--------------------------------------------------------------------------


  # ● 初始化对像


  #--------------------------------------------------------------------------


  def initialize


    super(16, 48, 632, 392)


    @column_max = 5


    refresh


    self.index = 0


    # 战斗中的情况下将窗口移至中央并将其半透明化


    if $game_temp.in_battle


      self.y = 64


      self.height = 256


      self.back_opacity = 160


    end


  end


  #--------------------------------------------------------------------------


  # ● 获取物品


  #--------------------------------------------------------------------------


  def item


    return @data[self.index]


  end


  #--------------------------------------------------------------------------


  # ● 刷新


  #--------------------------------------------------------------------------


  def refresh


    if self.contents != nil


      self.contents.dispose


      self.contents = nil


    end


    @data = []


    # 添加报务


    for i in 1...$data_items.size


      if $game_party.item_number(i) > 0


        @data.push($data_items[i])


      end


    end


    # 在战斗中以外添加武器、防具


    unless $game_temp.in_battle


      for i in 1...$data_weapons.size


        if $game_party.weapon_number(i) > 0


          @data.push($data_weapons[i])


        end


      end


      for i in 1...$data_armors.size


        if $game_party.armor_number(i) > 0


          @data.push($data_armors[i])


        end


      end


    end


    # 如果项目数不是 0 就生成位图、重新描绘全部项目


    @item_max = @data.size


    if @item_max > 0


      self.contents = Bitmap.new(width - 32, row_max * 120)


      for i in 0...@item_max


        draw_item(i)


      end


    end


  end


  #--------------------------------------------------------------------------


  # ● 描绘项目


  #     index : 项目编号


  #--------------------------------------------------------------------------


  def draw_item(index)


    item = @data[index]


    case item


    when RPG::Item


      number = $game_party.item_number(item.id)


    when RPG::Weapon


      number = $game_party.weapon_number(item.id)


    when RPG::Armor


      number = $game_party.armor_number(item.id)


    end


    if item.is_a?(RPG::Item) and


       $game_party.item_can_use?(item.id)


      self.contents.font.color = normal_color


    else


      self.contents.font.color = disabled_color


    end


    x = index % @column_max * (88 + 32)


    y = index / @column_max * 120


    rect = Rect.new(x, y, self.width / @column_max - 32, 120)


    self.contents.fill_rect(rect, Color.new(0, 0, 0, 0))


    bitmap = RPG::Cache.icon(item.icon_name)


    opacity = self.contents.font.color == normal_color ? 255 : 128


    self.contents.blt(x, y + 4, bitmap, Rect.new(0, 0, 120, 120), opacity)


    self.contents.draw_text(x + 28, y, 212, 32, item.name, 0)


    self.contents.draw_text(x + 240, y, 16, 32, ":", 1)


    self.contents.draw_text(x + 256, y, 24, 32, number.to_s, 2)


  end


  #--------------------------------------------------------------------------


  # ● 刷新帮助文本


  #--------------------------------------------------------------------------


  def update_help


    @help_window.set_text(self.item == nil ? "" : self.item.description)


  end


 


  #--------------------------------------------------------------------------


  # ● 获取开头行


  #--------------------------------------------------------------------------


  def top_row


    # 将窗口内容的传送源 Y 坐标、1 行的高 32 等分


    return self.oy / 120


  end


  #--------------------------------------------------------------------------


  # ● 设置开头行


  #     row : 显示开头的行


  #--------------------------------------------------------------------------


  def top_row=(row)


    # row 未满 0 的场合更正为 0


    if row < 0


      row = 0


    end


    # row 超过 row_max - 1 的情况下更正为 row_max - 1 


    if row > row_max - 1


      row = row_max - 1


    end


    # row 1 行高的 32 倍、窗口内容的传送源 Y 坐标


    self.oy = row * 120


  end


  #--------------------------------------------------------------------------


  # ● 获取 1 页可以显示的行数


  #--------------------------------------------------------------------------


  def page_row_max


    # 窗口的高度，设置画面的高度减去 32 ，除以 1 行的高度 32 


    return (self.height - 32) / 120


  end


 


  #--------------------------------------------------------------------------


  # ● 更新光标举行


  #--------------------------------------------------------------------------


  def update_cursor_rect


    # 光标位置不满 0 的情况下


    if @index < 0


      self.cursor_rect.empty


      return


    end


    # 获取当前的行


    row = @index / @column_max


    # 当前行被显示开头行前面的情况下


    if row < self.top_row


      # 从当前行向开头行滚动


      self.top_row = row


    end


    # 当前行被显示末尾行之后的情况下


    if row > self.top_row + (self.page_row_max - 1)


      # 从当前行向末尾滚动


      self.top_row = row - (self.page_row_max - 1)


    end


    # 计算光标的宽


    cursor_width = 120#self.width / @column_max - 32


    # 计算光标坐标


    x = @index % @column_max * 120


    y = @index / @column_max * 120 


    # 更新国标矩形


    self.cursor_rect.set(x, y, cursor_width, 120)


  end


end

zxc3824

@怪蜀黍
p叔速速来救场啊{:2_279:}

冰水金刚

光标位置不一样
在更新光标矩形处调整光标坐标

zxc3824

补上一张图，这是使用了脚本以后，如果物品栏超过15个物品就会出现这种情况，光标对应不上

RyanBern

出现翻页不正常的原因是Window_Selectable编写是按照一行高度32来算的，因此翻页计算光标都按照32来，有一定局限性。这个Window_Selectable可以实现任意高度的行高窗口。
使用的时候，你的Window_Item中的initialize其中有一句：
super(16, 48, 632, 392)要改成：
super(16, 48, 632, 392, 120)，最后一个数表示行高是120。

1. #==============================================================================
   
2. # ■ Window_Selectable
   
3. #------------------------------------------------------------------------------
   
4. # 　拥有光标的移动以及滚动功能的窗口类。
   
5. #==============================================================================
   
6. 
   
7. class Window_Selectable < Window_Base
   
8.   #--------------------------------------------------------------------------
   
9.   # ● 定义实例变量
   
10.   #--------------------------------------------------------------------------
    
11.   attr_reader   :index                    # 光标位置
    
12.   attr_reader   :help_window              # 帮助窗口
    
13.   attr_accessor :row_height               # 行高
    
14.   #--------------------------------------------------------------------------
    
15.   # ● 初始化对像
    
16.   #     x      : 窗口的 X 坐标
    
17.   #     y      : 窗口的 Y 坐标
    
18.   #     width  : 窗口的宽
    
19.   #     height : 窗口的高
    
20.   #     row_height : 行高 默认是32
    
21.   #--------------------------------------------------------------------------
    
22.   def initialize(x, y, width, height, row_height=32)
    
23.     super(x, y, width, height)
    
24.     @item_max = 1
    
25.     @column_max = 1
    
26.     @index = -1
    
27.     @row_height = row_height
    
28.   end
    
29.   #--------------------------------------------------------------------------
    
30.   # ● 设置光标的位置
    
31.   #     index : 新的光标位置
    
32.   #--------------------------------------------------------------------------
    
33.   def index=(index)
    
34.     @index = index
    
35.     # 刷新帮助文本 (update_help 定义了继承目标)
    
36.     if self.active and @help_window != nil
    
37.       update_help
    
38.     end
    
39.     # 刷新光标矩形
    
40.     update_cursor_rect
    
41.   end
    
42.   #--------------------------------------------------------------------------
    
43.   # ● 获取行数
    
44.   #--------------------------------------------------------------------------
    
45.   def row_max
    
46.     # 由项目数和列数计算出行数
    
47.     return (@item_max + @column_max - 1) / @column_max
    
48.   end
    
49.   #--------------------------------------------------------------------------
    
50.   # ● 获取开头行
    
51.   #--------------------------------------------------------------------------
    
52.   def top_row
    
53.     # 将窗口内容的传送源 Y 坐标、1 行的高 @row_height 等分
    
54.     return self.oy / @row_height
    
55.   end
    
56.   #--------------------------------------------------------------------------
    
57.   # ● 设置开头行
    
58.   #     row : 显示开头的行
    
59.   #--------------------------------------------------------------------------
    
60.   def top_row=(row)
    
61.     # row 未满 0 的场合更正为 0
    
62.     if row < 0
    
63.       row = 0
    
64.     end
    
65.     # row 超过 row_max - 1 的情况下更正为 row_max - 1
    
66.     if row > row_max - 1
    
67.       row = row_max - 1
    
68.     end
    
69.     # row 1 行高的 @row_height 倍、窗口内容的传送源 Y 坐标
    
70.     self.oy = row * @row_height
    
71.   end
    
72.   #--------------------------------------------------------------------------
    
73.   # ● 获取 1 页可以显示的行数
    
74.   #--------------------------------------------------------------------------
    
75.   def page_row_max
    
76.     # 窗口的高度，设置画面的高度减去 32 ，除以 1 行的高度 row_height
    
77.     return (self.height - 32) / @row_height
    
78.   end
    
79.   #--------------------------------------------------------------------------
    
80.   # ● 获取 1 页可以显示的项目数
    
81.   #--------------------------------------------------------------------------
    
82.   def page_item_max
    
83.     # 将行数 page_row_max 乘上列数 @column_max
    
84.     return page_row_max * @column_max
    
85.   end
    
86.   #--------------------------------------------------------------------------
    
87.   # ● 帮助窗口的设置
    
88.   #     help_window : 新的帮助窗口
    
89.   #--------------------------------------------------------------------------
    
90.   def help_window=(help_window)
    
91.     @help_window = help_window
    
92.     # 刷新帮助文本 (update_help 定义了继承目标)
    
93.     if self.active and @help_window != nil
    
94.       update_help
    
95.     end
    
96.   end
    
97.   #--------------------------------------------------------------------------
    
98.   # ● 更新光标举行
    
99.   #--------------------------------------------------------------------------
    
100.   def update_cursor_rect
     
101.     # 光标位置不满 0 的情况下
     
102.     if @index < 0
     
103.       self.cursor_rect.empty
     
104.       return
     
105.     end
     
106.     # 获取当前的行
     
107.     row = @index / @column_max
     
108.     # 当前行被显示开头行前面的情况下
     
109.     if row < self.top_row
     
110.       # 从当前行向开头行滚动
     
111.       self.top_row = row
     
112.     end
     
113.     # 当前行被显示末尾行之后的情况下
     
114.     if row > self.top_row + (self.page_row_max - 1)
     
115.       # 从当前行向末尾滚动
     
116.       self.top_row = row - (self.page_row_max - 1)
     
117.     end
     
118.     # 计算光标的宽
     
119.     cursor_width = self.width / @column_max - 32
     
120.     # 计算光标坐标
     
121.     x = @index % @column_max * (cursor_width + 32)
     
122.     y = @index / @column_max * @row_height - self.oy
     
123.     # 更新光标矩形
     
124.     self.cursor_rect.set(x, y, cursor_width, @row_height)
     
125.   end
     
126.   #--------------------------------------------------------------------------
     
127.   # ● 刷新画面
     
128.   #--------------------------------------------------------------------------
     
129.   def update
     
130.     super
     
131.     # 可以移动光标的情况下
     
132.     if self.active and @item_max > 0 and @index >= 0
     
133.       # 方向键下被按下的情况下
     
134.       if Input.repeat?(Input::DOWN)
     
135.         # 列数不是 1 并且方向键的下的按下状态不是重复的情况、
     
136.         # 或光标位置在(项目数-列数)之前的情况下
     
137.         if (@column_max == 1 and Input.trigger?(Input::DOWN)) or
     
138.            @index < @item_max - @column_max
     
139.           # 光标向下移动
     
140.           $game_system.se_play($data_system.cursor_se)
     
141.           @index = (@index + @column_max) % @item_max
     
142.         end
     
143.       end
     
144.       # 方向键上被按下的情况下
     
145.       if Input.repeat?(Input::UP)
     
146.         # 列数不是 1 并且方向键的下的按下状态不是重复的情况、
     
147.         # 或光标位置在列之后的情况下
     
148.         if (@column_max == 1 and Input.trigger?(Input::UP)) or
     
149.            @index >= @column_max
     
150.           # 光标向上移动
     
151.           $game_system.se_play($data_system.cursor_se)
     
152.           @index = (@index - @column_max + @item_max) % @item_max
     
153.         end
     
154.       end
     
155.       # 方向键右被按下的情况下
     
156.       if Input.repeat?(Input::RIGHT)
     
157.         # 列数为 2 以上并且、光标位置在(项目数 - 1)之前的情况下
     
158.         if @column_max >= 2 and @index < @item_max - 1
     
159.           # 光标向右移动
     
160.           $game_system.se_play($data_system.cursor_se)
     
161.           @index += 1
     
162.         end
     
163.       end
     
164.       # 方向键左被按下的情况下
     
165.       if Input.repeat?(Input::LEFT)
     
166.         # 列数为 2 以上并且、光标位置在 0 之后的情况下
     
167.         if @column_max >= 2 and @index > 0
     
168.           # 光标向左移动
     
169.           $game_system.se_play($data_system.cursor_se)
     
170.           @index -= 1
     
171.         end
     
172.       end
     
173.       # R 键被按下的情况下
     
174.       if Input.repeat?(Input::R)
     
175.         # 显示的最后行在数据中最后行上方的情况下
     
176.         if self.top_row + (self.page_row_max - 1) < (self.row_max - 1)
     
177.           # 光标向后移动一页
     
178.           $game_system.se_play($data_system.cursor_se)
     
179.           @index = [@index + self.page_item_max, @item_max - 1].min
     
180.           self.top_row += self.page_row_max
     
181.         end
     
182.       end
     
183.       # L 键被按下的情况下
     
184.       if Input.repeat?(Input::L)
     
185.         # 显示的开头行在位置 0 之后的情况下
     
186.         if self.top_row > 0
     
187.           # 光标向前移动一页
     
188.           $game_system.se_play($data_system.cursor_se)
     
189.           @index = [@index - self.page_item_max, 0].max
     
190.           self.top_row -= self.page_row_max
     
191.         end
     
192.       end
     
193.     end
     
194.     # 刷新帮助文本 (update_help 定义了继承目标)
     
195.     if self.active and @help_window != nil
     
196.       update_help
     
197.     end
     
198.     # 刷新光标矩形
     
199.     update_cursor_rect
     
200.   end
     
201. end

复制代码