VAPS XT入门教程12.02.12:UI组件(UI Components)介绍

系列索引:VAPS XT入门教程索引

上一篇:VAPS XT入门教程12.02.11:SVG控件(SVGPrimitives)介绍

此部分控件是VAPS XT官方使用基本控件先设计好的,我们一般是用VAPS XT显示界面,不需要窗口管理这部分。像VxWorks这类的操作系统没有UI控件,可能会用到这部分控件。

此控件位于编辑器的Toolbox中的UI Components。

ui component

Bezel

指边框效果。

bezel

就是四边对应的四边形效果。

CheckBox

可选中的按钮

checkbox

未选中状态

uncheck

可以看到少了点东西,我怎么知道我选中了什么呢?那就得与文字配合了。

具体可以查看官方示例中的FocusExample

ComboBox

下拉列表框,点击此控件会弹出一个下拉列表,可以在一系列选项中选择一个。

combobox

可以看到属性中可以设置下拉选项的数量以及每个选项的内容,当然还有对应的选择事件。

下拉列表

combo

DraggableWindow

可以拖拽的窗口

draggablewindow

拖拽效果为

drag

并不是窗口的所有部分都能拖拽,只有窗口的标题栏可以拖拽。

Label

label

用于显示文字,并且无法运行时修改,可以与选择框配合使用。

菜单控件,只是一个容器,只是表示这个控件是菜单,要配合MenuElement一起使用。

srollbar

菜单元素,此控件有文字显示和控件事件,单独看起来是黑色文字,容易和背景混淆,和Menu配合就向正常的菜单了。

srollbar

MultiStateButton

多种状态按钮

srollbar

比如播放音乐的时候,有播放、暂停、停止、传播等控制方法,就可以使用这种按钮来控制。

PictureButton

PushButton的基础上添加了图片背景效果

srollbar

PushButton

普通的按钮,但是鼠标点击按下时会有点击的动画效果。

srollbar

RadioList

带圆点可选中的按钮,但是一组此类的按钮是互斥的,只有一个可以被选中。

srollbar

三个子按钮只有一个能被选中。

ScrollBarVert

可以上下移动的滑动栏

srollbar

ScrollList

可以上下调整页面的列表

scrolllist

通过右侧的滑块向下拉显示不可见的部分内容。

可以看出是ComboBox和ScrollBarVert的一个组合。

TabPanel

标签页面板

label

需要在属性中设置标签页面数量,标签页面名称,然后向每个页面添加不同子控件。

而标签管理可以通过implementation看出来是通过SimpleGroup

下一篇:VAPS XT入门教程12.02.13:输入对象(InputObjects)介绍

技术交流群,欢迎加入讨论。这个圈子很小,大佬可能没兴趣加这些群聊社区之类的。所以只能带你入门,当然,欢迎大佬指导

qq 672991841


VAPS XT入门教程12.02.12:UI组件(UI Components)介绍
https://feater.top/vapsxt/introduction-of-vapsxt-ui-components/
作者
JackeyLea
发布于
2022年5月3日
许可协议