首页 > 学术百科

Qt之模型视图（自定义进度条）

Qt之模型视图（⾃定义进度条）

简述

在之前的章节中分享过关于QHeaderView表头排序、添加复选框等内容，相信⼤家模型/视图、⾃定义风格有了⼀定的了解，下⾯我们来分享⼀个更常⽤的内容-⾃定义进度条。

实现⽅式：

1. 从QAbstractTableModel中设置对应的进度数据，因为我们需要显⽰进度条，⽽不是直接显⽰进度⽂本，所以原始的数据不需要直接

显⽰在界⾯上，所以不需要使⽤Qt::DisplayRole，可以使⽤Qt::UserRole来代替。

2. 委托QStyledItemDelegate中根据进度索引所对应的数据来获取进度，然后为QStyleOptionProgressBar设置进度值、显⽰⽂本等

信息。

3. 设置样式，这⾥需要QStyle在绘制的时候设置drawControl的最后⼀个参数，是⼀个QWidget *，这⾥我们使⽤QProgressBar即

可。

是什么让你如此美丽效果

数据结构

下⾯定义了⽂件名、⼤⼩、状态、进度所对应的列，以及⼀个保存数据的结构体。

#define FILE_DOWNLOAD_FILE_NAME_COLUMN 0

#define FILE_DOWNLOAD_SIZE_COLUMN 1

#define FILE_DOWNLOAD_STATUS_COLUMN 2

#define FILE_DOWNLOAD_PROGRESS_COLUMN 3

// 下载记录

struct FileDownloadRecord

{

QString strFileName; //⽂件名称

qint64 nSize; //⼤⼩

int nStatus; //状态

int nProgress; //进度

海尔w36};

QStyledItemDelegate

这⾥只有绘制部分的代码，model对应的代码这⾥不再列出，可以参考其它对应的⽂章。

源码

void ProgressBarDelegate::paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const {afb1

QStyleOptionViewItem viewOption(option);

initStyleOption(&viewOption, index);

if (stFlag(QStyle::State_HasFocus))

viewOption.state = viewOption.state ^ QStyle::State_HasFocus;

QStyledItemDelegate::paint(painter, viewOption, index);

if (lumn() == FILE_DOWNLOAD_PROGRESS_COLUMN)

{

int nProgress = del()->data(index, Qt::UserRole).toInt();

int nLeft = 8;

int nTop = 8;

int nWidth = width() - 2 * nLeft;

int nHeight = height() - 2 * nTop;

// 设置进度条的风格

QStyleOptionProgressBar progressBarOption;

progressBarOption.initFrom(option.widget);

// 设置进度条显⽰的区域

< = left() + nLeft, p() + nTop, nWidth, nHeight);

// 设置最⼩值

progressBarOption.minimum = 0;

/remote administrator

/ 设置最⼤值

progressBarOption.maximum = 100;

// 设置对齐⽅式

// 设置进度

progressBarOption.progress = nProgress;

// 设置⽂本（百分⽐）

< = QString("%1%").arg(nProgress);

疯狂英语原声版// 设置⽂本可见

QProgressBar progressBar;

/绘制进度条

QApplication::style()->drawControl(QStyle::CE_ProgressBar, &progressBarOption, painter, &progressBar);

}

QThread

为了模拟真实性，所以起了⼀个线程，每隔1秒刷新⼀次。

FileDownloadThread::FileDownloadThread(QObject *parent)

: QThread(parent)

{

qRegisterMetaType<QList<FileDownloadRecord>>("QList<FileDownloadRecord>");

}

FileDownloadThread::~FileDownloadThread()

{

requestInterruption();

wait();

}

void FileDownloadThread::run()

{

while (!isInterruptionRequested())

{

QTime time;

time= QTime::currentTime();

qsrand(time.msec()+time.second()*1000);

QList<FileDownloadRecord> list;

for (int i = 0; i < 5; ++i)

{

FileDownloadRecord record;

record.strFileName = QString("/root/user/file%1.log").arg(i + 1);

record.nSize = 1024 / ((i + 2) *(i + 2)) ;

record.nStatus = i;

record.nProgress = qrand() % 100 + 1;

list.append(record);

}

emit transfer(list);

msleep(1000);

}

样式

QProgressBar{

border: none;

text-align: center;穆勒五法

background:rgb(210, 225, 240);

}

QProgressBar::chunk{

background:rgb(0, 160, 230);

}

衍伸

这⾥为了美观，我设置进度条距离左、上、右、下的距离均为8px，⽽且单元格⾥⾯只显⽰了⼀个进度条。

这⾥只需要控制好单元格绘制区域位置rect即可，你可以在⾥⾯添加任意⾃定义的控件，⽽且可以添加任意多个，随意排列组合。

本文发布于:2024-09-21 11:04:45，感谢您对本站的认可！

本文链接：https://www.17tex.com/xueshu/453356.html

上一篇：my sports role model 作文

下一篇：磁性拟合中的模型选择rawson1

标签：设置进度条绘制数据定义对应需要

留言与评论（共有 0 条评论）