QML入门----创建qml项目(一)

2023-05-16

文章目录

        • 导语
        • 一、选择菜单
        • 二、选择文件类型
        • 三、填写项目名称
        • 四、项目创建成功
        • 五、Hello World
        • 六、运行图

导语

今天开始学习qml,从hello world开始,本来计划之前开始学的,但是看了好多资料,还是有点懵。但是应该拿出实际行动,先入门了再说,从现在开始,下定决心,一步一步开始学习。
QML是语言名称,Qt Quick是QML库的名称。

一、选择菜单

选择文件,选择新建文件或项目。
在这里插入图片描述

二、选择文件类型

Application(Qt Quick) 、选择Empty、Choose
在这里插入图片描述

三、填写项目名称

1.点击下一步
在这里插入图片描述
2.选择qmake
在这里插入图片描述
3.选择最低要求qt版本(默认即可),Translation也选择下一步
在这里插入图片描述
4.选择需要编译的版本,我自己安装了QT12.9和VS2017,所以我选择第二个,然后选择下一步,到了Summary菜单,点击完成即可。
在这里插入图片描述

四、项目创建成功

在这里插入图片描述

五、Hello World

改写初始化项目,给Window根对象创建一个子对象Text

import QtQuick 2.12
import QtQuick.Window 2.12

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    Text {
        id: name
        text: qsTr("你好 世界!")
        anchors.centerIn: parent
    }
}

1.import:导入模块,模块包含各种qml类型。
2.第二行是QtQuick.Window模块,Window类型可以创建一个顶级窗口,所以一般作为根对象

六、运行图

在这里插入图片描述

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

QML入门----创建qml项目(一) 的相关文章

  • 为 QML TreeView 创建模型

    我正在尝试使用 QML TreeView 模型 Qt 的示例不包括如何创建模型 我读了这个post https stackoverflow com questions 40433038 qml treeview not updating a
  • 如何为动态创建的 QML 元素添加事件处理程序?

    我根据以下内容动态添加了一些 qml 组件到我的 gui 中这篇博文 http kunalmaemo blogspot kr 2011 04 creating qml element dynamically on html 如何为这些新创建
  • 计算在鼠标光标位置放大的视图偏移

    我有一个 画布 用户可以在上面绘制像素等 它运行良好 但我的缩放功能当前使用相同的原点 无论鼠标的位置如何 我想实现类似 Google 地图缩放行为的功能 也就是说 缩放的原点应始终是鼠标光标的位置 我目前拥有的 https i stack
  • 如何从js文件中包含qml文件

    我收集一些例子 https github com drzhbe QmlTxt blob master Import md of importQML 中的声明 但还缺少一个 从 js 文件导入 qml 文件 文档says http doc q
  • 由 Javascript 填充的 QML ListView

    我刚刚意识到 根据一些 QML Bugreport ListView 缺少 JSON Delegate 所以我有两个选择 通过用Javascript或C 创建的模型来填充它 特别是我需要从预定义的 URL 下载 json 数据并将它们解析到
  • QML ListView 如何估计其 contentItem 的高度/宽度

    我想知道如何ListView估计它的高度 宽度contentItem 尽管代表是Component您无法询问 并且不同委托实例的大小可能有所不同 它不使用当前实例的平均大小 否则在实施例1 如果按下一个元素 则估计大小将为3055 5如果计
  • Qt、QML 和 Windows 8 [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我一直对Qt框架引入的QML很好奇 但从未有机会使用它 但现在随着 Windows 8 的到来 基于旧式小部件的界面将变得过时 只是我
  • 通过对 XmlHttpRequest (REST) 的响应在 QML 中显示图像

    我需要从 REST API 调用中获取 jpeg 图像 我使用 XMLHttpRequest 因为请求需要身份验证标头 即我不能只创建一个图像并将源设置为带有 user passwd url 的 URL 我认为我可以通过将 REST 数据设
  • QML 项目的 QtCreator 中未启用“运行”按钮

    我在Windows XP上使用基于QT 4 7 4 32位 的QTCreator 2 2 1 我从 new gt QML 项目菜单创建了一个 QML 项目 但 RUN 按钮未启用 如何运行 QML 项目 您是否创建了新的 QML 文件而不是
  • 禁用 QML Slider 的鼠标滚轮

    我希望能够滚动Flickable使用鼠标滚轮 或触摸板上的两根手指 不改变Sliders它可能包含 示例代码及结果应用 import QtQuick 2 7 import QtQuick Window 2 2 import QtQuick
  • 在 Qt5 中,是否需要 Q_INVOKABLE 来从 QML 调用公共 QObject 函数?

    我刚刚意识到我可以调用暴露于 QML 的对象的几乎任何函数 现在我对 Q INVOKABLE 很好奇 Qt5docs http doc qt io qt 5 qtqml cppintegration exposecppattributes
  • 如何访问Loader的sourceComponent中的QML对象?

    我可能需要读取或写入的一些属性Loader s sourceComponent来自一些外部函数 访问该房产的方式是什么x里面的对象的Loader s sourceComponent import QtQuick 2 0 Item width
  • QML改变图像颜色

    我搜索了如何对图像进行着色 格式为 svg 或 png 我尝试用一 个填充图像的矩形覆盖我的图像 但由于我的图像不是矩形 它会给整个矩形着色 而不仅仅是图像 可以用qml改变图像颜色吗 或者 是否可以使用 QPixmap 更改 qt 使用
  • 在 Windows 上以 QML 播放 RTSP 视频

    我正在尝试将 QML 中的 RTSP 流播放到视频标签中 如下所示 Repeater model 8 Video Layout fillWidth true Layout fillHeight true fillMode VideoOutp
  • { Qt5.0.2/QML/QtQuick2.0/C++ } 运行没有错误的示例项目? [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我的设置是Qt5 0 2 MinGW 32位 我在寻找 Qt5 0 2 QML QtQuick2 0 C 代码项目示例 不是Qt Qu
  • 如何为 qmlRegisterSingletonType 实现单例提供程序?

    我想在 QML 中使用 C 类作为 Singleton 实例 并认为我必须使用 qmlRegisterSingletonType 注册它们 此函数需要一个提供已注册 C 类的实例的函数 我在 Windows 上使用最新的 Qt 5 3 1
  • QML:无法读取未定义的属性“xxx”

    ApplicationWindow id root property string rootName rootName visible true width 800 height 400 title qsTr WatchFace Maker
  • 在没有加载器的情况下实例化内联组件

    有没有办法实例化内联Component 即在同一文件中定义 而不使用Loader 我不太关心使用的性能影响Loader因为我要用很多东西污染我的文件Loader包装纸 我发现从 JavaScript 创建动态 QML 对象 http doc
  • QML:即使拖动属性处于活动状态,也不会调用 onDragStarted / finish

    在下面的例子中我希望onDragStarted onDragFinished当拖动一个矩形时调用 然而仅drag onActiveChanged 鼠标区域 和Drag onActiveChanged 矩形的被称为 设置时我得到了预期的输出D
  • QML 列表视图拖放

    我想创建两个 qml 列表视图 可以执行两个功能 拖放一个列表中的项目以更改项目的顺序 跨列表拖放项目 项目将从一个列表中删除并添加到另一个列表中 根据 Qt 文档中的拖放示例 我决定创建两个访问同一列表模型的列表视图 列表模型中的每个项目

随机推荐