![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
QML
文章平均质量分 63
Amnesia Greens
记录探索轨迹,方便复现。
展开
-
Canvas 的clearRect()方法与beginPath()方法
使用Canvas绘图时如果需要重绘就可能需要使用clearRect()方法与beginPath()方法。clearRect()方法可以清空指定矩形区域内的绘图,具体使用方法如下:ctx.clearRect(x,y,width,height);参数:x 要清除的矩形左上角的 x 坐标y 要清除的矩形左上角的 y 坐标width 要清除的矩形的宽度height 要清除的矩形的高度仅仅使用clearRect()方法可能并不能保证达到你的想要的效果,因为canvas中的绘制方法(如stroke原创 2021-05-09 16:59:35 · 4131 阅读 · 0 评论 -
qt之qml与C++数据交互
qt之qml与C++数据交互 qml界面和c++界面之间传递数据qml与c++之间的交互天然的与flux架构一致。可以直接套用,所有的事件通过信号进行分发。与android的EventBus差不多。qml传递数据给c++一般用于传递qml【View】上面的一些操作。比方说点击事件,请求发起事件等等。我使用的方式是,统一交给ActionCrateor.qml进行分发,这里涉及qml的单例方式,可以看这篇文章要记得单例的使用要...转载 2021-04-29 22:10:16 · 2210 阅读 · 0 评论 -
QML+c++混合编程:可被 QML 调用的 c++ 类
文章目录1. c++ 类可被 QML 调用的条件2. QML 可调用的内容1. c++ 类可被 QML 调用的条件QML 是在元对象系统中运行的,能被 QML 调用的 c++ 类必须隶属于元对象系统(被Q_OBJECT宏或Q_GADGET宏声明)。2. QML 可调用的内容c++ 类中可被 QML 调用的部分只有这些:属性(由Q_PROPERTY()声明)信号 Signals槽 Slots用Q_INVOKABLE声明可调用的方法用Q_ENUM注册的枚举变量...原创 2021-04-17 22:04:04 · 313 阅读 · 0 评论 -
【QML学习9】键盘响应
文章目录1. 接收键盘的文字输入2. 在不同元素间切换兴趣点(元素导航)3. 按键响应1. 接收键盘的文字输入有两个元素可以接收键盘的文字输入:TextInput与TextEditTextInput允许单行文字的输入,TextEdit支持换行。下面是使用案例:Rectangle { width: 200; height: textEdit.y + textEdit.height * 2; color: "lightblue" TextInput { ancho原创 2021-04-16 19:41:33 · 758 阅读 · 0 评论 -
【QML学习8】鼠标与触摸处理
文章目录1. 鼠标响应区域的声明2. 鼠标区域的响应3. 设置鼠标响应的按键1. 鼠标响应区域的声明MouseArea { id: mouseArea anchors.fill: parent onPressed: parent.color = "green" onReleased: parent.color = "black"}默认情况下鼠标区域为0×0,需要设置大小。tips:尽量避免使用=;tips:尽量将有价值的代码集中起来2. 鼠标区域的响应鼠原创 2021-04-15 22:32:39 · 1102 阅读 · 0 评论 -
【QML学习7】颜色与渐变
文章目录1. 颜色的描述方式1. 颜色的描述方式颜色的描述方式有以下三种:Item { width: 300; height: 100 Rectangle { x: 0; y: 0; width: 100; height: 100; color: "#ff0000" } Rectangle { x: 100; y: 0; width: 100; height: 100 color: Qt.rgba(0,0.75,0,1)原创 2021-04-12 20:24:59 · 781 阅读 · 0 评论 -
【QML学习6】锚点布局 anchors
文章目录1. 锚点布局简介2. 锚点布局的基本使用方式3. 居中与填充4. 对齐边界`margins`1. 锚点布局简介锚点布局与之前通过指定 (x,y) 以及 (weight, height)来指定元素的位置与大小不同,锚点布局通过指示元素的关键位置与其他元素的关键位置的相对位置关系来确定。基本的关键位置有以下6个:2. 锚点布局的基本使用方式下面是使用锚点布局的一个案例:Rectangle { id: background width: 300; height: 100原创 2021-04-12 17:16:09 · 1036 阅读 · 0 评论 -
【QML学习5】对元素进行旋转、缩放等操作
1. 元素透明度更改opacityopacity控制了元素的透明度,其取值范围是[0,1],取0时完全透明,取1时完全不透明。透明度的属性会传递给子元素,产生叠加效应,下面是一个案例:Rectangle { width: 400; height: 400 color: "#00a3fc" Rectangle { x: 50; y: 50; width: 200; height: 300 color: "white" opacity原创 2021-04-09 22:36:42 · 2241 阅读 · 0 评论 -
【QML学习4】图像元素的加载
1. 普通本地图片加载本地图片只要用source声明图片路径即可:Image { x: 150; y: 150 source: "../images/rocket.png"}可以通过sourceSize.width和sourceSize.height来获得图片的原始尺寸信息。图片是异步加载的,可以使用progress属性来查看加载进度(0-1),对于网络图片可以使用这个信息制作加载进度条。2. 动图gif动图的类型是AnimatedImage,加载方式与普通图片无异。A原创 2021-04-09 21:39:38 · 613 阅读 · 0 评论 -
【QML学习3】元素ID与属性绑定
1. 元素IDQML 元素可以有一个id属性,作为该元素的名字。以后我们可以直接用这个名字指代该元素,相当于该元素的指针。import QtQuick 2.0Item { width: 300 height: 115 Text { id: textElement x: 50 y: 25 text: "Qt Quick" font.family: "Helvetica" font.原创 2021-04-08 21:23:39 · 935 阅读 · 0 评论 -
【QML学习2】元素的位置、重叠关系与.qmlproject项目
1. 元素的位置描述一个元素的位置可以通过设定x与y的属性值来确定。import QtQuick 2.0Item { width: 400 height: 320 Rectangle { x: 100 y: 50 width: height*2 height: 100 color: "lightblue" } Rectangle { x: 100原创 2021-04-08 20:55:27 · 1167 阅读 · 2 评论 -
【QML学习1】QML入门简介
https://github.com/KDAB/kdabtv前言:qml是一种描述性语言,可以用于制作用户界面,可以和控制底层任务逻辑的c++搭配使用。qml的一个小案例main.qmlimport QtQuick 2.0Text{ text:"Hello World"}上面的示例文件展现了qml最核心的两个概念:元素与属性,上面的QML描述了一个text元素,其属性是"Hello World"。main.cpp#include <QtQuick>int main(i原创 2021-04-07 20:57:44 · 666 阅读 · 0 评论