美化QFileDialog

最新推荐文章于 2024-08-14 16:24:16 发布
最新推荐文章于 2024-08-14 16:24:16 发布
阅读量5.2k 收藏 25
点赞数 6
分类专栏： Qt之路 文章标签： 美化QFileDialog QFIleDialog文件和文件夹选中
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ly305750665/article/details/82762517
版权

美化QFileDialog

文章目录

效果图

在这里插入图片描述

#简述

在看Qt QFileDialog源码的时候，发现Qt自己做了一套文件管理框，UI如下；反之，Qt自己做了一套自己的UI文件，那么我们就能美化它。
在这里插入图片描述

功能

1.美化QFileDialog
2.支持QFileDialog的都支持
3.支持文件和文件夹多选

思路

自定义一个Dialog，UI如下
在这里插入图片描述

代码篇

CustomFileDialog::CustomFileDialog(QWidget *parent)
	: QDialog(parent)
{
	ui.setupUi(this);
    //设置QFileDialog 透明，无边框，子窗口属性
	m_fileDialog = new QFileDialog(this, Qt::SubWindow | Qt::FramelessWindowHint);
	m_fileDialog->setAttribute(Qt::WA_TranslucentBackground);
	//使用Qt的文件选项框
	m_fileDialog->setOption(QFileDialog::DontUseNativeDialog, true);
	//QFileDialog 添加到自定义UI中
	ui.bodylayout->addWidget(m_fileDialog);

	this->setAttribute(Qt::WA_TranslucentBackground);
	this->setWindowFlags(Qt::FramelessWindowHint);
	setTitleName(QString::fromLocal8Bit("文件选择框"));

	//支持多选，即支持文件和文件夹选中
	QListView *pListView = m_fileDialog->findChild<QListView*>("listView");
	if (pListView){
		pListView->setSelectionMode(QAbstractItemView::ExtendedSelection);
		pListView->setItemDelegate(new NoFocusDelegate(pListView));
	}
	QTreeView *pTreeView = m_fileDialog->findChild<QTreeView*>("treeView");
	if (pTreeView){
		pTreeView->setSelectionMode(QAbstractItemView::ExtendedSelection);
		pTreeView->setItemDelegate(new NoFocusDelegate(pTreeView));
		pTreeView->header()->setDefaultAlignment(Qt::AlignLeft | Qt::AlignVCenter);
	}
	QLabel* lookinLabel = m_fileDialog->findChild<QLabel*>("lookInLabel");
	if (lookinLabel)
		lookinLabel->setText(QString::fromLocal8Bit("文件目录："));

	QComboBox* fileTypeCombo = m_fileDialog->findChild<QComboBox*>("fileTypeCombo");
	if (fileTypeCombo)
		fileTypeCombo->setMinimumHeight(24);
	QComboBox* lookInCombo = m_fileDialog->findChild<QComboBox*>("lookInCombo");
	if (lookInCombo)
		lookInCombo->setMinimumHeight(24); 
	QLineEdit* fileNameEdit = m_fileDialog->findChild<QLineEdit*>("fileNameEdit");
	if (fileNameEdit)
		fileNameEdit->setMinimumHeight(24);

	QDialogButtonBox *buttonBox = m_fileDialog->findChild<QDialogButtonBox *>("buttonBox");
	if (QPushButton *button = buttonBox->button(QDialogButtonBox::Open)){
		button->setStyleSheet("QPushButton{background-color: qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0,stop: 0 #00BAFF, stop: 1 #00A1FF);font-size: 12px;color: #FFFFFF;border-radius:2px;}"
							  "QPushButton:hover{background: #00C1FF;font-size: 12px;color: #FFFFFF;border-radius:2px;}"
							  "QPushButton:disabled{background: #F0F0F0;border: 1px solid #DDDDDD;font-size: 12px;color: #BBBBBB;border-radius:2px;}");
		button->setFixedSize(68, 24);
	}
	if (QPushButton *button = buttonBox->button(QDialogButtonBox::Save)){
		button->setStyleSheet("QPushButton{background-color: qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0,stop: 0 #00BAFF, stop: 1 #00A1FF);font-size: 12px;color: #FFFFFF;border-radius:2px;}"
							  "QPushButton:hover{background: #00C1FF;font-size: 12px;color: #FFFFFF;border-radius:2px;}"
							  "QPushButton:disabled{background: #F0F0F0;border: 1px solid #DDDDDD;font-size: 12px;color: #BBBBBB;border-radius:2px;}");
		button->setFixedSize(68, 24);
	}
	if (QPushButton *button = buttonBox->button(QDialogButtonBox::Cancel)){
		button->setStyleSheet("QPushButton{border: 1px solid #DDDDDD;font-size: 12px;color: #666666;border-radius:2px;}"
							  "QPushButton:hover{font-size: 12px;color: #00A1FF;border: 1px solid #00A1FF;border-radius:2px;}"
							  "QPushButton:disabled{background: #F0F0F0;border: 1px solid #DDDDDD;font-size: 12px;color: #BBBBBB;border-radius:2px;}");
		button->setText(QString::fromLocal8Bit("取消"));
		button->setFixedSize(68, 24);
	}

	buttonBox->disconnect();
	connect(buttonBox, SIGNAL(accepted()), this, SLOT(onAccepted()));//改成自己的槽
	connect(buttonBox, SIGNAL(rejected()), this, SLOT(onRejected()));//改成自己的槽

	connect(ui.sysMin, SIGNAL(clicked(bool)), this, SLOT(onShowMin(bool)));
	connect(ui.sysClose, SIGNAL(clicked(bool)), this, SLOT(onShowClose(bool)));
}

工程文件

Qt交流大会 853086607 收费群中
在这里插入图片描述

结尾

不定期上传新作品，解答作品相关问题。相关外，能解答则解答。欢迎大家一起探索Qt世界！

雨田哥
关注
专栏目录
QSS界面美化6
有志者事竟成
10-07 700
.QWidget { background-color: beige; } QToolBar { background-color: beige; } QDialog, QFileDialog { background-color: beige; } QTabWidget::pane { /* The tab widget frame */ border-top
Qt开发经验总结
草上爬的博客
12-02 8218
增加了很多轮子，同时原有模块拆分的也更细致，估计为了方便拓展个管理。把一些过度封装的东西移除了（比如同样的功能有多个函数），保证了只有一个函数执行该功能。把一些Qt5中兼容Qt4的方法废弃了，必须用Qt5中对应的新的函数。跟随时代脚步，增加了不少新特性以满足日益增长的客户需求。对某些模块和类型及处理进行了革命性的重写，运行效率提高不少。有参数类型的变化，比如 long * 到 qintptr * 等，更加适应后续的拓展以及同时对32 64位不同系统的兼容。
Qt QSS界面美化
hw5230的博客
04-14 3684
1、根据刘典武大佬和网上查询的资料，进行更改2、使用QSS对界面进行美化3、点击按钮，进行界面样式切换（银色和黑色）
Qt对话框美化（含TableWidget）
05-31
Qt对话框美化：QTableWidget Qt对话框美化：按钮美化
QT—QDialog8种对话框实现
最新发布
iimchinese的博客
08-14 584
自定义对话框通常通过继承 QDialog 类并添加所需的控件来实现。你可以通过 Qt Designer 设计界面，或者使用代码动态创建控件。Q_OBJECTpublic:// 设置窗口标题setWindowTitle("自定义对话框");// 创建布局// 添加控件QPushButton *button = new QPushButton("点击我", this);// 将按钮添加到布局中// 设置对话框的布局// 连接按钮的点击信号到槽函数// 处理按钮点击事件。
自定义QFileDialog
04-29
自定义的QFileDialog,
Qt：QDialog 界面美化
CXYYL的博客
03-01 3960
Qt 界面美化 qss
Qt笔记(二十二)之QFileDialog风格
我是黄同学博客
01-14 1773
一.前言 以前在使用QFileDialog的时候都只是用来获取个文件路径，都是获取到就完事了，昨天看了一下相关的内容，其实QFileDialog默认是采用系统风格，对话框样式风格跟着系统走的，但是是可以设置使用Qt自带的内置风格的，需要用setOption函数设置一下就好了 二.实现 QFileDialog *p = new QFileDialog(); p->setOption(QFileDialog::DontUseNativeDialog,true); p->sho
设置QFileDialog窗口样式
qq_47830269的博客
10-12 1257
把字体改成白色的
Python结合pyqt5、qrcode、PIL编写的二维码生成及美化程序代码
weixin_43857873的博客
04-04 870
** Python结合pyqt5、qrcode编写的二维码生成器代码 ** # -*- coding: utf-8 -*- # Form implementation generated from reading ui file 'd:\Desktop\Pythoh\二维码生成器v3.0\qrcode.ui' # # Created by: PyQt5 UI code generator 5...
总结了一份Qt5 的开发经验
李肖遥的专栏
08-10 1961
关注、星标公众号，直达精彩内容来源：https://gitee.com/feiyangqingyun当编译发现大量错误的时候，从第一个看起，一个一个的解决，不要急着去看下一个错误，往往后面...
美化打开文件对话框(附源码)
12-13
美化打开文件对话框OpenFileDialog
QFileDialog 个性化定制
Jane_yuhui的专栏
06-15 3336
修改 QFileDialog 显示样式
QFileDialog
c_tianzi的专栏
09-01 2823
常用的打开，保存文件对话框： #include #include #include #include DialogTest::DialogTest(QWidget *parent, Qt::WFlags flags) : QDialog(parent, flags) { ui.setupUi(this); /////设置字符编码 QTextCodec *codec = QTex
Qt 文件对话框使用 Deepin风格
L-Super的博客
08-10 595
Qt 弹出 Deepin 或 UOS 风格的文件对话框。
【Qt开发笔记】Qt中关于文件对话框QFileDialog属性option以及对其qss样式修改
热门推荐
专注Qt与C++开发
05-31 1万+
1.概述 在Qt中使用QFileDialog中的static函数getOpenFileName和getOpenFileNames函数可以打开文件对话框并返回选中的文件名，但是有时候会考虑到修改QFileDialog的qss样式表去使打开的文件对话框的样式与父界面的样式保持一致，这时候会发现无论是继承QFileDialog并对其设置qss还是在他的父界面中直接对其设置qss样式表都没有效果，这里我...
Qt (QFileDialog&QColorDialog&QFontDialog) 对话框实战
wei_Embedded_z的博客
10-17 423
Qt (QFileDialog&QColorDialog&QFontDialog) 对话框实战 文件对话框，颜色对话框，字体对话框
QT界面之美——对话框
sum_TW的博客
03-12 1330
#include "mainwindow.h" #include #include #include #include #include #include #include MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent) { QMenuBar *mBar=new QMenuBar();
[Qt] 界面美化 [2013-06-17更新]
it_mac的专栏
06-17 5421
- 经验总结 1. 可用对话框（QDialog）模拟类似Android中toast的效果。 - 设置程序界面风格 在main函数中 QApplication::setStyle("windows"); QApplication::setStyle("windowsxp"); QApplication::setStyle("motif"); QApp
windows环境下，基于qt，实现一个音乐播放器，界面有一定的美化效果，代码示例，
05-05
以下是一个简单的音乐播放器的代码示例，基于Qt框架，使用QMediaPlayer实现音乐播放功能，同时添加了一些美化效果，如进度条和歌词显示等。 mainwindow.h： ```cpp #ifndef MAINWINDOW_H #define MAINWINDOW_H #include <QMainWindow> #include <QMediaPlayer> #include <QMediaPlaylist> #include <QTimer> QT_BEGIN_NAMESPACE namespace Ui { class MainWindow; } QT_END_NAMESPACE class MainWindow : public QMainWindow { Q_OBJECT public: MainWindow(QWidget *parent = nullptr); ~MainWindow(); private slots: void on_playBtn_clicked(); void on_stopBtn_clicked(); void on_pauseBtn_clicked(); void on_volumeSlider_valueChanged(int value); void on_positionChanged(qint64 position); void on_durationChanged(qint64 duration); void updateDurationInfo(); void on_playlistBtn_clicked(); void on_playlistView_doubleClicked(const QModelIndex &index); private: Ui::MainWindow *ui; QMediaPlayer *m_player; QMediaPlaylist *m_playlist; QString m_currentSong; QTimer *m_timer; void setPlayIcon(); void setPauseIcon(); void setStopIcon(); void setupPlaylist(); void setupUI(); }; #endif // MAINWINDOW_H ``` mainwindow.cpp： ```cpp #include "mainwindow.h" #include "ui_mainwindow.h" #include <QFileDialog> #include <QMessageBox> #include <QMediaMetaData> #include <QDesktopServices> #include <QUrl> MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent) , ui(new Ui::MainWindow) { ui->setupUi(this); setupUI(); m_player = new QMediaPlayer(this); m_playlist = new QMediaPlaylist(this); m_player->setPlaylist(m_playlist); connect(m_player, &QMediaPlayer::positionChanged, this, &MainWindow::on_positionChanged); connect(m_player, &QMediaPlayer::durationChanged, this, &MainWindow::on_durationChanged); connect(m_player, &QMediaPlayer::stateChanged, this, &MainWindow::updateDurationInfo); m_timer = new QTimer(this); connect(m_timer, &QTimer::timeout, this, &MainWindow::updateDurationInfo); setupPlaylist(); } MainWindow::~MainWindow() { delete ui; delete m_player; delete m_playlist; } void MainWindow::on_playBtn_clicked() { if (m_playlist->isEmpty()) { QMessageBox::information(this, "Error", "No songs in playlist!"); return; } if (m_player->state() == QMediaPlayer::PausedState) { m_player->play(); setPauseIcon(); } else if (m_player->state() == QMediaPlayer::StoppedState) { m_playlist->setCurrentIndex(0); m_player->play(); setPauseIcon(); } else { m_player->pause(); setPlayIcon(); } } void MainWindow::on_stopBtn_clicked() { m_player->stop(); setStopIcon(); } void MainWindow::on_pauseBtn_clicked() { if (m_player->state() == QMediaPlayer::PlayingState) { m_player->pause(); setPlayIcon(); } } void MainWindow::on_volumeSlider_valueChanged(int value) { m_player->setVolume(value); } void MainWindow::on_positionChanged(qint64 position) { ui->positionSlider->setValue(position); ui->positionLabel->setText(QDateTime::fromMSecsSinceEpoch(position).toUTC().toString("mm:ss")); } void MainWindow::on_durationChanged(qint64 duration) { ui->positionSlider->setRange(0, duration); ui->durationLabel->setText(QDateTime::fromMSecsSinceEpoch(duration).toUTC().toString("mm:ss")); } void MainWindow::updateDurationInfo() { qint64 position = m_player->position(); qint64 duration = m_player->duration(); ui->positionSlider->setValue(position); ui->durationLabel->setText(QDateTime::fromMSecsSinceEpoch(duration).toUTC().toString("mm:ss")); if (m_player->state() == QMediaPlayer::PlayingState) { setPauseIcon(); } else { setPlayIcon(); } } void MainWindow::on_playlistBtn_clicked() { ui->playlistView->setVisible(!ui->playlistView->isVisible()); } void MainWindow::on_playlistView_doubleClicked(const QModelIndex &index) { m_playlist->setCurrentIndex(index.row()); m_player->play(); setPauseIcon(); } void MainWindow::setPlayIcon() { ui->playBtn->setIcon(QIcon(":/icons/play.png")); } void MainWindow::setPauseIcon() { ui->playBtn->setIcon(QIcon(":/icons/pause.png")); } void MainWindow::setStopIcon() { ui->playBtn->setIcon(QIcon(":/icons/stop.png")); } void MainWindow::setupPlaylist() { QStringList files = QFileDialog::getOpenFileNames(this, "Select songs", QDir::homePath(), "*.mp3"); if (files.isEmpty()) { return; } foreach (QString file, files) { QMediaContent content(QUrl::fromLocalFile(file)); m_playlist->addMedia(content); QString title = QFileInfo(file).fileName(); ui->playlistView->addItem(title); } } void MainWindow::setupUI() { ui->positionSlider->setRange(0, 0); ui->volumeSlider->setRange(0, 100); ui->playBtn->setIcon(QIcon(":/icons/play.png")); ui->stopBtn->setIcon(QIcon(":/icons/stop.png")); ui->pauseBtn->setIcon(QIcon(":/icons/pause.png")); ui->playlistBtn->setIcon(QIcon(":/icons/playlist.png")); ui->coverLabel->setPixmap(QPixmap(":/images/cover.png")); ui->playlistView->setVisible(false); } ``` 其中，使用了以下资源文件： icons.qrc： ```xml <!DOCTYPE RCC><RCC version="1.0"> <qresource> <file>:/icons/play.png</file> <file>:/icons/pause.png</file> <file>:/icons/stop.png</file> <file>:/icons/playlist.png</file> </qresource> </RCC> ``` images.qrc： ```xml <!DOCTYPE RCC><RCC version="1.0"> <qresource> <file>:/images/cover.png</file> </qresource> </RCC> ``` 效果如下图所示： ![音乐播放器效果图](https://i.imgur.com/2bNoK4t.png)
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

雨田哥

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值