[Python]-GUI(圖形使用者介面)
閱讀時間約 6 分鐘
前言:
今天要講用python來做使用者介面，由於姆姆平常的工作面對是工廠產線生產，所以一般來說交付程式的時候會給(sample.py)或是(sample.pyc)這類的檔案格式，其中py和pyc檔簡單說，差別在一個看的到(py)原始碼一個看不到(pyc)。
一般python的執行就是開一個console，然後輸入:
python sample.py
那這有什麼問題呢@@? 答案是沒有，程式基本就是動的好、沒有bug、穩穩的就是好程式。那時候覺得生產線的UI不夠直覺，也不方便使用。每每都要動到UI的code才能完成一些測試的需求，另外也當作練習做了下面這個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)到主畫面上》
《然後到Gen_Python的選單》
“Generate Python GUI”這個選項的主要作用是根據你UI的布局(layout)，來產生對應的GUI位置。基本上如果你畫面的layout如果有重新調整過那麼就得重新再“Generate Python GUI”一次。如圖所示按下左下角的“Save”就可以儲存檔案。
“Generate Support Module”這選項的主要作用在於產生元件的程式碼，後面會示範給各位瞧瞧。 原則上如果有新增元件到畫面上就得再執行一次“Generate Support Module”這邊一樣案左下角的“Save”就能儲存檔案。
《添加Button動作》
在做完上述兩步驟之後，到存檔的資料夾執行:
python sampleGUI.py
可以發現Button可以按，但沒有甚麼反應
這時候我們再回到編輯UI的畫面選取Button元件，然後可以看到下圖右邊綠色框框的位置有個叫 'command' 的欄位。這個欄位的作用就是在產生Button按下去時候對應的function名稱。
這邊以輸入 'testButtonFunc' 為例。然後再回到“Generate Python GUI”和“Generate Support Module”，這時候會出現對話框問你是要置換，使用現存的檔案、更新。可以選擇使用現存檔案或是更新。
我們沒有動UI為什麼還要跑一次“Generate Python GUI”呢?這是因為你添加了command屬性，所以記得兩個都要重新產生一次唷!
這時候呢~打開 '你的檔名_support.py' ，這邊我存檔的名稱是sampleGUI_support.py。然後你可以看到裡面多了一個function叫做 'testSampleFunc' 如下圖所示:
這時候你想要Button按下去要做甚麼對應的動作就可以寫在這裡面，所以我可以把文章一開始的sample.py加到這裡面就可以呼叫了，是不是還不錯友善哩~下圖黃色的字就是你按下Button的時候印出來的。
以上就是今天介紹python做UI的一個工具。感謝閱讀!
9會員
4內容數
留言0
查看全部
你可能也想看
Google News 追蹤
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Hi 大家好，我是Ethan😊
相近大家都知道保濕是皮膚保養中最基本，也是最重要的一步。無論是在畫室裡長時間對著畫布，還是在旅途中面對各種氣候變化，保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水，還能提升後續保養品的吸收效率。
曾經，我的保養程序簡單到只包括清潔和隨意上乳液
在讀取檔案時，最怕路徑的問題，常常會有路徑錯誤造成的異常報錯。
為了避免諸如此類的問題發生，明白程式的當前目錄與檔案的路徑是很重要的。
可以利用os 模組是 Python 中的一個標準庫，提供了許多與操作系統的功能。
以下是一些常用的 os 模組基本操作及其範例：
1. os.getcwd
解讀JSON 字串
首先，你需要使用 Python 的 json 模組來解讀JSON 字串。
JSON的基本結構：
由花括號 {} 包圍，內部是鍵值對的集合，每個鍵值對之間用逗號分隔。
鍵是字串類型，值可以是任何JSON支持的資料類型（字串、數字、布林值、陣列、物件或 null）。
{
我們可以利用工作表的append()方法，在工作表的列尾添加資料列。
利用迴圈的技巧，我們可以批次賦予區塊內所有儲存格相同的值。
我們也可以在指定的列(行)之前插入指定數量的空白列(行)，從指定的列(行)開始向下(右)刪除指定數量的列(行)。
使用網路上找來的原碼
測試圖片
因版本問題會出現 error
pytesseract.pytesseract.TesseractNotFoundError: C:\Program Files (x86)\Tesseract-OCR esseract.exe is not installed or i
在上一篇文章中，我們學會了如何繪製最新的分鐘圖，讓我們了解最新一日的個股股價變化，不過有時分鐘圖太過細小，並無法了解到個股整體的趨勢狀況，這時我們就必須要使用到日線圖，因此，今天我們就來學習如何繪製日線圖吧!!
股價是股票匯集各式因素所組成的視覺圖，因此今天我們就來學學如何畫製個股的最新分鐘圖，讓你能夠一鍵輕鬆看到當日最新股價走勢圖，我們就開始來教學吧!!
tkinter 所有元件:
基本視窗:
1.BitmapImage:
2.Button:
3.Canvas:
4.Checkbutton:
5.Entry:
6.Frame:
7.Label:
8.LabelFrame:
9.Listbox:
10.Menu:
11.Menubutton:
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Hi 大家好，我是Ethan😊
相近大家都知道保濕是皮膚保養中最基本，也是最重要的一步。無論是在畫室裡長時間對著畫布，還是在旅途中面對各種氣候變化，保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水，還能提升後續保養品的吸收效率。
曾經，我的保養程序簡單到只包括清潔和隨意上乳液
在讀取檔案時，最怕路徑的問題，常常會有路徑錯誤造成的異常報錯。
為了避免諸如此類的問題發生，明白程式的當前目錄與檔案的路徑是很重要的。
可以利用os 模組是 Python 中的一個標準庫，提供了許多與操作系統的功能。
以下是一些常用的 os 模組基本操作及其範例：
1. os.getcwd
解讀JSON 字串
首先，你需要使用 Python 的 json 模組來解讀JSON 字串。
JSON的基本結構：
由花括號 {} 包圍，內部是鍵值對的集合，每個鍵值對之間用逗號分隔。
鍵是字串類型，值可以是任何JSON支持的資料類型（字串、數字、布林值、陣列、物件或 null）。
{
我們可以利用工作表的append()方法，在工作表的列尾添加資料列。
利用迴圈的技巧，我們可以批次賦予區塊內所有儲存格相同的值。
我們也可以在指定的列(行)之前插入指定數量的空白列(行)，從指定的列(行)開始向下(右)刪除指定數量的列(行)。
使用網路上找來的原碼
測試圖片
因版本問題會出現 error
pytesseract.pytesseract.TesseractNotFoundError: C:\Program Files (x86)\Tesseract-OCR esseract.exe is not installed or i
在上一篇文章中，我們學會了如何繪製最新的分鐘圖，讓我們了解最新一日的個股股價變化，不過有時分鐘圖太過細小，並無法了解到個股整體的趨勢狀況，這時我們就必須要使用到日線圖，因此，今天我們就來學習如何繪製日線圖吧!!
股價是股票匯集各式因素所組成的視覺圖，因此今天我們就來學學如何畫製個股的最新分鐘圖，讓你能夠一鍵輕鬆看到當日最新股價走勢圖，我們就開始來教學吧!!
tkinter 所有元件:
基本視窗:
1.BitmapImage:
2.Button:
3.Canvas:
4.Checkbutton:
5.Entry:
6.Frame:
7.Label:
8.LabelFrame:
9.Listbox:
10.Menu:
11.Menubutton: