QtQuick QML教程(21)：qml ProgressBar用法介绍

令狐掌门

已于 2025-01-21 18:26:29 修改

阅读量581

点赞数

分类专栏： [2025精修版]QtQuick QML入门进阶教程文章标签： qml ProgressBar qml进度条

于 2023-09-21 00:25:00 首次发布

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

版权

[2025精修版]QtQuick QML入门进阶教程专栏收录该内容

65 篇文章 ¥59.90 ¥99.00

订阅专栏

本文介绍了QML中的ProgressBar组件，用于显示任务完成进度。内容包括基本使用、如何展示不确定进度以及如何自定义外观。示例代码展示了如何设置进度条值，使用indeterminate属性表示不确定进度，并通过样式属性定制外观。

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

ProgressBar 是 QML 中的一个组件，用于显示一个任务的完成进度。它是 Qt Quick Controls 2 模块中的一个组件，使用时需要包含import QtQuick.Controls.

ProgressBar常用于显示文件上传、下载、计算或其他长时间任务的进度。

下面是 ProgressBar 的一些基本用法：

1. 基本使用：

下面是一个简单的例子来展示如何使用 ProgressBar：

import QtQuick 2.15
import QtQuick.Controls 2.15

ApplicationWindow {
    visible: true
    width: 640
    height: 480

    ProgressBar {
        id: progressBar
        width: 200
        height: 20
        value: 0.5  // 进度值，范围从0到1
        from: 0  // 最小值
        to: 1  // 最大值
    }

    Timer {
        interval: 1000  // 1秒
        running: true
        repeat: true
        onTrigger

了解本专栏