qdialog 圆角_QT 使用QSS实现圆角对话框

绝地灬酷狼 2023-01-01 06:52 335阅读 0赞

QT 使用QSS实现圆角对话框

圆角对话框有很多办法，一般是用代码重绘的方式，比较复杂，这一个高仿360的界面给的代码,比较复杂，放入我的QDialog的窗口总是不生效：

MainWindow::MainWindow(QWidget \*parent) :

QMainWindow(parent),

ui(new Ui::MainWindow)\{

ui->setupUi(this);

setWindowFlags(Qt::FramelessWindowHint);//隐藏边框和标题栏

//生成一张位图

QBitmap objBitmap(size());

//QPainter用于在位图上绘画

QPainter painter(&objBitmap);

//填充位图矩形框(用白色填充)

painter.fillRect(rect(),Qt::white);

painter.setBrush(QColor(0,0,0));

//在位图上画圆角矩形(用黑色填充)

painter.drawRoundedRect(this->rect(),5,5);

//使用setmask过滤即可

setMask(objBitmap);

//设置背景

QPalette pal;

QPixmap pixmap(QDir::toNativeSeparators

(":/image/frame.png"));

pal.setBrush(QPalette::Window, QBrush(pixmap));

setPalette(pal);

\}

简单实现圆角窗口

实际发现，可以简单的通过QT的 styleSheet 来实现这一功能，相当简单好用。

思路是把QDialog 背景透明，然后在QDialog再放上一个圆角的QFrame 即可实现圆角效果！

2.1 初始化对话框

OnePicker::OnePicker(QWidget \*parent) :

RoundCornerPicker(parent),

ui(new Ui::OnePicker)

\{//

ui->setupUi(this);

setWindowFlags(Qt::FramelessWindowHint | Qt::Dialog);

\}

2.2 设置相应样式

其中对话框的样式是

border: none; background-color: transparent;

用来作直正的背景的Frame样式

border-image: url(:/resource/images/picker\_bk.png);

border-width: 1px 1px 1px 1px;

border-style: solid;

border-color: rgb(76,76,76);

border-radius:6px;

2.3 全局样式表

可以把上述定义放入全局的qss样式表中，这样所有对话框自动变成圆角矩表

QDialog \{

border:none;

background-color:transparent;\}

QDialog \#DialogBk \{

border-image:url(:/resource/images/picker\_bk.png);

border-width:1px 1px 1px 1px;

border-style:solid;

border-color:rgb(76,76,76);

border-radius:6px;

\}

最终效果如下

![Image 1][]

不直接对QDialog 做圆角背景的原因

为什么使用QFrame的原因是强制把QDialog做成圆角背景，仍然会显示四周的直角边框，这样极不美观。

[Image 1]:

发表评论取消回复

表情：

评论列表（有 0 条评论，335人围观）

还没有评论，来说两句吧...

相关阅读

相关 QT 基础入门【QSS篇】QT如何实现圆角效果

1、四个方向圆角： > border-radius 设置四个角圆角; border-radius: 30px; ![67f671e1d5f84ee7a7b55

朴灿烈づ我的快乐病毒、/ 2024年03月25日 18:27/ 0 赞/ 62 阅读

相关 css实现圆角三角形，圆角三角形的实现

今天给大家带来一个如何实现圆角三角形的方案，这个方案虽然可以实现，但是也是借助拼凑等方式来实现的，假如想一个div来实现圆角三角形，还是比较困难的。之前文章讲了如何[实现对话框

女爷i/ 2023年10月15日 20:08/ 0 赞/ 57 阅读

相关绘制圆角绘制圆角绘制圆角

<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.andr

曾经终败给现在/ 2023年10月03日 09:26/ 0 赞/ 21 阅读

相关 css圆角三角形3个圆角_CSS中的圆角

css圆角三角形3个圆角 CSS | 圆角 (CSS | Rounded Corners) border-radius property is commonly use

墨蓝/ 2023年03月05日 09:57/ 0 赞/ 98 阅读

相关 6、QT基础——对话框QDialog

6.1 基本概念对话框是 GUI 程序中不可或缺的组成部分。很多不能或者不适合放入主窗口的功能组件都必须放在对话框中设置。对话框通常会是一个顶层窗口，出现在程序

柔情只为你懂/ 2023年01月13日 05:59/ 0 赞/ 143 阅读

相关 qdialog 圆角_QT 使用QSS实现圆角对话框

QT 使用QSS实现圆角对话框圆角对话框有很多办法，一般是用代码重绘的方式，比较复杂，这一个高仿360的界面给的代码,比较复杂，放入我的QDialog的窗口总是不生效：

绝地灬酷狼/ 2023年01月01日 06:52/ 0 赞/ 336 阅读

相关 css实现圆角三角形

实现带有圆角的三角形： background: linear-gradient(45deg, transparent 50%, 61C4CF 0%); bac

痛定思痛。/ 2022年10月28日 10:17/ 0 赞/ 640 阅读

相关 QT 总结（五）对话框QDialog

QDialog ![20150820160634772][] ![20150820160644461][] include "my

分手后的思念是犯贱/ 2022年08月04日 08:52/ 0 赞/ 183 阅读

相关 QT 对话框QDialog

PS: 1.关闭主窗口并退出程序是 QApplication::exit() 2.如果是QDialog，就accept() 或 reject() 3.对于所有

拼搏现实的明天。/ 2022年04月18日 01:10/ 0 赞/ 291 阅读

相关 Android 圆角实现

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 方法一 Path mPath = new Pa

落日映苍穹つ/ 2022年01月14日 06:23/ 0 赞/ 295 阅读