Qt Quick入门教程(15)：图元控件Image

2021-03-21 20:59:12 阅读：213 来源： 互联网

标签：控件显示 15 Qt Image height width import 图片

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加载图片时，默认是阻塞的形式，如果图片比较大可以设为异步加载

asynchronous:true

网络图片自动实现异步加载。

标签：控件,显示,15,Qt,Image,height,width,import,图片
来源： https://blog.csdn.net/yao_hou/article/details/115055667

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

Qt Quick入门教程(15)：图元控件Image