QML教程（二）视觉对象

淩亂°似流年 2024-03-30 13:43 69阅读 0赞

**目录**

一、矩形类型：Rectangle

二、图像类型：Image

三、基类类型：Item

--------------------

#### 一、矩形类型：Rectangle ####

矩形是最基本的视觉效果，Qt Quick提供了一个矩形类型来绘制矩形。这些矩形可以用颜色或垂直渐变着色。矩形类型还可以在矩形上绘制边框。

示例：  
![9a112d62d79c451aa19f1961c46ba315.png][]

#### 二、图像类型：Image ####

Image 类型具有源属性，其值可以是远程或本地 URL，也可以是嵌入在已编译资源文件中的图像文件的 URL。

示例：  
![c9817dda082b4399b4536ff77738e974.png][]

对于更复杂的图像，还有其他类似于图像的类型。边框图像绘制具有网格缩放的图像，适用于用作边框的图像。**AnimatedImage 播放动画.gif和 .mng 图像**。AnimatedSprite 和 SpriteSequence 播放由以非动画图像格式相邻存储的多个帧组成的动画。

#### 三、基类类型：Item ####

Qt Quick提供的所有可视项都基于项类型，该类型**为可视项提供了一组通用的属性**，包括不透明度和变换属性。上面提到的Rectangle和Image都是继承自Item类。

例：  
![e556391d667f4ecd9d6b5f24d3215554.png][]

[9a112d62d79c451aa19f1961c46ba315.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/4968617c6a2e490789d2e2fcae4c46dc.png
[c9817dda082b4399b4536ff77738e974.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/35679319d66144498906abea6731a0b7.png
[e556391d667f4ecd9d6b5f24d3215554.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/b2aa096ca1144c808b3cc88c12c85485.png

发表评论取消回复

表情：

评论列表（有 0 条评论，69人围观）

还没有评论，来说两句吧...

相关阅读

相关 QML教程（八）工具栏TabBar

目录一、工具栏TabBar、TabButton 二、多页面滑动容器 SwipeView 三、页面指示器PageIndicator 四、综合示例 --------

柔光的暖阳◎/ 2024年03月30日 14:38/ 0 赞/ 107 阅读

相关 QML教程（六）布局

目录一、手动布局二、锚三、定位器 Column 将其子级放置在列中 Flow 并排放置其子项，必要时进行换行 Grid 将其子项定位在网格形成中 Layou

ゝ一世哀愁。/ 2024年03月30日 13:51/ 0 赞/ 81 阅读

相关 QML教程（五）显示文本

显示文本和设置文本格式要在 QML 中显示文本，请创建一个文本项，并将 text 属性设置为要显示的文本。文本项现在将显示该文本。可以在 Text 项上设置多个属性

淡淡的烟草味﹌/ 2024年03月30日 13:51/ 0 赞/ 73 阅读

相关 QML教程（四）动画

目录一、状态和转换二、属性更改进行动画 XAnimator 水平动画 YAnimator 垂直动画 ScaleAnimator 缩放动画 RotationAni

分手后的思念是犯贱/ 2024年03月30日 13:48/ 0 赞/ 106 阅读

相关 QML教程（三）响应用户输入

目录一、鼠标和触摸事件二、键盘和按钮事件三、文本输入 -------------------- Qt Quick 模块支持最常见的用户输入类型，包括鼠标和触摸事

以你之姓@/ 2024年03月30日 13:46/ 0 赞/ 97 阅读

相关 QML教程（二）视觉对象

目录一、矩形类型：Rectangle 二、图像类型：Image 三、基类类型：Item -------------------- 一、矩形类型：Rectangle

淩亂°似流年/ 2024年03月30日 13:43/ 0 赞/ 70 阅读

相关 QML教程（一）基础语法

目录一、导入二、对象声明三、对象属性 1.声明对象属性 2.信号属性 3.方法属性 4.附加属性略 5.枚举属性 6.对象属性赋值四、自定义对

太过爱你忘了你带给我的痛/ 2024年03月30日 13:42/ 0 赞/ 80 阅读

相关 20200317 QML 获取对象类型

第一种： main.children[i].objectName 通过父类来获取第二种：Javescript 支持 Qt5.10 以

缺乏、安全感/ 2023年07月15日 13:17/ 0 赞/ 36 阅读

相关计算机视觉（二）

1、捕获摄像头的帧　　VideoCapture类可以获得摄像头的帧流。但对摄像头而言，通常不是用视频的文件名来构造VideoCapture类，而是需要传递摄像头的设备索引(

快来打我*/ 2022年06月03日 08:58/ 0 赞/ 338 阅读

相关 pyside官方教程2 QML简单教程

Your First Application Using PySide2 and QtQuick/QML QML is a declarative language th

比眉伴天荒/ 2022年03月15日 12:06/ 0 赞/ 250 阅读