仿XXX按钮风格选项框

六祈

【求配色啊求配色】

【事件设置方法，以54号变量记录选择项，中间的等待4帧必须有，否则有bug】

范例：
54窗口运动.rar (239.65 KB, 下载次数: 906)

2010-10-13 21:11 上传

点击文件名下载附件

【继续唠叨】模仿css利用偏移和四边阴影变化来模拟按钮的做法，在RM中也可以实现类似的，以window为容器，改变ox和oy，偏移2px，并改变window边阴影的效果做到了。【不过愚者的配色功底要多丑有多丑啊……】
希望可以将一些其它【如css】中的优秀做法吸收到RM中，应该可以产生效果不错的UI

六祈

1. module Choice_Configuration
   
2.   ColorLeft = Color.new(255,0,0,125)
   
3.   ColorRight = Color.new(0,0,255,125)
   
4.   WindowHeight = 58
   
5.   WindowWidth = 306
   
6.   WindowSpacing = 16
   
7.   ColorShadow = Color.new(0,0,0,200)
   
8.   VariableId = 54
   
9. end
   
10. 
    
11. class Scene_Choice < Scene_Base
    
12.   include Choice_Configuration
    
13.   def initialize(*list)
    
14.     @list = list   
    
15.   end
    
16.   
    
17.   def start
    
18.     @spriteset = Spriteset_Map.new
    
19.     @choice_windows = []
    
20.     @choice_number = @list.size
    
21.     start_y = (416 - @choice_number * WindowHeight - (@choice_number - 1) * WindowSpacing) / 2
    
22.     start_x = (544 - WindowWidth) / 2
    
23.     @list.each_with_index do |choice,index|
    
24.       window = Window_Base.new(start_x,start_y + index * (WindowHeight + WindowSpacing),WindowWidth,WindowHeight)
    
25.       window.contents.dispose
    
26.       window.contents = Bitmap.new(WindowWidth - 34,WindowHeight - 34)
    
27.       window.contents.gradient_fill_rect(2,2,WindowWidth - 32 - 2,22,ColorLeft,ColorRight)
    
28.       window.contents.draw_text(0,0,WindowWidth - 32,24,choice,1)
    
29.       window.opacity = 0
    
30.       @choice_windows.push(window)
    
31.     end
    
32.     for i in 0...@choice_number
    
33.       set_unactive(i)
    
34.     end
    
35.     @index = 0
    
36.     set_active(@index)
    
37.   end
    
38.   
    
39.   def terminate
    
40.     @spriteset.dispose
    
41.     @choice_windows.each{|window| window.dispose}
    
42.   end
    
43.   
    
44.   def set_unactive(index)
    
45.     target = @choice_windows[index]
    
46.     target.contents.clear_rect(0,0,WindowWidth - 32 - 2,2)
    
47.     target.contents.clear_rect(0,0,2,22)
    
48.     target.contents.fill_rect(2,22,WindowWidth - 32 - 2,2,ColorShadow)
    
49.     target.contents.fill_rect(WindowWidth - 32 - 2,2,2,22,ColorShadow)
    
50.     target.ox = -2
    
51.     target.oy = -2
    
52.   end
    
53.   
    
54.   def set_active(index)
    
55.     target = @choice_windows[index]
    
56.     target.contents.clear_rect(2,22,WindowWidth - 32 - 2,2)
    
57.     target.contents.clear_rect(WindowWidth - 32 - 2,2,2,22)
    
58.     target.contents.fill_rect(0,0,WindowWidth - 32 - 2,2,ColorShadow)
    
59.     target.contents.fill_rect(0,0,2,22,ColorShadow)
    
60.     target.ox = 0
    
61.     target.oy = 0
    
62.   end
    
63.   
    
64.   def update
    
65.     @choice_windows.each{|window| window.update}
    
66.     if Input.trigger?(Input::DOWN)
    
67.       Sound.play_cursor
    
68.       set_unactive(@index)
    
69.       @index += 1
    
70.       @index %= @choice_number
    
71.       set_active(@index)
    
72.     end
    
73.     if Input.trigger?(Input::UP)
    
74.       Sound.play_cursor
    
75.       set_unactive(@index)
    
76.       @index -= 1
    
77.       @index %= @choice_number
    
78.       set_active(@index)
    
79.     end
    
80.     if Input.trigger?(Input::C)
    
81.       Sound.play_decision
    
82.       $game_variables[VariableId] = @index + 1
    
83.       $scene = Scene_Map.new
    
84.     end
    
85.   end
    
86. end
    

复制代码

九夜神尊

67估计是没人给你布置作业了。真囧呀！！
:o 9给你个建议！！用一个开关控制该功能与原功能的切换，那么则使用方便很多。
但是，如果选项超过4个呢？
这样：（不知道冲突大不大）打开开关以后，用批量输入模式直接可以输入无限
个选项。每行一项（就像本论坛的投票那样。）
然后再用你发明的那个标签方式分歧每一个选项！！！！:lol
乃等尽请ＢＳ我吧！！！！

夕阳武士

看到这个我就激动，再次谢啦:P

一箭烂YiJL

中间一定要隔4帧，无奈。。挺麻烦的
能直接在脚本里加进等待四帧或者在：
$game_variables[VariableId] = @index + 1
$scene = Scene_Map.new
之间加入四帧以作缓冲？