QtQuick

首页 > TAG信息列表 > QtQuick

使用Qt开发Android应用APP/APK注意

默认程序使用Windows，会显示错误 # 导入Controls模块，使用ApplicationWindow元素。这个可以开发Android应用不报错。 import QtQuick 2.15 import QtQuick.Window 2.15 import QtQuick.Controls 2.5 ApplicationWindow { width: 640 height: 480 visible: true

qml学习（Qt Quick）

学习的案例放到了gitee上，QtQuick专题: 收集QtQuick相关案例，方便以后用到时仔细研究学习。 (gitee.com) 【值得一看的博客】 QML布局_小何在线的博客-CSDN博客_qml 部署 14.Quick QML-TextInput和TextField详解 - 诺谦 - 博客园 (cnblogs.com)

qml3-基本类型

int num 绑定父对象宽度 import QtQuick 2.12 import QtQuick.Window 2.12 import QtQuick.Controls 2.0 import QtQuick.Layouts 1.12 Window { id:root width: 400 height: 300 visible: true title: qsTr("Hello World") Item{ p

第15篇基础（十五）QML输入元素之文本编辑（TextEdit）

创建一个组件：TTextEdit.qml 可以编辑它的背景，使⽤focus scope（焦点区域）来更好的切换焦点 import QtQuick 2.0 FocusScope { width: 96 height: 96 Rectangle { anchors.fill: parent color: "lightsteelblue" border.color: "gray" }

第13篇基础（十三）QML 之定位元素（Row、Column、Grid、Flow）

目录 1、定位器 2、定义组件 3、定位器之Column（列） 4、定位器之Row（行） 5、定位器之Grid（栅格） 6、定位器之Flow（流） 7、重复元素Repeater 1、定位器有一些QML元素被用于放置元素对象，它们被称作定位器。提供了Row、Column、Grid、Flow用来作为定位器。 2、定义组件 Re

Qt6 QML Book/扩展QML/理解QML运行时

Understanding the QML Run-time 理解QML运行时 When running QML, it is being executed inside of a run-time environment. The run-time is implemented in C++ in the QtQml module. It consists of an engine, responsible for the execution of QML, contexts, holding

Qt6 QML Book/QtQuick控件/图像查看器

An Image Viewer 图像查看器 Let’s look at a larger example of how Qt Quick Controls are used. For this, we will create a simple image viewer. 让我们看一个关于如何使用Qt Quick控件的示例。为此，我们将创建一个简单的图像查看器。 First, we create it for desktop us

Qml各种花里胡哨的路径总结

目录文章目录前言一、qml中如何获取App运行路径？ 1.Cpp传入路径： engine.rootContext()->setContextProperty("appDir",app.applicationDirPath()); qml中调用： 2.qml中直接获取命令行参数地址：二、qml中source路径如何正确引入？ 1.绝对路径: 3.资源路径：三、qml中import路径如何

【Qt】QML自定义控件

MyInputText.qml 控件的宽度和高度可以自己设置，右侧的输入框的宽度会根据左侧文本的宽度自动设置 import QtQuick 2.14 import QtQuick.Controls 2.14 import QtQuick.Layouts 1.14 Rectangle{ id: root width: 230 height: 30 //固定的文本 prope

QtQuick的Rust绑定 [qmetaobject]

参考 https://github.com/woboq/qmetaobject-rs 第一步：　　安装qt，需要使用其中的qmake，将qmake路径放置环境变量中。　　如果vscode或者idea中的终端不识别qmake但是在系统的powershell中可以，注意使用管理模式运行第二步：创建rust项目 cargo new qt_rust_dome 第三步：在项目中

Qt Quick入门教程(7)：复选框CheckBox

QML的复选框是CheckBox，使用代码如下： import QtQuick 2.12 import QtQuick.Window 2.12 import QtQuick.Controls 2.5 import QtQuick.Layouts 1.12 Window { visible: true width: 640 height: 480 title: qsTr("Hello World") ColumnLayout {

Qt Quick入门教程(1): Qt Quick与QML介绍

1 什么是Qt Qucik? Qt Quick是QtSDK4.7中引入的一种新的界面开发框架，使用QtQuick,你可以快速、轻松地创建供移动和嵌入式设备使用的动态触摸式界面和轻最级应用程序，这也是它被命名为Quick的原因. Qt Quick包括描述性语言QML、语言运行时、

Qt Quick入门教程(14)：等待控件

qml提供了等待控件BusyIndicator代码如下：import QtQuick 2.12 import QtQuick.Window 2.12 import QtQuick.Controls 2.5 Window { visible: true width: 640 height: 480 title: qsTr("Hello World") BusyIndicator{

Qt Quick入门教程(4): QML矩形框控件Rectangle用法

QML提供了矩形控件代码如下：import QtQuick 2.12 import QtQuick.Window 2.12 Window { visible: true width: 640 height: 480 title: qsTr("Hello World") Rectangle{ width: 120 height:

ComboBox QML Type

ComboBox QML Type 官方文档：https://doc.qt.io/qt-5/qml-qtquick-controls2-combobox.html 案例 1 import QtQuick 2.14 import QtQuick.Window 2.14 import QtQuick.Controls 2.5 Window { id:window width: 640 height: 480 visible: true title: q

qml 网格布局 Grid

import QtQuick 2.9 import QtQuick.Window 2.2 import QtQuick.Controls 2.2 //import QtQuick.Layouts 1.3 Window { visible: true width: 640 height: 480 title: qsTr("Hello World") Item { id: rootItem anchors.fil

qml 列/行布局--单选框

列/行布局单选框 import QtQuick 2.9 import QtQuick.Window 2.2 import QtQuick.Controls 2.2 import QtQuick.Layouts 1.3 Window { visible: true width: 640 height: 480 title: qsTr("Hello World") Item { anchors.fill: parent

【QtQuick】简单布局优先使用Row和Column，而不是ColumnLayout和RowLayout

布局优先使用Row和Column，而不是ColumnLayout和RowLayout 用Column进行垂直布局： import QtQuick 2.12 import QtQuick.Window 2.12 import QtQuick.Controls 2.12 import QtQuick.Layouts 1.12 Window { visible: true width: 640 height: 480 title: qsTr(

QML 基础控件（下拉框、对话框、抽屉、滑动视图与页面切换）【下】

下拉框（ComboBox） import QtQuick 2.5 import QtQuick.Window 2.2 import QtQuick.Controls 1.4 //使用 Button 控件必须包含 import QtQuick.Layouts 1.1 //使用 GridLayout 控件必须包含 Window { visible: true width: 610 height: 75 title: qsTr("Co

QML之Button学习

通过帮助文档去学习QML的Button。打开Qt Assistant，搜索Button，如下图。需要引入对应的库 import QtQuick 2.9 import QtQuick.Window 2.2 import QtQuick.Controls 1.4 import QtQuick.Controls.Styles 1.4 Window { visible: true width: 640 height: 480

QtQuick PC端开发实战_专栏总目录

总目录序号标题等级技术点传送门1QtQuick搭建开发环境(Windows)★☆☆☆☆☆☆☆☆☆环境2QtQuick搭建开发环境(macOS)★☆☆☆☆☆☆☆☆☆环境3QtQuick搭建开发环境(Linux)★☆☆☆☆☆☆☆☆☆环境4QtCreator的PC端开发基础用法★☆☆☆☆☆☆☆☆☆环境5QtQuick工程编译

QML基础类型之quaternion

四元数类型具有标量，x，y和z属性。四元数类型具有标量，x，y和z属性。要创建四元数值，请将其指定为“ scalar，x，y，z”字符串，或单独定义组件，或使用Qt.quaternion（）函数进行组合。此基本类型由QtQuick导入提供。

QtQuick-TreeView使用自定义模型里的数据

######我们在使用Qml的TreeView时，默认节点的数据是不能修改，即如果我们使用代理来自定义节点时，使用的styleData.value 默认是string，很多时候我们需要向代理传递更多的数据，这时候我们就需要一个自定义数据结构，然后在QStandardItem将数据结构“嵌”进去。首先我们先定义个数

QtQuick项科目开发日志

本次大作业复现wanga.me上的益智小游戏色块转换。使用了Qml写界面C++写逻辑层的搭配。我主要负责交互和逻辑层。在交互的时候： 1. 内嵌对象的类也要qmlRegisterType()上 2. 实例化的类才能放在Repeater里做meta 逻辑层的地方，生成地图算法显示memory crash...最后发现是数组越界

qml通过stacklayout实现页面切换

import QtQuick 2.6 import QtQuick.Window 2.2 import QtQuick.Layouts 1.12 import QtQuick.Controls 2.12 Window { visible: true width: 640 height: 480 title: qsTr("Hello World") StackLayout { id: layout1 anchor