pythonGUI库图形界面开发之PyQt5美化窗体与控件(异形窗体)实例_pythonqt5

1.2k 浏览量更新于2023-05-29 评论 4 收藏 1.53MB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

python GUI库图形界面开发之库图形界面开发之PyQt5美化窗体与控件美化窗体与控件(异形窗体异形窗体)实例实例

在默认情况下，我们使用PyQt5创建出来的窗口和部件都是默认的样式，虽然谈不上很丑，但是也毫无美感可言。其实，在PyQt5中，我们可

以有较高的自由度来自定义窗口和各种小部件的样式，通过自定义这些样式，以达到美化图形界面的目的。

本篇文章中，我们就通过一个实际的例子，使用QSS和PyQt5的配置属性，实现图形用户界面的美化工作。

首先上效果图：

一、对界面进行布局和组件的布置一、对界面进行布局和组件的布置

在图像界面编程中，一个好的布局有助于全局把控界面的形态，而在PyQt5中，有多种布局的方式供我们选择，比较常用的布局有以下几种：

表单布局：QFormLayout

网格布局：QGridLayout

水平排列布局：QHBoxLayout

垂直排列布局：QVBoxLayout

每种布局都有自己对布局内小部件的控制方式和特点，在此我们选择网格布局作为本次图形界面布局的方案。

在网格布局内，使用两个QWidget()部件分别作为左侧菜单模块的部件和右侧内容模块的部件。所以这个图形界面的最基本结构代码如下所

示：

# coding:utf-8

from PyQt5 import QtCore,QtGui,QtWidgets

import sys

import qtawesome

class MainUi(QtWidgets.QMainWindow):

def __init__(self):

super().__init__()

self.init_ui()

def init_ui(self):

self.left_close = QtWidgets.QPushButton("") # 关闭按钮

self.left_visit = QtWidgets.QPushButton("") # 空白按钮

self.left_mini = QtWidgets.QPushButton("") # 最小化按钮

self.left_label_1 = QtWidgets.QPushButton("每日推荐")

self.left_label_1.setObjectName('left_label')

self.left_label_2 = QtWidgets.QPushButton("我的音乐")

self.left_label_2.setObjectName('left_label')

self.left_label_3 = QtWidgets.QPushButton("联系与帮助")

self.left_label_3.setObjectName('left_label')

self.left_button_1 = QtWidgets.QPushButton(qtawesome.icon('fa.music',color='white'),"华语流行")

self.left_button_1.setObjectName('left_button')

self.left_button_2 = QtWidgets.QPushButton(qtawesome.icon('fa.sellsy',color='white'),"在线FM")

self.left_button_2.setObjectName('left_button')

self.left_button_3 = QtWidgets.QPushButton(qtawesome.icon('fa.film',color='white'),"热门MV")

self.left_button_3.setObjectName('left_button')

self.left_button_4 = QtWidgets.QPushButton(qtawesome.icon('fa.home',color='white'),"本地音乐")

self.left_button_4.setObjectName('left_button')

self.left_button_5 = QtWidgets.QPushButton(qtawesome.icon('fa.download',color='white'),"下载管理")

self.left_button_5.setObjectName('left_button')

self.left_button_6 = QtWidgets.QPushButton(qtawesome.icon('fa.heart',color='white'),"我的收藏")

self.left_button_6.setObjectName('left_button')

self.left_button_7 = QtWidgets.QPushButton(qtawesome.icon('fa.comment',color='white'),"反馈建议")

self.left_button_7.setObjectName('left_button')

self.left_button_8 = QtWidgets.QPushButton(qtawesome.icon('fa.star',color='white'),"关注我们")

self.left_button_8.setObjectName('left_button')

self.left_button_9 = QtWidgets.QPushButton(qtawesome.icon('fa.question',color='white'),"遇到问题")

self.left_button_9.setObjectName('left_button')

self.left_xxx = QtWidgets.QPushButton(" ")

在这里，我们使用qtawesome这个第三方库来实现按钮中的Font Awesome字体图标的显示。然后将创建的按钮添加到左侧部件的网格布局层

中：

self.left_layout.addWidget(self.left_mini, 0, 0,1,1)

self.left_layout.addWidget(self.left_close, 0, 2,1,1)

self.left_layout.addWidget(self.left_visit, 0, 1, 1, 1)

self.left_layout.addWidget(self.left_label_1,1,0,1,3)

self.left_layout.addWidget(self.left_button_1, 2, 0,1,3)

self.left_layout.addWidget(self.left_button_2, 3, 0,1,3)

self.left_layout.addWidget(self.left_button_3, 4, 0,1,3)

self.left_layout.addWidget(self.left_label_2, 5, 0,1,3)

self.left_layout.addWidget(self.left_button_4, 6, 0,1,3)

self.left_layout.addWidget(self.left_button_5, 7, 0,1,3)

self.left_layout.addWidget(self.left_button_6, 8, 0,1,3)

self.left_layout.addWidget(self.left_label_3, 9, 0,1,3)

self.left_layout.addWidget(self.left_button_7, 10, 0,1,3)

self.left_layout.addWidget(self.left_button_8, 11, 0,1,3)

self.left_layout.addWidget(self.left_button_9, 12, 0, 1, 3)

继续运行程序代码，呈现出来的图形界面如下图所示：

剩余15页未读，继续阅读

weixin_38750007

粉丝: 4
资源: 922

会员权益专享

python GUI库图形界面开发之PyQt5美化窗体与控件(异形窗体)实例

评论0

会员权益专享

最新资源

python GUI库图形界面开发之PyQt5美化窗体与控件(异形窗体)实例

评论0

python GUI库图形界面开发之PyQt5结合Qt Designer创建信号与槽的详细方法与实例

python GUI库图形界面开发之PyQt5复选框控件QCheckBox详细使用方法与实例

python GUI库图形界面开发之PyQt5单选按钮控件QRadioButton详细使用方法与实例

python GUI库图形界面开发之PyQt5滚动条控件QScrollBar详细使用方法与实例

python GUI库图形界面开发之PyQt5多行文本框控件QTextEdit详细使用方法实例

python GUI库图形界面开发之PyQt5菜单栏控件QMenuBar的详细使用方法与实例

python GUI库图形界面开发之PyQt5布局控件QVBoxLayout详细使用方法与实例

python GUI库图形界面开发之PyQt5树形结构控件QTreeWidget详细使用方法与实例

python GUI库图形界面开发之PyQt5控件QTableWidget详细使用方法与属性

python GUI库图形界面开发之PyQt5打开保存对话框QFileDialog详细使用方法与实例

python GUI库图形界面开发之PyQt5多线程中信号与槽的详细使用方法与实例

python GUI库图形界面开发之PyQt5 MDI(多文档窗口)QMidArea详细使用方法与实例

python GUI库图形界面开发之PyQt5线程类QThread详细使用方法

python GUI库图形界面开发之PyQt5信号与槽的高级使用技巧(自定义信号与槽)详解与实例

python GUI库图形界面开发之PyQt5中QWebEngineView内嵌网页与Python的数据交互传参详细方法实例

python GUI库图形界面开发之PyQt5单行文本框控件QLineEdit详细使用方法与实例

python GUI库图形界面开发之PyQt5输入对话框QInputDialog详细使用方法与实例

会员权益专享

最新资源