QtQuick QML教程(22)：图元控件Image

令狐掌门

已于 2025-01-21 18:27:03 修改

阅读量3.1k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： QtQuick QML入门进阶教程文章标签： qml显示图片

于 2021-03-21 20:52:17 首次发布

本文链接：https://blog.csdn.net/yao_hou/article/details/115055667

QtQuick QML入门进阶教程专栏收录该内容

67 篇文章 ¥59.90 ¥99.00

订阅专栏

QML中的Image控件支持显示多种格式的静态图片，如JPG、PNG等，并可设置尺寸以适应需求。若需显示动画，推荐使用AnimatedSprite或AnimatedImage。Image控件能加载本地及网络图片，网络图片加载默认异步，大图可手动设置异步加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

qml的图元控件是Image, 基本使用如下：

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")

    Image{
        id:img
        width:400
        height: 400
        anchors.centerIn: parent
        source: "/pic/1.png"
    }
}

显示效果
在这里插入图片描述

Image显示图片，只要是Qt支持的，比如JPG、PNG、BMP、GIF、sVG等都可以显示。它只能显示静态图片，对于GIF等格式，只会把第一帧显示出来。如果要显示动画，则可以使用 AnimatedSprite 或者 AnimatedImage。 Image 的 width 和 height 属性用来设定图元的大小，如果没有设置它们，则使用图片本身的尺寸，如果设置了width 和 height，图片显示时会进行相应的拉伸。

除了显示本地图片还可以显示网络图片，设置source属性为网络地址即可，http, ftp等。

Image加载图片时，默认是阻塞的形式，如果图片比较大可以

了解本专栏