qml ProgressBar ProgressBarStyle 实现进度条

caicai_xiaobai

于 2023-08-09 16:11:08 发布

阅读量402

点赞数

CC 4.0 BY-SA版权

文章标签： qt

本文链接：https://blog.csdn.net/caicai_xiaobai/article/details/132190257

本文介绍了如何在使用QtQuick1.4和Styles1.4版本时，创建一个具有自定义样式和布局的水平进度条组件，展示了其锚点设置和属性配置。

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

                        ProgressBar 
                        {
                            anchors.horizontalCenter: parent.horizontalCenter
                            anchors.top: parent.top
                            anchors.topMargin: 90
                            height: 4
                            width: parent.width - 34
                            indeterminate: false
                            value: 50
                            orientation: Qt.Horizontal
                            maximumValue : 0
                            minimumValue : 100
                            style: ProgressBarStyle {
                                background: Rectangle {
                                    radius: 2
                                    color: "#CCCACA"
                                    implicitWidth: 4
                                    implicitHeight: 4
                                }
                                progress: Rectangle {
                                    radius: 2
                                    color: "#5F5F5F"
                                }
                            }
                        }

注意需要导入
import QtQuick.Controls 1.4

import QtQuick.Controls.Styles      1.4