QML内的窗口元素:ApplicationWindow和window
此文章讲解一下ApplicationWindow的基础使用:
导入模块:QtQuick.Controls
qt两个模块的定义与使用方法:
import QtQuick.Controls 2.12
给出官方的qml语法:
import QtQuick.Controls 1.2
在Qt内导入的模块不一样,元素的属性设置之间也会有一些区别,但是两个模块的元素结构是一致的。
qml:
菜单栏:MenuBar
工具栏:ToolBar
内容区域:Item(用户可自定义)
状态栏:Status Bar
menubar分析:
每个Menu代表菜单栏中的一个菜单项,MenuItem是菜单项下拉菜单中的子项,但是需要点击后进行操作的话需要添加action
以第一个MenuItem为例:
结果图:
工具栏:ToolBar分析:
使用行布局将按钮都并行显示出来,不进行布局的话按钮会堆叠在一起,这里使用了在menubar中定义的action,点击这里的按钮会与上面的菜单按钮有一样的实现效果;需要注意的是如果action内有定义了图标图片资源的话这里会优先使用图片进行显示,有点类似例如ps软件内的工具栏中的工具图标。
效果图:
状态栏 statusBar:
状态栏就不赘述了,就是添加一个组件对里面的文字进行修改