python桌面图形_Python桌面图形程序美化的方法论

系统管理员 2023-01-01 01:38 172阅读 0赞

很多人都吐槽，使用 Tkinter、PyQt5等工具制作出来的图形界面程序太丑了。既然觉得它丑，我们来想想，它为什么会那么丑。

功能性是开发的第一要务

每一个 Python 图形界面库都有它自有的功能特性和界面特性。一般来说，这些库的开发者着重要考虑的是功能性的实现。比如、列表框、拖拽框、悬浮框、自定义控件、webview等。

一个图形界面库，受不受开发者的欢迎，首先在于它提供的功能是否全面和强大。

如果仅仅是炫酷和好看，如果功能上有所缺失，其应用也只能在小范围和特定领域内得到拥簇。会导致一种“初遇时惊艳，永久后坑多”的状态。

![Image 1][]

模块提供的都是原生组件

为了便于理解，我们在这里把桌面图形界面的开发(以PyQt5为例)和Web前端开发进行一下不严谨的关联对应。

![Image 1][]PyQt5 中的各种控件(QPushButton、QLineEdit、QCheckBox等)对应于 HTML 中的各类元素标签(、、)，用于基础结构的编排。

PyQt5 中的 QSS 对应于 HTML 中的 CSS，用于对样式的控件。

PyQt5 中的信号槽 对应于 HTML 中的 JavaScript，用于对行为交互的控制。

在不引入任何 CSS 和 JavaScript 的情况下，HTML 中编写的任何标签，在浏览器中显示的都是最原始的形状和样式。州的先生

type="text"placeholder="表单输入框"/>

一个按钮

一个选项

两个选项

上述 HTML 代码在浏览器中将会显示为如下图所示：

![Image 1][]

是不是也是很丑不美观？那就对了。没有经过样式定义的 HTML 标签元素就是这样丑。

而现代Web开发中，几乎所有页面的元素标签都是依照设计原型，引用 UI 组件或自写CSS，对界面的外观进行美化的。

下图是比较知名的前端 UI 库 ElementUI 提供的按钮组件：

![Image 1][]

通过审查元素，可以看到，其用 CSS 对按钮元素进行了很多改造：

![Image 1][]

同理，在 Python 的图形界面开发中，我们仅仅是使用了库提供的原生控件和布局，将一个图形界面元素的基础框架构建出来了，并没有对其样式进行任何美化和修饰。这样编写出来的图形界面程序，肯定会让人觉得丑。

界面的美化的几个关键点

通过上面对 Web 页面的对应，我们知道了我们编写的图形界面程序为什么不美观。

如何解决，州的先生根据实际经验给出如下的建议：

有一个好的设计原型

不是要大家去兼修 UI 设计，而是在构建一个图形界面之前，对程序的布局，结构有一个清晰明确的原型。就算是使用网格布局，也应该设计好各个控件在网格的位置和距离。

在有原型之后，可以参考一下现有的消费端桌面软件(QQ音乐之类的)或者上站酷之类的设计网站上看看专业 UI 设计师作品的样式和色彩搭配。

![Image 1][]

在这里，色彩搭配是一个雷区。好的色彩搭配让程序界面赏心悦目，差的色彩搭配，让人觉得粗制滥造。

充分利用QSS

Qt 提供了 QSS 这个特性让开发者可以自定义小部件的外观，其支持各种属性、子状态和控件。

充分利用好 QSS 来配置界面，图形界面的美化工作可以完成 80% 到 90%。

QSS 支持很多种控件进行配置，由于列表过长，在此就不一一列举出来。贴出 Qt 官方文档中关于 Qt Style Sheets Reference 的链接，大家可以在上面查看：

https://doc.qt.io/qt-5/stylesheet-reference.html

同时，Qt 官方文档中还提供了很多控件使用 QSS 美化的示例，大家也可以参考一下，链接为：

https://doc.qt.io/qtforpython/overviews/stylesheet-examples.html

利用控件的自有属性

QSS 能够完成 80% 到 90% 的界面美化工作，但是还有 10% 到 20% 的场景，QSS 表示心有余而力不足。

什么场景呢？比如窗口边框的处理、窗口默认三剑客(最小化、最大化、关闭)的处理。

面对这一类的处理，就得利用各个控件的自有属性来配置了。如果知道控件的自有属性有哪些呢？答案当然还是看文档。在此个例子：

QProgressBar()是进度栏控件，它的默认样式如下图所示：

![Image 1][]

我们在官方文档中可以看到它有如下的方法可供调用：

![Image 1][]

显然，那几个set开头的方法，就是可以直接对控件进行配置的方法：setAlignment()：用于设置进度条的对其方式；

setFormat()：用于设置进度条的文本格式；

setInvertedAppearance()：用于设计进度条是否反转增长；

setMaximum()：用于设置进度条的最大值；

setMinimum()：用于设置进度条的最小值；

setOrientation()：用于设置进度条的布局，是水平还是垂直；

这样，通过控件的自有属性，我们可以对控件的那些QSS无法处理的基础样式进行自定义。

总而言之，需要多翻阅文档。

最后，用一个 PyQt5 美化的音乐播放器界面镇文，希望大家编写的图形界面程序都德艺双馨，秀外慧中。

![Image 1][]![Image 1][]

由于微信平台算法改版，公号内容将不再以时间排序展示，如果大家想第一时间看到我们的推送，强烈建议星标我们和给我们多点点【在看】。星标具体步骤为：(1)点击页面最上方“小詹学Python”，进入公众号主页。

(2)点击右上角的小点点，在弹出页面点击“设为星标”，就可以啦。

感谢支持，比心。

![Image 1][]

[Image 1]:

发表评论取消回复

表情：

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

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

相关阅读

相关四、C语言创建桌面程序：绘制图形

`一、绘制矩形` 1.1 绘制矩形：Rectangle 函数 > `Rectangle` 函数可以在窗口上绘制一个矩形，它的原型为： BOOL Recta

旧城等待，/ 2023年10月07日 12:11/ 0 赞/ 48 阅读

相关 python桌面图形_Python桌面图形程序美化的方法论

很多人都吐槽，使用 Tkinter、PyQt5等工具制作出来的图形界面程序太丑了。既然觉得它丑，我们来想想，它为什么会那么丑。功能性是开发的第一要务每一个 Python

系统管理员/ 2023年01月01日 01:38/ 0 赞/ 173 阅读

相关 Python桌面图形程序美化的方法论

击上方“Python爬虫与数据挖掘”，进行关注回复“书籍”即可获赠Python从入门到进阶共10本电子书今日鸡汤千寻铁锁沉江底，一片降幡出石头。很多

喜欢ヅ旅行/ 2022年10月09日 00:53/ 0 赞/ 168 阅读

相关 Python编写的桌面图形程序，如何实现版本更新和下载？

点击上方“Python爬虫与数据挖掘”，进行关注回复“书籍”即可获赠Python从入门到进阶共10本电子书今日鸡汤江淮度寒食，京洛缝春衣。在Pyth

逃离我推掉我的手/ 2022年10月07日 03:55/ 0 赞/ 176 阅读

相关工作站桌面服务器,高性能图形工作站云桌面解决方案

高性能图形工作站云桌面解决方案作者：智业云日期：2019-07-26 热度：、在某些工业环境中，如纯办公环境、文化产业、计算机辅助设计，专业从事图形、图像(静态)

川长思鸟来/ 2022年08月29日 10:18/ 0 赞/ 268 阅读

相关 RHEL7 安装图形化桌面

先挂载 \mount /dev/sr0 /mnt \\\\ 把光盘挂载到“/mnt”上面 \df

Bertha 。/ 2022年07月16日 15:24/ 0 赞/ 213 阅读

相关 ubuntu16.04无法进入图形桌面

重装系统5次终于找到问题在安装GTX1070 显卡驱动的时候，因为要禁止系统自带驱动，故修改：方式一：创建新文件： sudo vim /etc/modprobe.

比眉伴天荒/ 2022年05月14日 14:30/ 0 赞/ 894 阅读

相关 Ubuntu安装图形界面（桌面）

1、顺序执行下面命令 apt-get update sudo apt-get install xinit sudo ap

末蓝、/ 2022年01月12日 15:47/ 0 赞/ 448 阅读

相关 centos7 安装图形桌面

转载自https://www.bnxb.com/linuxserver/27457.html，谢谢正常我们在使用CENTOS时候都是不会去用到它的GUI桌面系统，都是用最基

青旅半醒/ 2021年12月10日 00:49/ 0 赞/ 551 阅读

相关 contos安装图形化桌面

安装： sudo yum -y groups install "GNOME Desktop" sudo systemctl set-default graphical.t

约定不等于承诺〃/ 2021年11月09日 23:42/ 0 赞/ 528 阅读