[Python]-GUI(圖形使用者介面)

更新於 2022/11/10閱讀時間約 6 分鐘

前言:

今天要講用python來做使用者介面,由於姆姆平常的工作面對是工廠產線生產,所以一般來說交付程式的時候會給(sample.py)或是(sample.pyc)這類的檔案格式,其中py和pyc檔簡單說,差別在一個看的到(py)原始碼一個看不到(pyc)。
一般python的執行就是開一個console,然後輸入:
python sample.py
那這有什麼問題呢@@? 答案是沒有,程式基本就是動的好、沒有bug、穩穩的就是好程式。那時候覺得生產線的UI不夠直覺,也不方便使用。每每都要動到UI的code才能完成一些測試的需求,另外也當作練習做了下面這個UI:
寫了老半天,結果沒有實際用在產線上的UI
回到正題,如果你在google搜尋'python UI'會找到很多工具套件如:kivy、tkinter、pyQT什麼的一堆!,甚至會看到有的跟你說python不適合拿來做GUI什麼什麼的,其實應該這麼說python的強項不是在做GUI,但能不能? 當然是可以!
總之寫GUI的方式百百種,今天要講的是用python內建的tkinter,因為它是python本身內建的不是使用其他第三方的套件,所以在其他平台相依性上會比較好,但比較不方便的是它沒有支援拖曳編輯的介面,也就是說如果一切都要自己一行一行key程式碼,然後把UI畫面建構出來的話這樣太累了。所以下面介紹個好東西!!在開始前需要先安裝兩個工具。

TCL:

官方下載網址:
官方頁面
這個TCL用無腦安裝法就可以了,如果不曉得無腦安裝法的可以參考這裡,其實就是一直點下一步下一步。

PAGE:

官方下載網址:
這邊我記得安裝完某個版本的時候,點兩下執行桌面上的PAG捷徑,會執行不起來(不知道後來官方有沒有修掉這個問題)。這時候到PAGE安裝的目錄(預設的安裝目錄是C:\page)打開裡面會有個 'page.bat'的檔案。把內容裡面的python3改成python存檔,然後再執行一次應該就可以了。
改完記得存檔
這邊稍微解釋一下原因,因為當初在安裝python的時候預設安裝完的python是python(在講啥?),可以拉到上面前言看一下一般執行py的方式。會發生這情況應該是官方想要區分在同一個環境裡的python2跟python3。但一般我們不會裝了2又裝了3(也是有可能),所以這邊我們修改bat檔的內容把3拿掉就可以。

編輯面板簡介:

執行成功就會在桌面看到一些散在各地的視窗
總共五個視窗
大概解釋一下這五個視窗的功用:
  • 編號(1): 主視窗開檔存檔跟產生UI python code的地方。
  • 編號(2): tkinter的一些UI元件,點選想要放置的元件,然後再點到視窗(5)。就可 以看到元件出現在視窗(5)上面。
  • 編號(3): 顯示的是元件的相依圖。
  • 編號(4): 當你點選到視窗(5)上面的元件的時候,就可以在這個是窗看到一些可以調整的屬性,包含元件的長寬或是位置等等的資訊。
  • 編號(5): 就是最後你想呈現給使用著的畫面,理論上所見及所得。

小範例:

這邊弄個小小的範例,順便簡單解釋一下大概怎麼使用。
《首先拉個按鍵(Button)到主畫面上》
Button 放在中間
《然後到Gen_Python的選單》
產生python程式碼
Generate Python GUI
“Generate Python GUI”這個選項的主要作用是根據你UI的布局(layout),來產生對應的GUI位置。基本上如果你畫面的layout如果有重新調整過那麼就得重新再“Generate Python GUI”一次。如圖所示按下左下角的“Save”就可以儲存檔案。
Generate Support Module
“Generate Support Module”這選項的主要作用在於產生元件的程式碼,後面會示範給各位瞧瞧。 原則上如果有新增元件到畫面上就得再執行一次“Generate Support Module”這邊一樣案左下角的“Save”就能儲存檔案。
《添加Button動作》
在做完上述兩步驟之後,到存檔的資料夾執行:
python sampleGUI.py
Button可以按
可以發現Button可以按,但沒有甚麼反應
這時候我們再回到編輯UI的畫面選取Button元件,然後可以看到下圖右邊綠色框框的位置有個叫 'command' 的欄位。這個欄位的作用就是在產生Button按下去時候對應的function名稱。
在綠框輸入Button動作對應的function名稱
這邊以輸入 'testButtonFunc' 為例。然後再回到“Generate Python GUI”和“Generate Support Module”,這時候會出現對話框問你是要置換,使用現存的檔案、更新。可以選擇使用現存檔案或是更新。
我們沒有動UI為什麼還要跑一次“Generate Python GUI”呢?這是因為你添加了command屬性,所以記得兩個都要重新產生一次唷!
這時候呢~打開 '你的檔名_support.py' ,這邊我存檔的名稱是sampleGUI_support.py。然後你可以看到裡面多了一個function叫做 'testSampleFunc' 如下圖所示:
多了 testButtonFunc()
這時候你想要Button按下去要做甚麼對應的動作就可以寫在這裡面,所以我可以把文章一開始的sample.py加到這裡面就可以呼叫了,是不是還不錯友善哩~下圖黃色的字就是你按下Button的時候印出來的。
只印出Button裡的print()內容
印出Button以及sample.py的內容
以上就是今天介紹python做UI的一個工具。感謝閱讀!
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
姆姆雞抖的沙龍 的其他內容
Python 是目前主流的程式語言之一,不論是網路上亦或是各大書局。都有豐富的學習資源,如果你是程式語言的初學者,那以 python 作為入坑的第一步來解決不論是生活/工作上的大小事都是非常適合的一個'工具'。 接下來介紹如何安裝python,以及我自己一直都在使用的IDE(整合開發環境)。
Python 是目前主流的程式語言之一,不論是網路上亦或是各大書局。都有豐富的學習資源,如果你是程式語言的初學者,那以 python 作為入坑的第一步來解決不論是生活/工作上的大小事都是非常適合的一個'工具'。 接下來介紹如何安裝python,以及我自己一直都在使用的IDE(整合開發環境)。
你可能也想看
Google News 追蹤
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
在讀取檔案時,最怕路徑的問題,常常會有路徑錯誤造成的異常報錯。 為了避免諸如此類的問題發生,明白程式的當前目錄與檔案的路徑是很重要的。 可以利用os 模組是 Python 中的一個標準庫,提供了許多與操作系統的功能。 以下是一些常用的 os 模組基本操作及其範例: 1. os.getcwd
解讀JSON 字串 首先,你需要使用 Python 的 json 模組來解讀JSON 字串。 JSON的基本結構: 由花括號 {} 包圍,內部是鍵值對的集合,每個鍵值對之間用逗號分隔。 鍵是字串類型,值可以是任何JSON支持的資料類型(字串、數字、布林值、陣列、物件或 null)。 {
Thumbnail
我們可以利用工作表的append()方法,在工作表的列尾添加資料列。 利用迴圈的技巧,我們可以批次賦予區塊內所有儲存格相同的值。 我們也可以在指定的列(行)之前插入指定數量的空白列(行),從指定的列(行)開始向下(右)刪除指定數量的列(行)。
Thumbnail
使用網路上找來的原碼 測試圖片 因版本問題會出現 error pytesseract.pytesseract.TesseractNotFoundError: C:\Program Files (x86)\Tesseract-OCR esseract.exe is not installed or i
Thumbnail
在上一篇文章中,我們學會了如何繪製最新的分鐘圖,讓我們了解最新一日的個股股價變化,不過有時分鐘圖太過細小,並無法了解到個股整體的趨勢狀況,這時我們就必須要使用到日線圖,因此,今天我們就來學習如何繪製日線圖吧!!
Thumbnail
股價是股票匯集各式因素所組成的視覺圖,因此今天我們就來學學如何畫製個股的最新分鐘圖,讓你能夠一鍵輕鬆看到當日最新股價走勢圖,我們就開始來教學吧!!
Thumbnail
tkinter 所有元件: 基本視窗: 1.BitmapImage: 2.Button: 3.Canvas: 4.Checkbutton: 5.Entry: 6.Frame: 7.Label: 8.LabelFrame: 9.Listbox: 10.Menu: 11.Menubutton:
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
在讀取檔案時,最怕路徑的問題,常常會有路徑錯誤造成的異常報錯。 為了避免諸如此類的問題發生,明白程式的當前目錄與檔案的路徑是很重要的。 可以利用os 模組是 Python 中的一個標準庫,提供了許多與操作系統的功能。 以下是一些常用的 os 模組基本操作及其範例: 1. os.getcwd
解讀JSON 字串 首先,你需要使用 Python 的 json 模組來解讀JSON 字串。 JSON的基本結構: 由花括號 {} 包圍,內部是鍵值對的集合,每個鍵值對之間用逗號分隔。 鍵是字串類型,值可以是任何JSON支持的資料類型(字串、數字、布林值、陣列、物件或 null)。 {
Thumbnail
我們可以利用工作表的append()方法,在工作表的列尾添加資料列。 利用迴圈的技巧,我們可以批次賦予區塊內所有儲存格相同的值。 我們也可以在指定的列(行)之前插入指定數量的空白列(行),從指定的列(行)開始向下(右)刪除指定數量的列(行)。
Thumbnail
使用網路上找來的原碼 測試圖片 因版本問題會出現 error pytesseract.pytesseract.TesseractNotFoundError: C:\Program Files (x86)\Tesseract-OCR esseract.exe is not installed or i
Thumbnail
在上一篇文章中,我們學會了如何繪製最新的分鐘圖,讓我們了解最新一日的個股股價變化,不過有時分鐘圖太過細小,並無法了解到個股整體的趨勢狀況,這時我們就必須要使用到日線圖,因此,今天我們就來學習如何繪製日線圖吧!!
Thumbnail
股價是股票匯集各式因素所組成的視覺圖,因此今天我們就來學學如何畫製個股的最新分鐘圖,讓你能夠一鍵輕鬆看到當日最新股價走勢圖,我們就開始來教學吧!!
Thumbnail
tkinter 所有元件: 基本視窗: 1.BitmapImage: 2.Button: 3.Canvas: 4.Checkbutton: 5.Entry: 6.Frame: 7.Label: 8.LabelFrame: 9.Listbox: 10.Menu: 11.Menubutton: