python桌面图形_Python桌面图形程序美化的方法论
很多人都吐槽,使用 Tkinter、PyQt5等工具制作出來的圖形界面程序太丑了。既然覺得它丑,我們來想想,它為什么會那么丑。
功能性是開發的第一要務
每一個 Python 圖形界面庫都有它自有的功能特性和界面特性。一般來說,這些庫的開發者著重要考慮的是功能性的實現。比如、列表框、拖拽框、懸浮框、自定義控件、webview等。
一個圖形界面庫,受不受開發者的歡迎,首先在于它提供的功能是否全面和強大。
如果僅僅是炫酷和好看,如果功能上有所缺失,其應用也只能在小范圍和特定領域內得到擁簇。會導致一種“初遇時驚艷,永久后坑多”的狀態。
模塊提供的都是原生組件
為了便于理解,我們在這里把桌面圖形界面的開發(以PyQt5為例)和Web前端開發進行一下不嚴謹的關聯對應。
PyQt5 中的各種控件(QPushButton、QLineEdit、QCheckBox等)對應于 HTML 中的各類元素標簽(、、),用于基礎結構的編排。
PyQt5 中的 QSS 對應于 HTML 中的 CSS,用于對樣式的控件。
PyQt5 中的信號槽 對應于 HTML 中的 JavaScript,用于對行為交互的控制。
在不引入任何 CSS 和 JavaScript 的情況下,HTML 中編寫的任何標簽,在瀏覽器中顯示的都是最原始的形狀和樣式。州的先生
type="text"placeholder="表單輸入框"/>
一個按鈕
一個選項
兩個選項
上述 HTML 代碼在瀏覽器中將會顯示為如下圖所示:
是不是也是很丑不美觀?那就對了。沒有經過樣式定義的 HTML 標簽元素就是這樣丑。
而現代Web開發中,幾乎所有頁面的元素標簽都是依照設計原型,引用 UI 組件或自寫CSS,對界面的外觀進行美化的。
下圖是比較知名的前端 UI 庫 ElementUI 提供的按鈕組件:
通過審查元素,可以看到,其用 CSS 對按鈕元素進行了很多改造:
同理,在 Python 的圖形界面開發中,我們僅僅是使用了庫提供的原生控件和布局,將一個圖形界面元素的基礎框架構建出來了,并沒有對其樣式進行任何美化和修飾。這樣編寫出來的圖形界面程序,肯定會讓人覺得丑。
界面的美化的幾個關鍵點
通過上面對 Web 頁面的對應,我們知道了我們編寫的圖形界面程序為什么不美觀。
如何解決,州的先生根據實際經驗給出如下的建議:
有一個好的設計原型
不是要大家去兼修 UI 設計,而是在構建一個圖形界面之前,對程序的布局,結構有一個清晰明確的原型。就算是使用網格布局,也應該設計好各個控件在網格的位置和距離。
在有原型之后,可以參考一下現有的消費端桌面軟件(QQ音樂之類的)或者上站酷之類的設計網站上看看專業 UI 設計師作品的樣式和色彩搭配。
在這里,色彩搭配是一個雷區。好的色彩搭配讓程序界面賞心悅目,差的色彩搭配,讓人覺得粗制濫造。
充分利用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()是進度欄控件,它的默認樣式如下圖所示:
我們在官方文檔中可以看到它有如下的方法可供調用:
顯然,那幾個set開頭的方法,就是可以直接對控件進行配置的方法:setAlignment():用于設置進度條的對其方式;
setFormat():用于設置進度條的文本格式;
setInvertedAppearance():用于設計進度條是否反轉增長;
setMaximum():用于設置進度條的最大值;
setMinimum():用于設置進度條的最小值;
setOrientation():用于設置進度條的布局,是水平還是垂直;
這樣,通過控件的自有屬性,我們可以對控件的那些QSS無法處理的基礎樣式進行自定義。
總而言之,需要多翻閱文檔。
最后,用一個 PyQt5 美化的音樂播放器界面鎮文,希望大家編寫的圖形界面程序都德藝雙馨,秀外慧中。
由于微信平臺算法改版,公號內容將不再以時間排序展示,如果大家想第一時間看到我們的推送,強烈建議星標我們和給我們多點點【在看】。星標具體步驟為:(1)點擊頁面最上方“小詹學Python”,進入公眾號主頁。
(2)點擊右上角的小點點,在彈出頁面點擊“設為星標”,就可以啦。
感謝支持,比心。
總結
以上是生活随笔為你收集整理的python桌面图形_Python桌面图形程序美化的方法论的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: idea 升级到2020后 无法启动_启
- 下一篇: go grpc测试_Grpc — 整体性