自学QT之qml载入网络图片

最新推荐文章于 2025-06-11 20:00:45 发布

炫彩灵感

最新推荐文章于 2025-06-11 20:00:45 发布

阅读量3.5k

点赞数

CC 4.0 BY-SA版权

文章标签： QT QML

本文链接：https://blog.youkuaiyun.com/xuancailinggan/article/details/50451818

这篇博客介绍了如何使用QML进行网络图片加载。通过书中的实例代码，作者展示了在QML中加载网络图片的过程，并添加了详细注释，旨在帮助读者快速掌握这一技能。

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

qml现在也成了QT的主打品牌了，qml的编程效率也是杠杆的。照着书本敲了一段代码，感觉很棒呀！

下面是qml实现载入网络图片的例子，当然，例子是书上的哦，我给加了注释。希望看大此篇博客的朋友可以快速上手。

代码走起！

import QtQuick 2.3
import QtQuick.Window 2.2
import QtQuick.Controls 1.4//导入需要的各种包，很熟悉的java风格？对了，仔细查查qml和java的共同之处吧

Window {
    visible: true
    width: 800                          //设置窗口大小
    height: 600
    Rectangle{
        anchors.centerIn: parent       //这里是一个布局，意思是说部件居中于他的爸爸……
        width: 800                  //设置内部显示图片的方形范围大小，好吧，我只能这么叫，qml用的模型就是那叫啥的方盒模型，大概如此吧
        height: 600
        color: "blue"
        BusyIndicator{                  //这是一个指示器，看名字，叫忙碌指示器。想想你电脑卡死时候那个小圆圈吧，恐怖……
            id:busy
            running: true
            anchors.centerIn: parent
            z:2                     //z序，可以理解为三维坐标，就是说在这个东西显示的次序，也就是谁在前面谁在后面
        }
        Text{                           //文本区域，用来显示按钮的啦。其实这些小部件跟c++里面添加按钮是一个道理
            id:state
            visible: false
            anchors.center