QT开发中文网

qml 繁忙指示器

在 QML 中,可以使用 BusyIndicator 组件来实现繁忙指示器。这个组件通常用于表示一个正在进行的操作,比如加载数据或执行长时间运行的任务。

下面是一个简单的示例,展示了如何使用 BusyIndicator

import QtQuick 2.15
import QtQuick.Controls 2.15

ApplicationWindow {
    visible: true
    width: 400
    height: 300

    // 繁忙指示器
    BusyIndicator {
        id: busyIndicator
        anchors.centerIn: parent
        running: true // 设置为 true 显示指示器
        visible: false // 初始设置为不可见
        
        onRunningChanged: {
            if (running) {
                visible = true; // 当开始运行时显示
            } else {
                visible = false; // 停止时隐藏
            }
        }
    }

    Button {
        text: "Start Loading"
        anchors.centerIn: parent

        onClicked: {
            busyIndicator.running = true; // 启动繁忙指示器

            // 模拟长时间任务(如网络请求等)
            Timer {
                interval: 3000; // 模拟3秒的任务时间
                running: true;
                repeat: false;

                onTriggered: {
                    busyIndicator.running = false; // 完成后停止指示器
                }
            }.start();
        }
    }
}

说明:

  1. BusyIndicator:这是主要的繁忙指示器组件。
  2. running 属性控制指示器的状态。如果它被设置为 true,则显示旋转动画;如果为 false,则不显示。
  3. visible 属性可以用来控制组件是否在 UI 中可见。
  4. Button:点击按钮后,会启动一个模拟的长时间操作(使用定时器),同时启动繁忙指示器,3秒后停止。

这个基本结构可以根据具体需求进行扩展,例如绑定到实际的数据加载操作中,以便更动态地显示繁忙状态。


内容由零声教学AI助手提供,问题来源于学员提问

本站部分文章来源于网络,版权归原作者所有,如有侵权请联系站长删除。
转载请注明出处:https://qt.0voice.com/?id=12798

分享:
扫描分享到社交APP
上一篇
下一篇
发表列表
游客 游客
此处应有掌声~
评论列表

还没有评论,快来说点什么吧~

联系我们

在线咨询: 点击这里给我发消息

微信号:3007537140

上班时间: 10:30-22:30

关注我们
x

注册

已经有帐号?