输入面板
操作面板可以说是一个普通的面板控件。不像堆叠面板,无法直接改变子控件位置。
在上方已经讲到 input_panel 所有关于屏蔽操作属性,那么也很简单。
只要屏蔽触控操作即可
好了,文档就讲完输入面板控件了。
如果有什么问题可以在视频评论区提问哦 (~ ̄▽ ̄)~
对于操作面板,它的属性你知道多少?
(操作面板主要使用的是输入类型的属性,下方是输入面板特有的属性)
属性 | 属性名 | 值 | 描述 |
---|---|---|---|
gesture_tracking_button | 手势跟踪按钮 | 字符串:事件 | 追踪手势的按钮映射ID。 主要用于纸娃娃旋转 |
那操作面板有什么特别之处呢?
答:操作面板能控制以及限制操作方式,使得面板控件更有互动性。
例如:
RP/ui/start_screen.json
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
"input_panel": { "type": "input_panel", "size": [ 100, 100 ], "controls": [ { "label": { "type": "label", "offset": [ 3, 3 ], "text": "hello world" } }, { "board": { "type": "image", "texture": "textures/ui/focus_border_white", "nineslice_size": 1, "size": [ "100%", "100%" ] } } ]}
效果与普通的面板控件一致,不再展示。
扩展教程
屏蔽 Hud 屏幕滑动改变视角
这个可以使用 input_panel 屏蔽操作实现!在上方已经讲到 input_panel 所有关于屏蔽操作属性,那么也很简单。
只要屏蔽触控操作即可
RP/ui/start_screen.json
1
2
3
4
5
6
7
8
9
10
11
12
13
14
"input_panel": { "type": "input_panel", "prevent_touch_input": true, "size": [ 100, 100 ], "controls": [ { "label": { "type": "label", "offset": [ 3, 3 ], "text": "hello world" } } ]}
代码示例
RP/ui/start_screen.json
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
"input_panel": { "type": "input_panel", "size": [ 100, 100 ], "controls": [ { "label": { "type": "label", "offset": [ 3, 3 ], "text": "hello world" } }, { "board": { "type": "image", "texture": "textures/ui/focus_border_white", "nineslice_size": 1, "size": [ "100%", "100%" ] } } ]}
如果有什么问题可以在视频评论区提问哦 (~ ̄▽ ̄)~