前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Qt Quick实践系列-创建简单例子

Qt Quick实践系列-创建简单例子

作者头像
Qt君
发布2020-05-08 16:12:31
8360
发布2020-05-08 16:12:31
举报
文章被收录于专栏:跟Qt君学编程

❝介绍如何创建一个QML简单例子。 ❞

创建QML例子步骤

  1. "文件"->"新键文件或项目"。
  1. 选择"Qt Quick Application"。
  1. 设置项目名字。
  1. 设置编译环境,这里设置的是Mingw编译器。
  1. 创建后目录文件。
  1. 简单修改main.qml界面文件,添加一个居中的文本。
代码语言:javascript
复制
/* 导入QtQuick库 */
import QtQuick 2.9
/* 导入Window模块库 */
import QtQuick.Window 2.2

/* 主窗口 */
Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    /* 主窗口下的文本 */
    Text {
        /* 相对于父窗口(主窗口)居中显示 */
        anchors.centerIn: parent
        text: "Hello World"
    }
}

  运行效果:

  1. main.cpp
代码语言:javascript
复制
#include <QGuiApplication>
#include <QQmlApplicationEngine>

int main(int argc, char *argv[])
{
    /* 开启高分辨率支持,从Qt5.6引入。  */
    QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);

    QGuiApplication app(argc, argv);

    /* 创建一个QML引擎 */
    QQmlApplicationEngine engine;
    /* 从main.qml加载界面 */
    engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
    /* 判断是否正确加载界面 */
    if (engine.rootObjects().isEmpty())
        return -1;

    return app.exec();
}
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2020-04-27,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Qt君 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 创建QML例子步骤
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档