输入面板

操作面板可以说是一个普通的面板控件。不像堆叠面板,无法直接改变子控件位置。

对于操作面板,它的属性你知道多少?
(操作面板主要使用的是输入类型的属性,下方是输入面板特有的属性)

那操作面板有什么特别之处呢?
答:操作面板能控制以及限制操作方式,使得面板控件更有互动性。

例如:

"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", "ninelice_size": 1, "size": [ "100%", "100%" ] } } ] }

效果与普通的面板控件一致,不再展示。

扩展教程

屏蔽 Hud 屏幕滑动改变视角

这个可以使用 input_panel 屏蔽操作实现!
在上方已经讲到 input_panel 所有关于屏蔽操作属性,那么也很简单。
只要屏蔽触控操作即可 "input_panel": { "type": "input_panel", "prevent_touch_input": true, "size": [ 100, 100 ], "controls": [ { "label": { "type": "label", "offset": [ 3, 3 ], "text": "hello world" } } ] }

代码示例

"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", "ninelice_size": 1, "size": [ "100%", "100%" ] } } ] } 好了,文档就讲完输入面板控件了。
如果有什么问题可以在视频评论区提问哦 (~ ̄▽ ̄)~