?接上一篇matlab寫(xiě)的GUI程序，由于移植性差，準(zhǔn)備用python實(shí)現(xiàn)。

我是這樣學(xué)習(xí)GUI的——GUI入門(mén)之用Matlab寫(xiě)一個(gè)GUI程序并生成exe

Python可視化包比較多，由于tkinter是python自帶的包，不需要額外安裝，所以選擇tkinter來(lái)實(shí)現(xiàn)。

同樣先將輸入輸出部件可視化排布好。主要部件有窗口（root），畫(huà)布（canvas），圖像（Figure），輸入框（Entry），標(biāo)簽（Label），按鈕（Button）。

效果如下：

各個(gè)函數(shù)和整體結(jié)構(gòu)：

一共寫(xiě)了七個(gè)函數(shù)，分別是：初始化，顯示輸入框，顯示計(jì)算結(jié)果，獲取輸入值，計(jì)算，清除，主函數(shù)。

整個(gè)邏輯很簡(jiǎn)單，下面簡(jiǎn)單介紹一下各部分作用。

首先導(dǎo)入所需包，主要是matplotlib和tkinter。Matplotlib用于畫(huà)圖，tkinter用于整個(gè)界面包括各個(gè)控件的顯示。

import matplotlib

matplotlib.use('TkAgg')

from matplotlib.backends.backend_tkagg import FigureCanvasTkAgg, NavigationToolbar2Tk

from matplotlib.figure import Figure

from tkinter import *

import tkinter as tk

import numpy as np

一、定義初始化函數(shù)

這部分由于顯示標(biāo)簽并賦予初始化值，如下圖。

Grid方法用于以表格的形式定位元素。

def ini_fun():

global slope1, slope2, slope3, slope4, slope5, slope6, slope7, slope8, slope9

global y0, y1, y2, y3, y4, y5, y6, y7, y8, y9, inter_width, inter_width_entry

y0_label = tk.Label(root, text='y0').grid(row=3, column=0)

y1_label = tk.Label(root, text='y1').grid(row=3, column=1)

y2_label = tk.Label(root, text='y2').grid(row=3, column=2)

y3_label = tk.Label(root, text='y3').grid(row=3, column=3)

y4_label = tk.Label(root, text='y4').grid(row=3, column=4)

y5_label = tk.Label(root, text='y5').grid(row=3, column=5)

y6_label = tk.Label(root, text='y6').grid(row=3, column=6)

y7_label = tk.Label(root, text='y7').grid(row=3, column=7)

y8_label = tk.Label(root, text='y8').grid(row=3, column=8)

y9_label = tk.Label(root, text='y9').grid(row=3, column=9)

slope1_label = tk.Label(root, text='slope1').grid(row=6, column=1)

slope2_label = tk.Label(root, text='slope2').grid(row=6, column=2)

slope3_label = tk.Label(root, text='slope3').grid(row=6, column=3)

slope4_label = tk.Label(root, text='slope4').grid(row=6, column=4)

slope5_label = tk.Label(root, text='slope5').grid(row=6, column=5)

slope6_label = tk.Label(root, text='slope6').grid(row=6, column=6)

slope7_label = tk.Label(root, text='slope7').grid(row=6, column=7)

slope8_label = tk.Label(root, text='slope8').grid(row=6, column=8)

slope9_label = tk.Label(root, text='slope9').grid(row=6, column=9)

inter_width_label = tk.Label(root, text='inter_width:').grid(row=4, column=2)

inter_width_entry = tk.Entry(root, width=4)

inter_width_entry.grid(row=4, column=3)

inter_width_entry.insert(1,'10')

slope1 = '0.0'

slope2 = '0.0'

slope3 = '0.0'

slope4 = '0.0'

slope5 = '0.0'

slope6 = '0.0'

slope7 = '0.0'

slope8 = '0.0'

slope9 = '0.0'

y0 = 0

y1 = 0

y2 = 0

y3 = 0

y4 = 0

y5 = 0

y6 = 0

y7 = 0

y8 = 0

y9 = 0

二、定義y值顯示函數(shù)

這部分定義y值輸入框并且把各個(gè)控件對(duì)應(yīng)變量的值顯示出來(lái)，避免顯示值與實(shí)際值不一致的問(wèn)題。

Entry控件的insert方法將變量值顯示在控件中。

def show_y():

global y0_entry, y1_entry, y2_entry, y3_entry, y4_entry, y5_entry, y6_entry, y7_entry, y8_entry, y9_entry

global y0, y1, y2, y3, y4, y5, y6, y7, y8, y9, inter_width

y0_entry = tk.Entry(root, width=4)

y0_entry.grid(row=2, column=0)

y0_entry.insert(1,y0)

y1_entry = tk.Entry(root, width=4)

y1_entry.insert(1,y1)

y1_entry.grid(row=2, column=1)

y2_entry = tk.Entry(root, width=4)

y2_entry.grid(row=2, column=2)

y2_entry.insert(1,y2)

y3_entry = tk.Entry(root, width=4)

y3_entry.grid(row=2, column=3)

y3_entry.insert(1,y3)

y4_entry = tk.Entry(root, width=4)

y4_entry.grid(row=2, column=4)

y4_entry.insert(1,y4)

y5_entry = tk.Entry(root, width=4)

y5_entry.grid(row=2, column=5)

y5_entry.insert(1,y5)

y6_entry = tk.Entry(root, width=4)

y6_entry.grid(row=2, column=6)

y6_entry.insert(1,y6)

y7_entry = tk.Entry(root, width=4)

y7_entry.grid(row=2, column=7)

y7_entry.insert(1,y7)

y8_entry = tk.Entry(root, width=4)

y8_entry.grid(row=2, column=8)

y8_entry.insert(1,y8)

y9_entry = tk.Entry(root, width=4)

y9_entry.grid(row=2, column=9)

y9_entry.insert(1,y9)

三、定義顯示斜率函數(shù)

與上個(gè)函數(shù)類(lèi)似，這個(gè)函數(shù)用于顯示斜率。

def show_slope():

slope1_num = tk.Label(root, text=slope1).grid(row=5, column=1)

slope2_num = tk.Label(root, text=slope2).grid(row=5, column=2)

slope3_num = tk.Label(root, text=slope3).grid(row=5, column=3)

slope4_num = tk.Label(root, text=slope4).grid(row=5, column=4)

slope5_num = tk.Label(root, text=slope5).grid(row=5, column=5)

slope6_num = tk.Label(root, text=slope6).grid(row=5, column=6)

slope7_num = tk.Label(root, text=slope7).grid(row=5, column=7)

slope8_num = tk.Label(root, text=slope8).grid(row=5, column=8)

slope9_num = tk.Label(root, text=slope9).grid(row=5, column=9)

四、定義獲取數(shù)據(jù)函數(shù)

將用戶(hù)輸入的y值賦給對(duì)應(yīng)變量。

def get_num():

global y0, y1, y2, y3, y4, y5, y6, y7, y8, y9, inter_width, inter_width_entry

y0 = int(y0_entry.get())

y1 = int(y1_entry.get())

y2 = int(y2_entry.get())

y3 = int(y3_entry.get())

y4 = int(y4_entry.get())

y5 = int(y5_entry.get())

y6 = int(y6_entry.get())

y7 = int(y7_entry.get())

y8 = int(y8_entry.get())

y9 = int(y9_entry.get())

inter_width = int(inter_width_entry.get())

return y0, y1, y2, y3, y4, y5, y6, y7, y8, y9, inter_width

五、定義計(jì)算執(zhí)行函數(shù)

當(dāng)按下calculate按鈕時(shí)，開(kāi)始執(zhí)行該函數(shù)。

首先調(diào)用get_num()獲取數(shù)據(jù)，接著計(jì)算slope，然后顯示slope，最后畫(huà)圖顯示出來(lái)。

def calculate():

global slope1, slope2, slope3, slope4, slope5, slope6, slope7, slope8, slope9

global y0, y1, y2, y3, y4, y5, y6, y7, y8, y9, inter_width

get_num()

slope1 = (y1 - y0) / inter_width

slope2 = (y2 - y1) / inter_width

slope3 = (y3 - y2) / inter_width

slope4 = (y4 - y3) / inter_width

slope5 = (y5 - y4) / inter_width

slope6 = (y6 - y5) / inter_width

slope7 = (y7 - y6) / inter_width

slope8 = (y8 - y7) / inter_width

slope9 = (y9 - y8) / inter_width

show_slope()

x = range(0, inter_width*10, inter_width)

y = [y0, y1, y2, y3, y4, y5, y6, y7, y8, y9]

f_plot.clear()

f_plot.plot(x, y)

canvs.draw()

六、定義清除執(zhí)行函數(shù)

調(diào)用初始化函數(shù)，然后顯示y和slope初始值。

def clear():

ini_fun()

show_y()

show_slope()

七、定義主函數(shù)

這部分定義主窗口，畫(huà)布，圖形以及計(jì)算和清除按鈕。

窗口循環(huán)語(yǔ)句root.mainloop()一定不能丟，不然無(wú)法顯示窗口，它的作用維持窗口刷新等待用戶(hù)交互。

def main():

global root, f, f_plot, canvs

root = Tk()

root.geometry("800x700+10+10")

root.title("tkinter and matplotlib")

f = Figure(figsize=(7, 5), dpi=100)

f_plot = f.add_subplot(111)

canvs = FigureCanvasTkAgg(f, root)

canvs.get_tk_widget().grid(row=0, column=0, rowspan=1, columnspan=10, sticky="nesw")

Button(root, text='calculate', command=calculate).grid(row=4, column=4)

Button(root, text='clear', command=clear).grid(row=4, column=5)

ini_fun()

show_y()

show_slope()

root.mainloop()

if __name__ == '__main__':

main()

細(xì)心的同學(xué)已經(jīng)發(fā)現(xiàn)，我在函數(shù)內(nèi)部用了很多global關(guān)鍵字，它用來(lái)聲明全局變量，這樣在函數(shù)內(nèi)部對(duì)變量做的更改計(jì)算才能傳遞給其他函數(shù)使用。

當(dāng)然，本著優(yōu)雅的原則，我又把它打包成exe了。

打包方法，安裝pyinstaller后，切換目錄到py文件所在目錄，運(yùn)行

pyinstaller –F –w [file name].py

提示完成在dist文件夾下生成exe文件即可雙擊運(yùn)行。

效果就這樣：

程序圖標(biāo)可以自定義，感興趣的可以搜索一下試試，很簡(jiǎn)單。

由于第一次獨(dú)立寫(xiě)python的GUI程序，為了簡(jiǎn)單，使用的grid方式定位，所以整體的布置效果不是太好。函數(shù)劃分邏輯也不是太好，對(duì)于這個(gè)邏輯簡(jiǎn)單的程序沒(méi)必要分這么多函數(shù)。

后續(xù)會(huì)選擇使用place定位方式，這樣各部件都可以精確定位。部件的樣式也可以重新設(shè)計(jì)一下。

可以在weiyoumimi公眾號(hào)回復(fù)“tkinter slope”獲取exe文件