一、说明

Image类型可以用来显示一个图像。
使用source属性将图像的源指定为一个URL。可以用Qt支持的任何标准图像格式提供图像，包括位图格式(如PNG和JPEG)和矢量图形格式(如SVG)。如果你需要显示动画图像，使用AnimatedSprite或AnimatedImage。
如果没有指定宽度和高度属性，图像将自动使用已加载图像的大小。默认情况下，指定项目的宽度和高度将使图像缩放到该大小。这种行为可以通过set来改变

案例

import QtQuick 2.15
import QtQuick.Window 2.15
import QtQuick.Controls 2.15Item {width: 640height: 480visible: trueanchors.fill: parentBusyIndicator{id : busy;running: true;anchors.centerIn: parent;z : 2;}Text {id: stateLabel;visible: false;anchors.centerIn: parent;z:3;}Image {id: imageViewer;asynchronous: true;cache: false;anchors.fill: parent;fillMode: Image.PreserveAspectFit;onStatusChanged: {if(imageViewer.status ===Image.Loading){busy.running = true;stateLabel.visible = false;}else if(imageViewer.status ===Image.Ready){busy.running = false;}else if(imageViewer.status === Image.Error){busy.running = false;stateLabel.visible = true;stateLabel.text = "Error"}}}property var urls: ["https://goss3.cfp.cn/creative/vcg/veer/800/new/VCG41N487648969.jpg","https://goss4.cfp.cn/creative/vcg/800/new/VCG41N888067282.jpg","http://pics0.baidu.com/feed/a686c9177f3e6709665d2ed0c933213bf9dc55bf.jpeg?token=c923a2fa85ba4a5283ebede1db712492"]Component.onCompleted: {timer.start();}Timer{id: timerinterval: 3000;repeat: truetriggeredOnStart: true;property int idx: 0onTriggered: {console.log(idx%3)imageViewer.source = urls[idx%3];idx++;}}
}

qml 有一些控件控件默认支持network，比如网络图片，视频，音频，甚至是qml文件，有些功能还是很方便的，如果出现tsl问题，请拷贝openssl的dll文件到运行目录。

【qml】Image 显示网络图片相关推荐

cs模式下，显示网络图片一例
由于在cs模式中显示图片很简单 picturebox1.image=image.fromfile(filename) 但是filename不能是url,所以不能显示网络图片,怎么办呢? 其实 .ne ...
android显示多个网络图片不显示,Android显示网络图片实例
本文实例讲述了Android显示网络图片的方法,分享给大家供大家参考.具体方法如下: 一般来说,在Android中显示一张网络图片其实是非常简单的,下面就是一个非常简单的例子: 步骤1: ① 创建你的 ...
WinForm显示网络图片
WinForm显示网络图片: pictureBox1.Image = Image.FromStream(System.Net.WebRequest.Create("http://www.go ...
Android TextView显示网络图片
前言:程序猿真的是有个通病啊,电梯上就在研究电梯的逻辑代码,走路看到红绿灯也会去研究算法,今天心情不错,于是就发了一个说说,发现某q空间中显示了我发的说说,但是我发的笑脸跟哭脸表情由于网络慢,很久才加 ...
VGA系列之一：VGA显示网络图片
一休哥是在读研究生的时候开始正式接触FPGA的,之所以这么说呢,是因为之前本科参加电赛的时候也学过一点FPGA的知识,可惜学习周期太短导致那次电赛惨败.可能世上就是有这么巧的事,刚上研究生的第一天,老 ...
Android在ImageView上直接显示网络图片
亲测可用,若有疑问请私信在原生的ImageView中,没有一个方法是可以直接显示网络的图片的,当我们经常需要显示网络图片时,每次都有一大堆的操作,这会很麻烦,今天就教大家在ImageView上轻松显 ...
Android中显示网络图片
本文参照自: http://developer.51cto.com/art/201001/180968.htm 在Android中,显示网络图片还是比较简单的.当我们开始启动一个任务加载一个View ...
android ListView显示网络图片
研究了android两个礼拜,稍微有了点眉目,开始正式帮公司开发应用的时候,发现ListView没有现成的显示网络图片的类或方法,网上查了查也没找到好的解决方法.心一横,自己研究吧,现在把我的解决办法 ...
Arduino + ESP32-C3 + TFT（1.8‘ ST7735S）基础平台（实验四）直接显示网络图片
---------------------------------------------------------------------------------------------------- ...

【qml】Image 显示网络图片

一、说明

案例

【qml】Image 显示网络图片相关推荐

最新文章

热门文章