pyqt 圆形按钮

最新推荐文章于 2025-01-04 23:32:25 发布

原创最新推荐文章于 2025-01-04 23:32:25 发布 · 5.3k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#pyqt

python 专栏收录该内容

26 篇文章

订阅专栏

color: rgb(137, 221, 255);
background-color: rgb(37, 121, 255);
border-style:none;
border:1px solid #3f3f3f; 

padding:5px;
min-height:20px;
border-radius:15px;

这里写图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zhongfuyu

关注关注

3
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

用pyqt5 给按钮设置图标和css样式的方法

09-19

今天小编就为大家分享一篇用pyqt5 给按钮设置图标和css样式的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

使用PyQt5创建一个真实的圆形按钮

PgosOcaml的博客

09-20

747

在自定义按钮类中，我们通过调用setFixedSize方法设置按钮的固定大小为100x100像素，并定义了一个buttonColor属性来存储按钮的颜色。首先，我们启用了抗锯齿效果，然后设置了画笔为无边框，接着使用设置的按钮颜色绘制一个椭圆形，其大小与按钮的大小相同。运行这段代码，你将看到一个具有真实的圆形按钮的窗口。按钮的默认颜色为红色，你可以通过修改CircleButton类中的buttonColor属性来改变按钮的颜色。在主窗口类中，我们首先设置了主窗口的位置和大小，并为其设置了一个标题。

参与评论您还未登录，请先登录后发表或查看评论

PyQt圆形按钮

酒醉东坡的专栏

08-27

8230

不规则形状的控件一直是图形界面设计的不可缺少的一项，但是有些控件的不规则实现却比较困难。这篇文字专注于圆形按钮的实现，此实现方法比较简单，没有任何难点，且看实现效果。按钮初始图片： Hovered图片： Pressed图片：当然，将图片设置为rgb色值也可以，只需要稍稍修改即可。圆形按钮实现的关键代码只有一句： painter_path.addEllipse(

pyqt5-designer实现圆形按钮

BadBoyHolly的博客

06-14

7262

1.设置按钮尺寸Max=Min 2.在styleSheet里添加如下代码，其中border-radius代表圆角半径，当圆角半径=矩形边长的一半，就是圆 background-color: rgb(170, 170, 255); color: rgb(255,255,255); border-radius: 30px; border: 2px groove gray; font: 9pt "AcadEref"; border-style: outset; ...

PyQt5如何在Qtdesigner里修改按钮形状、大小、按钮颜色、字体颜色等参数，尤其是如何将按钮修改成圆形。

weixin_41657202的博客

04-24

8384

在Qtdesigner界面修改组件属性，尤其是如何将按钮设置为圆形

圆形按钮（button控件）源码（非图片实现）

09-19

圆形按钮（button控件）源码（非图片实现）还有点问题，效率有点低 Q：477976996

pyqt5 设置按钮圆角

向来萧瑟也无畏

04-09

7644

2种方法 1.可以直接在Qt Designer中设置。详见此文：在Qt designer中实现按钮的圆角设置 2.pycharm中通过代码设置：关键是这行代码（引号中设置样式） self.pushButton.setStyleSheet('') from PyQt5 import QtCore, QtWidgets from PyQt5.QtWidgets import QApplication, QMainWindow import sys class Ui_MainWindow(QMainWin

Pyqt5 按钮事件绘制图形

04-03

用PyQT5+按钮事件绘制图形，做了绘制圆形和矩形的demo。

【PYQT】按钮文本输入框图标]一文了解pyqt的基本ui

weixin_59422604的博客

01-04

353

PYQT实现基本的UI功能

python制作圆形按钮_Python在pyqt5中创建一个真实的圆圈按钮

weixin_39696665的博客

12-05

1621

我尝试创建一个圆形按钮,但实际上pyqt仍然创建了一个方形按钮.找到的所有示例都创建了方形按钮并在其中放置了圆形图像,但是当我尝试隐藏按钮的背景时仍然失败,我也尝试添加一些悬停功能,但是应该可以用后缀,所以您可以跳过它.我的代码在这里：from PyQt5 import QtCore, QtGui, QtWidgetsfrom PyQt5.QtWidgets import QActionfrom ...

python定义一个圆_Python在pyqt5中创建一个实圆形按钮

weixin_39611382的博客

11-26

956

我试图创建一个圆形按钮，但实际上pyqt仍然创建了一个正方形按钮。全部发现的例子只是创建了一个正方形的按钮，并在其中放置了一个圆形的图像，但是当我试图隐藏按钮的背景时，它还是失败了。我还尝试添加一些悬停功能，但这应该会起作用，所以你可以跳过它。我的代码在这里：from PyQt5 import QtCore, QtGui, QtWidgetsfrom PyQt5.QtWidgets import ...

pyqt5 buttons按钮简单操作（一）

07-09

源码简单实现了，pushbutton,checkbox,radiobutton，以及buttongroups。

CSS经典圆形按钮

08-14

CSS经典圆形按钮

圆形按键,按键包围圆形进度条,进度条倒计时,倒计时结束自动隐藏,带渐隐渐现功能

a718816903的博客

04-06

297

【代码】圆形按键,按键包围圆形进度条,进度条倒计时,倒计时结束自动隐藏,带渐隐渐现功能。

pyqt4 自定义圆形指示灯控件

桜

09-29

4244

# -*- coding: utf-8 -*-# #------------------------------------------------------------------------------- # Name: 自定义圆形指示灯控件 #-----------------------------------------------------------------...

圆形按钮样式

Qt君

09-16

2056

大家中秋好。月饼圆，月亮圆，中秋团团圆圆。今天就分享关于圆的东西(圆形按钮样式)。

设置圆形按钮

11-17

2452

//圆形登录按钮 float btnWeiboY = 58 + 70 + 24 + 18 + 50; self.btnWeibo = [UIButton buttonWithType:UIButtonTypeCustom]; [self.btnWeibo setFrame:CGRectMake((ScreenWidth - logoW)/2 , bt

winform 圆形按钮

shuang01的博客

09-10

2452

几乎所有的代码都来自网络，主体代码来自【 http://bbs.cskin.net/thread-551-1-1.html 】，但是这篇作者的代码中有一些关键的方法和enum没有实现。在下通过搜寻网络，补全了，并作了简单测试，原理我也说不清楚，在下典型的应用为王，能用就行，不到万不得已不去深究原理。三、完整的控件代码，新建ButtonEx.cs的类，完全拷入即可。 //==代码开始...

(VC++2013)MFC自绘圆形按钮

最新发布

08-06

<think>我们使用QFluentWidgets库来创建圆形按钮。QFluentWidgets是一个基于PyQt5的Fluent Design风格组件库，它提供了许多现代化的UI组件。在QFluentWidgets中，我们可以使用`RoundButton`类来创建圆形按钮。这个类位于`qfluentwidgets`模块中。步骤： 1. 安装QFluentWidgets库（如果尚未安装）： ```bash pip install qfluentwidgets ``` 2. 导入必要的模块： ```python import sys from PyQt5.QtWidgets import QApplication, QWidget, QVBoxLayout from qfluentwidgets import RoundButton # 圆形按钮 ``` 3. 创建一个窗口，并在其中添加圆形按钮。示例代码： ```python import sys from PyQt5.QtWidgets import QApplication, QWidget, QVBoxLayout from qfluentwidgets import RoundButton class DemoWindow(QWidget): def __init__(self): super().__init__() self.setWindowTitle('QFluentWidgets 圆形按钮示例') self.setGeometry(300, 300, 300, 200) layout = QVBoxLayout(self) # 创建圆形按钮 self.button1 = RoundButton('按钮1') self.button1.setFixedSize(80, 80) # 设置固定大小（圆形按钮需要宽高相等） self.button1.clicked.connect(lambda: print("按钮1被点击")) self.button2 = RoundButton('按钮2') self.button2.setFixedSize(80, 80) self.button2.clicked.connect(lambda: print("按钮2被点击")) layout.addWidget(self.button1, 0, Qt.AlignCenter) # 居中显示 layout.addWidget(self.button2, 0, Qt.AlignCenter) self.setLayout(layout) if __name__ == '__main__': app = QApplication(sys.argv) window = DemoWindow() window.show() sys.exit(app.exec_()) ``` 说明： - `RoundButton`默认是圆形的，我们通过`setFixedSize`设置一个正方形尺寸（宽高相等）来确保它是圆形。 - 可以设置按钮的文本，也可以设置图标（使用`setIcon`方法）。 - 按钮的样式已经由QFluentWidgets库预设为Fluent Design风格。注意：如果希望按钮大小可调，可以重写`RoundButton`的`sizeHint`方法，但通常我们固定大小。另外，QFluentWidgets还提供了其他风格的按钮，如`PrimaryRoundButton`（主色调圆形按钮）等。示例：使用图标和不同风格的圆形按钮 ```python from PyQt5.QtGui import QIcon from qfluentwidgets import PrimaryRoundButton # 在DemoWindow的布局中添加一个带图标的圆形按钮 self.button3 = PrimaryRoundButton() self.button3.setFixedSize(60, 60) self.button3.setIcon(QIcon('icon.png')) # 设置图标，注意图标路径 self.button3.clicked.connect(lambda: print("带图标的圆形按钮被点击")) layout.addWidget(self.button3, 0, Qt.AlignCenter) ``` 这样，我们就使用QFluentWidgets库轻松创建了圆形按钮。引用说明：QFluentWidgets库提供了丰富的Fluent Design组件，可以大大简化PyQt5中现代化UI的开发[^1]。 §§相关问题§§ 1. QFluentWidgets 中还有哪些常用的控件？ 2. 如何自定义QFluentWidgets中按钮的样式？ 3. 如何在PyQt5中实现圆形进度条？</think># 在 PyQt5 中使用 QFluentWidgets 创建圆形按钮 QFluentWidgets 是一个基于 PyQt5 的现代化 UI 组件库，提供了丰富的 Fluent Design 风格控件。要创建圆形按钮，我们可以使用 QFluentWidgets 提供的 `RoundButton` 类，它专门设计用于创建圆形按钮。 ## 完整示例代码 ```python import sys from PyQt5.QtWidgets import QApplication, QVBoxLayout, QWidget from qfluentwidgets import RoundButton, setTheme, Theme class CircularButtonDemo(QWidget): def __init__(self): super().__init__() self.setWindowTitle("QFluentWidgets 圆形按钮示例") self.resize(400, 300) # 设置主题（浅色/深色） setTheme(Theme.DARK) # 可选 Theme.LIGHT 或 Theme.DARK # 创建布局 layout = QVBoxLayout(self) layout.setSpacing(20) layout.setContentsMargins(50, 50, 50, 50) # 创建基本圆形按钮 btn1 = RoundButton("普通按钮", self) btn1.clicked.connect(lambda: print("普通圆形按钮被点击")) layout.addWidget(btn1, alignment=Qt.AlignCenter) # 创建带图标的圆形按钮 btn2 = RoundButton("带图标按钮", self, ":/qfluentwidgets/images/icons/Album.svg") btn2.clicked.connect(lambda: print("带图标按钮被点击")) layout.addWidget(btn2, alignment=Qt.AlignCenter) # 创建主色调圆形按钮 btn3 = RoundButton("主色调按钮", self) btn3.setPrimary() # 设置为主要按钮样式 btn3.clicked.connect(lambda: print("主色调按钮被点击")) layout.addWidget(btn3, alignment=Qt.AlignCenter) # 创建禁用状态的圆形按钮 btn4 = RoundButton("禁用按钮", self) btn4.setEnabled(False) layout.addWidget(btn4, alignment=Qt.AlignCenter) # 创建自定义尺寸的圆形按钮 btn5 = RoundButton("大号按钮", self) btn5.setFixedSize(100, 100) # 设置自定义尺寸 btn5.clicked.connect(lambda: print("大号按钮被点击")) layout.addWidget(btn5, alignment=Qt.AlignCenter) if __name__ == '__main__': app = QApplication(sys.argv) window = CircularButtonDemo() window.show() sys.exit(app.exec_()) ``` ## 关键功能说明 1. **基本圆形按钮**: ```python btn = RoundButton("文本", parent) ``` - 创建带有指定文本的圆形按钮 - 自动适应文本长度 2. **带图标的圆形按钮**: ```python btn = RoundButton("文本", parent, "图标路径") ``` - 第三个参数指定图标文件路径 - QFluentWidgets 内置了一些图标资源 3. **主色调按钮**: ```python btn.setPrimary() ``` - 设置按钮为主色调样式 - 在深色/浅色主题下自动调整颜色 4. **禁用状态**: ```python btn.setEnabled(False) ``` - 禁用按钮并显示禁用状态样式 5. **自定义尺寸**: ```python btn.setFixedSize(width, height) ``` - 设置按钮固定尺寸 - 必须保持宽高相等才能保持圆形 ## 自定义样式虽然 `RoundButton` 提供了开箱即用的样式，但也可以进一步自定义： ```python # 自定义按钮样式 custom_btn = RoundButton("自定义样式", self) custom_btn.setStyleSheet(""" RoundButton { background-color: #FF5722; color: white; font: bold 14px; } RoundButton:hover { background-color: #FF7043; } RoundButton:pressed { background-color: #E64A19; } """) ``` ## 安装 QFluentWidgets 要使用 QFluentWidgets，首先需要安装它： ```bash pip install PyQt5 pip install PyQt-Fluent-Widgets ``` ## 注意事项 1. QFluentWidgets 的圆形按钮会自动处理悬停、按下等状态效果 2. 按钮尺寸应保持宽高相等才能保持完美的圆形 3. 使用 `setTheme()` 可以全局切换浅色/深色主题 4. 内置图标资源路径前缀为 `:/qfluentwidgets/images/icons/` 通过使用 QFluentWidgets 的 `RoundButton`，您可以轻松创建符合 Fluent Design 风格的圆形按钮，而无需手动处理绘制逻辑或样式细节[^1]。