Vlue的「简单图标物品栏」兼容「右侧滚动条」

alexncf125

@cinderelmini
大大的右侧滚动条与下方的脚本合用会有瑕疵喔
问题好像与page_row_max有关?


[pre lang="ruby"]#简单图标物品栏 v1.0
#----------#
#特点: 看, 是图标! 而不是列表!
#
#使用方法:    即插即用.
#
#----------#
#-- Script by: V.M of D.T
#
#- Questions or comments can be:
#    given by email: sumptuaryspade@live.ca
#    provided on facebook: http://www.facebook.com/DaimoniousTailsGames
#   All my other scripts and projects can be found here: http://daimonioustails.weebly.com/
#
#--- Free to use in any project, commercial or non-commercial, with credit given
# - - Though a donation's always a nice way to say thank you~ (I also accept actual thank you's)

class Window_ItemList < Window_Selectable
  def col_max
    (self.width - standard_padding) / 42
  end
  def page_row_max
    7
  end
  def item_height
    36
  end
  def item_width
    36
  end
  def contents_height
    [super - super % item_height, row_max * (item_height + spacing)].max
  end
  def spacing
    6
  end
  def top_row
    oy / (item_height + spacing)
  end
  def top_row=(row)
    row = 0 if row < 0
    row = row_max - 1 if row > row_max - 1
    self.oy = row * (item_height + spacing)
  end
  def item_rect(index)
    rect = Rect.new
    rect.width = item_width
    rect.height = item_height
    rect.x = index % col_max * (item_width + spacing) + spacing
    rect.y = index / col_max * (item_height + spacing) + spacing
    rect
  end
  def draw_item(index)
    item = @data[index]
    if item
      rect = item_rect(index)
      rect.width -= 4
      rect.x += 2
      big_rect = Rect.new(rect.x-1,rect.y-1,rect.width+2,rect.height+2)
      contents.fill_rect(big_rect, Color.new(0,0,0,255))
      contents.fill_rect(rect, Color.new(0,0,0,100))
      draw_icon(item.icon_index, rect.x+6, rect.y+6)
      contents.font.size = 12
      number = $game_party.item_number(item)
      if number > 1
        draw_text(rect.x + 20, rect.y + 28, 24, contents.font.size, "x" + number.to_s)
      end
    end
  end
end[/pre]

cinderelmini

啊……这还是有点年头的产物了……我看看先……

---

检查了一遍，大概找到问题是什么原因导致的了，
因为这个图标物品列表脚本里，给每一行都加上了原本作为横向排列的间距参数spacing，
但是这个方法过于暴力，改变了很多作为计算用的数值，而且原本很多是动态计算出来的数值都被设置为固定数字了，于是导致了滚动条的计算出现问题。

我不是很建议让这两个脚本放在一起使用，可以换用另一个来自外网“atelier-rgss”的滚动条脚本：

MOG - Scroll Bar (V1.2)

1. #==============================================================================
   
2. # +++ MOG - Scroll Bar (V1.2) +++
   
3. #==============================================================================
   
4. # By Moghunter
   
5. # http://www.atelier-rgss.com
   
6. #==============================================================================
   
7. # Adiciona uma barra de rolamento nas janelas quando a lista de itens é maior
   
8. # que a altura da janela.
   
9. #==============================================================================
   
10. # Histórico.
    
11. #==============================================================================
    
12. # 1.2 - Melhoria de compatibilidade.
    
13. #==============================================================================
    
14. module MOG_SCROLL_BAR
    
15.    #Definição da posição da barra de deslize.
    
16.    SCROLL_BAR_POSITION = [-6,8]
    
17.    #Definição da posição Z.
    
18.    SCROLL_BAR_Z = 100
    
19.    #Definição da cor na imagem baseado no Windowskin.
    
20.    SCROLL_BAR_COLOR = [72,96]
    
21.    SCROLL_BACKGROUND_COLOR = [64,96]   
    
22. end
    
23. 
    
24. $imported = {} if $imported.nil?
    
25. $imported[:mog_scroll_bar] = true
    
26. 
    
27. #==============================================================================
    
28. # ■ Window Selectable
    
29. #==============================================================================
    
30. class Window_Selectable < Window_Base
    
31.   
    
32.   include MOG_SCROLL_BAR
    
33.   
    
34.   #--------------------------------------------------------------------------
    
35.   # * Create Scroll Bar
    
36.   #--------------------------------------------------------------------------
    
37.   def create_scroll_bar
    
38.       @scroll_bitmap = true
    
39.       return if row_max < 1
    
40.       @sc_active = self.active ; @sb_sprite = []; @sb_sprite_px = 0
    
41.       2.times do |i| @sb_sprite[i] = Sprite.new; @sb_sprite[i].opacity = 0
    
42.       @sb_sprite[i].bitmap = Bitmap.new(4,self.height - 16) end
    
43.       refresh_scroll_bar ; update_scroll_bar
    
44.   end
    
45.   
    
46.   #--------------------------------------------------------------------------
    
47.   # * Refresh Scroll Bar
    
48.   #--------------------------------------------------------------------------
    
49.   def refresh_scroll_bar
    
50.       return if @sb_sprite == nil
    
51.       @sc_active = self.active
    
52.       refresh_scroll_point ; refresh_scroll_background
    
53.   end
    
54.   
    
55.   #--------------------------------------------------------------------------
    
56.   # * Refresh Scroll Point
    
57.   #--------------------------------------------------------------------------
    
58.   def refresh_scroll_point
    
59.       @sb_sprite[1].bitmap.clear
    
60.       row_max_sc = row_max  > 20 ? 20 : row_max
    
61.       @sb_row_zize = @sb_sprite[1].bitmap.height / row_max_sc + 1
    
62.       @row_range_y = @sb_sprite[1].bitmap.height.to_f / row_max
    
63.       @sb_row_max = self.y + self.height + 8  - (@sb_row_zize + 16)      
    
64.       sc_rect = Rect.new(SCROLL_BAR_COLOR[0],SCROLL_BAR_COLOR[1],4,8)
    
65.       sc_rect2 = Rect.new(0,0,6,@sb_row_zize)
    
66.       @sb_sprite[1].bitmap.stretch_blt(sc_rect2, self.windowskin, sc_rect)   
    
67.       @sb_sprite[1].z = self.z + SCROLL_BAR_Z + 1; @sb_sprite[1].opacity = 0
    
68.       @sb_sprite[1].visible = can_scroll_bar_visible?
    
69.   end
    
70.   
    
71.   #--------------------------------------------------------------------------
    
72.   # * Refresh Scroll Background
    
73.   #--------------------------------------------------------------------------
    
74.   def refresh_scroll_background
    
75.       @sb_sprite[0].bitmap.clear
    
76.       @sb_sprite_px = self.width - (-SCROLL_BAR_POSITION[0] + @sb_sprite[0].bitmap.width)      
    
77.       sc_rect = Rect.new(SCROLL_BACKGROUND_COLOR[0],SCROLL_BACKGROUND_COLOR[1],6,8)
    
78.       sc_rect2 = Rect.new(0,0,6,@sb_sprite[0].bitmap.height)
    
79.       @sb_sprite[0].bitmap.stretch_blt(sc_rect2, self.windowskin, sc_rect)   
    
80.       @sb_sprite[0].z = self.z + SCROLL_BAR_Z; @sb_sprite[0].opacity = 0
    
81.       @sb_sprite[0].visible = can_scroll_bar_visible?
    
82.   end
    
83.   
    
84.   #--------------------------------------------------------------------------
    
85.   # * Can Scroll Bar Visible
    
86.   #--------------------------------------------------------------------------
    
87.   def can_scroll_bar_visible?
    
88.       return false if row_max <= page_row_max
    
89.       return true
    
90.   end  
    
91.   
    
92.   #--------------------------------------------------------------------------
    
93.   # * Dispose
    
94.   #--------------------------------------------------------------------------
    
95.   alias mog_sc_dispose dispose
    
96.   def dispose
    
97.       mog_sc_dispose
    
98.       dispose_scroll_bar
    
99.   end
    
100.   
     
101.   #--------------------------------------------------------------------------
     
102.   # * Dispose Scroll Bar
     
103.   #--------------------------------------------------------------------------
     
104.   def dispose_scroll_bar
     
105.       return if @sb_sprite == nil
     
106.       @sb_sprite.each {|sprite| sprite.bitmap.dispose ; sprite.dispose }
     
107.   end
     
108.   
     
109.   #--------------------------------------------------------------------------
     
110.   # * Update
     
111.   #--------------------------------------------------------------------------
     
112.   alias mog_sc_update update
     
113.   def update
     
114.       mog_sc_update
     
115.       update_scroll_bar
     
116.   end
     
117.   
     
118.   #--------------------------------------------------------------------------
     
119.   # * Update Scroll Bar
     
120.   #--------------------------------------------------------------------------
     
121.   def update_scroll_bar
     
122.       create_scroll_bar if @scroll_bitmap == nil
     
123.       return if @sb_sprite == nil            
     
124.       refresh_scroll_bar if @sc_active != self.active
     
125.       @sb_sprite[0].y = self.y + 8; @sb_sprite[1].y = scroll_bar_y
     
126.       @sb_sprite[1].y = @sb_row_max if @sb_sprite[1].y  > @sb_row_max
     
127.       @sb_sprite.each {|sprite| sprite.x = self.x + @sb_sprite_px; update_sc_visible(sprite)}
     
128.   end
     
129. 
     
130.   #--------------------------------------------------------------------------
     
131.   # * Update SC Visible
     
132.   #--------------------------------------------------------------------------
     
133.   def update_sc_visible(sprite)
     
134.       if self.active
     
135.          sprite.opacity += 15 ; sprite.opacity = 0 if !self.visible
     
136.       else
     
137.          sprite.opacity -= 30
     
138.       end
     
139.   end
     
140.   
     
141.   #--------------------------------------------------------------------------
     
142.   # * Scroll Bar Y
     
143.   #--------------------------------------------------------------------------
     
144.   def scroll_bar_y
     
145.       self.y + SCROLL_BAR_POSITION[1] + (@row_range_y * row)
     
146.   end
     
147.   
     
148. end

复制代码

他这个计算机制和动态方式都不一样，但是兼容性非常好。

---

另外，我这提供一个与自己那个脚本兼容的解决方法思路：
如果要在行之间增加间距，不建议直接暴力在各项参数里加spacing，那样会改动非常多地方。
item_height方法本来就是使用line_height，那么不要动它，直接改line_height，
把spacing加到line_height上，但是这样一来可能draw_item和update_cursor等地方里使用到的item_rect的高度会比预期的高出一段spacing，
那么只需要仿照item_rect_for_text另外设置一个rect方法，读取item_rect并将高度减去spacing用到对应的地方去就可以了
（注：不是替换所有的item_rect，仅作为增加行距的话，仅需要替换draw_item和update_cursor两处）

附上粗略修改的版本

1. #简单图标物品栏 v1.0
   
2. #----------#
   
3. #特点: 看, 是图标! 而不是列表!
   
4. #
   
5. #使用方法:    即插即用.
   
6. #
   
7. #----------#
   
8. #-- Script by: V.M of D.T
   
9. #
   
10. #- Questions or comments can be:
    
11. #    given by email: sumptuaryspade@live.ca
    
12. #    provided on facebook: [url]http://www.facebook.com/DaimoniousTailsGames[/url]
    
13. #   All my other scripts and projects can be found here: [url]http://daimonioustails.weebly.com/[/url]
    
14. #
    
15. #--- Free to use in any project, commercial or non-commercial, with credit given
    
16. # - - Though a donation's always a nice way to say thank you~ (I also accept actual thank you's)
    
17. 
    
18. class Window_ItemList < Window_Selectable
    
19.   def col_max
    
20. #~     (self.width - standard_padding) / 42
    
21.     (self.width - standard_padding) / line_height
    
22.   end
    
23. #~   def page_row_max
    
24. #~     7
    
25. #~   end
    
26.   def line_height
    
27.     return 36 + spacing
    
28.   end
    
29. #~   def item_height
    
30. #~     36
    
31. #~   end
    
32.   def item_width
    
33.     36
    
34.   end
    
35. #~   def contents_height
    
36. #~     [super - super % item_height, row_max * (item_height + spacing)].max
    
37. #~   end
    
38.   def spacing
    
39.     6
    
40.   end
    
41. #~   def top_row
    
42. #~     oy / (item_height + spacing)
    
43. #~   end
    
44. #~   def top_row=(row)
    
45. #~     row = 0 if row < 0
    
46. #~     row = row_max - 1 if row > row_max - 1
    
47. #~     self.oy = row * (item_height + spacing)
    
48. #~   end
    
49. #~   def item_rect(index)
    
50. #~     rect = Rect.new
    
51. #~     rect.width = item_width
    
52. #~     rect.height = item_height
    
53. #~     rect.x = index % col_max * (item_width + spacing) + spacing
    
54. #~     rect.y = index / col_max * (item_height + spacing) + spacing
    
55. #~     rect
    
56. #~   end
    
57.   def item_rect_for_grid(index)
    
58.     rect = item_rect(index)
    
59.     rect.height -= spacing
    
60.     return rect
    
61.   end
    
62.   def draw_item(index)
    
63.     item = @data[index]
    
64.     if item
    
65. #~       rect = item_rect(index)
    
66.       rect = item_rect_for_grid(index)
    
67.       rect.width -= 4
    
68.       rect.x += 2
    
69.       big_rect = Rect.new(rect.x-1,rect.y-1,rect.width+2,rect.height+2)
    
70.       contents.fill_rect(big_rect, Color.new(0,0,0,255))
    
71.       contents.fill_rect(rect, Color.new(0,0,0,100))
    
72.       draw_icon(item.icon_index, rect.x+6, rect.y+6)
    
73.       contents.font.size = 12
    
74.       number = $game_party.item_number(item)
    
75.       if number > 1
    
76.         draw_text(rect.x + 20, rect.y + 28, 24, contents.font.size, "x" + number.to_s)
    
77.       end
    
78.     end
    
79.   end
    
80.   
    
81.   def update_cursor
    
82.     if @cursor_all
    
83.       cursor_rect.set(0, 0, contents.width, row_max * item_height)
    
84.       self.top_row = 0
    
85.     elsif @index < 0
    
86.       cursor_rect.empty
    
87.     else
    
88.       ensure_cursor_visible
    
89. #~       cursor_rect.set(item_rect(@index))
    
90.       cursor_rect.set(item_rect_for_grid(@index))
    
91.     end
    
92.   end
    
93. 
    
94. end
    

复制代码

PS：这样粗略修改之后其实还有一点点高度上的误差，可能我还有什么地方没计算好吧（X

alexncf125

cinderelmini 发表于 2020-9-11 13:06
啊……这还是有点年头的产物了……我看看先……

---

检查了一遍，大概找到问题是什么原 ...

按大大的脚本改了后, 很多東西的位置和宽高都不同了
我想我转用MOG好了, 不过还是大大的滚动条最美观