QML得基本使用:建立一个简单得窗口弹出式对话框
QML的基本使用之有标题栏和无标题栏的区别
首先本人使用的Qt版本是6.3.2因为公司做项目就是用的这个版本所以如果你使用的版本不一样,请自行对代码进行转换。本人建议如果版本不一样,可以通过QT的create中的帮助查询对应的api具体支持的字段或者属性。因为Qt的版本更新太快所以大家如果没有特殊要求还是不要轻易更换版本。
##从认识QQmlApplicationEngine开始
如果你使用的是QTcreate 工具进行编程是可以通过模板的形式创建一个qml 的工程所以main函数QT会自动帮你生成好的,如果你使用的是vscode等其他的IDE基本上就没有模板可以使用那么就需要知道一个最基本的QML程序该如何建立。因为使用QML只能作为界面的布局想要实现更复杂的功能还是需要c++进行交互,而QQmlApplicationEngine的作用就是c++与qml混合编程的很重要的类,她的主要作用就是加载qml的入口文件比如mian.qml还有就是导入qrc文件的路径等。下面是示例代码
class VasAurora{
public:
VasAurora();
private:
std::unique_ptr<QQmlApplicationEngine> engineM; 声明一个QQmlApplicationEngine类型的对象
};
engineM->addImportPath("qrc:/");
engineM->load(QUrl(QStringLiteral("qrc:/main.qml")));`//添加资源的路径加载mian.qml然后通过
main.cpp将当前对象导入,mian.cpp 的代码如下:
int main(int argc, char** argv)
{
QApplication app(argc, argv);
vas::VasAurora ui;
return app.exec();
}
接下来是main.qml中的代码:
mport QtQuick
import QtQuick.Controls
导入qml最基本的控件库
ApplicationWindow {
visible: true
//title of the application
width: 1920
height: 1080
flags: Qt.Window | Qt.FramelessWindowHint //这里是比较重要的属性Qt.FramelessWindowHint表明你的窗口是一个无边框的
background: Rectangle {//此属性是窗口的背景色
color: "#000000"
}
}
扩展属性:
-
contentItem //属性是前景色
footer // 页脚部分
font //字体部分
** 菜单栏**:MenuBar
窗口标题:header
窗口的语言环境:locale : //默认值是:setDefault()1、ApplicationWindow.activeFocusControl : Control
此附加属性保存当前具有活动焦点的控件,如果被附件项没有具有活动焦点的控件,则为 null。如果项目不在窗口中,或者窗口没有活动焦点,则该值为 null。
2、**ApplicationWindow.contentItem **: Item
此附加属性保存窗口内容项。如果被附件项不在 ApplicationWindow 中,则该值为 null。
3、ApplicationWindow.footer : Item
此附加属性包含窗口页脚项。如果被附件项不在 ApplicationWindow 中,或者窗口没有页脚项,则该值为 null。
4、**ApplicationWindow.header **: Item
此附加属性包含窗口标题项。如果被附件项不在 ApplicationWindow 中,或者窗口没有标题项,则该值为 null。
5、**ApplicationWindow.menuBar **: Item
此附加属性包含窗口菜单栏。如果被附件项不在 ApplicationWindow 中,或者该窗口没有菜单栏,则该值为 null。
6、ApplicationWindow.window : ApplicationWindow
此附加属性包含应用程序窗口。如果被附件项不在 ApplicationWindow 中,则该值为 null。
以下是一个所有属性的ApplicationWindow 无边框窗口的实例,我们在实际使用的时候不是所有属性都能用得上所以掌握几个基本的属性就可以了。
ApplicationWindow {
id: window
visible: true
width: 1280
height: 800
title: qsTr("Hello World")
flags: Qt.Window | Qt.FramelessWindowHint
background:Rectangle{
color: "#FFFFFF"
}
menuBar: MenuBar {
Menu {
title: qsTr("File")
MenuItem { text: qsTr("Open") }
MenuItem { text: qsTr("Close") }
}
}
header: Label {
horizontalAlignment: Text.AlignHCenter
height: 40
font.pixelSize: 70
minimumPixelSize: 8
fontSizeMode: Text.Fit
text: qsTr("QML 系列教程")
background: Rectangle {
anchors.fill: parent
border { width: 2; color: "black" }
color: "lightgreen"
}
}
footer:Label {
horizontalAlignment: Text.AlignHCenter
text: qsTr("Footer")
font.pixelSize: 24
background: Rectangle{
color: "#457845"
}
}
}