最近发现一种 Python 的 GUI 库 PySimpleGUI，写一个简单的有界面的小工具很简单呢！
这里我们来写一个计算肥胖指数(BMI)的小工具。首先，通过百度得到 BMI 指数的计算公式为：
体重 / (身高的平方)
体重单位为 kg， 身高的单位为 m
再查阅中国的 BMI 标准为：
| 分类 | BMI |
|---|---|
| 偏瘦 | <= 18.4 |
| 正常 | 18.5 ~ 23.9 |
| 过重 | 24.0 ~ 27.9 |
| 肥胖 | >= 28.0 |
于是先写一个函数，用来计算 BMI。
def calc_bmi(h, w):
try:
h, w = float(h), float(w)
bmi = round(w / h ** 2, 1)
if bmi < 18.5:
standard = '过轻'
elif 18.5 <= bmi <= 23.9:
standard = '正常'
elif 24.0 <= bmi <= 27.9:
standard = '过重'
else:
standard = '肥胖'
except (ValueError, ZeroDivisionError):
return None
else:
return f'BMI: {bmi}, {standard}'
先算一下我自己的：
print(calc_bmi(1.70, 77))
# BMI: 26.6, 过重
😂，好吧，胖了！
接下来，我们就要写一个带界面的了。
首先呢，我们需要下载 PySimpleGUI
pip install PySimpleGUI
下好后，先不忙写代码，我们先画一下界面草图（一定要先画草图！）：
好了，草图画好了，可以开始写代码了。
首先肯定要引入 PySimpleGUI:
import PySimpleGUI as sg
然后开始使用 PySimpleGUI 构造界面，在 PySimpleGUI 中将界面布局看作一个二维的表格。
根据上图，我们可以将 UI 划分为 5 行。
第一行，有一个 文本显示 '身高'， 还有一个文本输入框；
第二行，有一个 文本显示 '体重'， 还有一个文本输入框；
第三行，只有一个按钮；
第四行，一个文本显示 BMI 函数的运算结果；
第五行，一个按钮，用于退出程序。
在 PySimpleGUI 中要实现布局很简单，先构造一个二维的列表：
layout = [[sg.Text('身高'), sg.InputText(size=(15,))],
[sg.Text('体重'), sg.InputText(size=(15,))],
[sg.Button('计算 BMI', key='submit')],
[sg.Text('', key='bmi', size=(20,2))],
[sg.Quit('退出', key='q')]]
能看出点什么么？二维列表中的每个元素代表一行，子列表代表一行中的多个控件。
接下来，把构造的布局加入窗口中：
window = sg.Window('BMI计算器', layout, font='微软雅黑')
此时运行，一下，就可以看到界面啦！
接下来，我们再添加事件处理。
event, value = window.Read()
window.Read() 方法，用于读取页面上的事件和输入的数据。其返回值为('事件', {0: '输入控件1接收的值', 1: '输入控件2接受的值'})。
当我们点击计算 BMI按钮的时候，会接收到 submit 事件，这是在[sg.Button('计算 BMI', key='submit')]定义的。
那么接下来，当我们点击 submit ，也就是计算 BMI按钮，就调用计算 BMI 的函数，然后把函数的结果展示在界面的文本中。
# 当事件为 submit 执行下面的代码
if event == 'submit':
# 通过 window.Read() 拿到的界面输入的值，身高在第一个输入框，体重在第二个输入框
bmi = calc_bmi(value[0], value[1])
# 如果函数计算后得到的有效 bmi 的值（也就是没有报错）
if bmi:
# 把 bmi 文本显示的内容，改为从 calc_bmi 中返回的计算结果
window.Element('bmi').Update(bmi， text_color='black')
else:
# 如果 calc_bmi 中报错，就是输入有异常，在 bmi 文本红色字体显示错误信息
window.Element('bmi').Update('输入有误！', text_color='red')
好了，运行一下。
虽然能完成计算，但是当你点了按钮就结束了。因为界面只会执行一次。为了一直保持界面不关闭，就需要用 while 循环一直循环显示界面，当点击退出按钮时再退出循环，结束界面展示。
那么，完整代码如下：
import PySimpleGUI as sg
def calc_bmi(h, w):
try:
h, w = float(h), float(w)
bmi = round(w / h ** 2, 1)
if bmi < 18.5:
standard = '过轻'
elif 18.5 <= bmi <= 23.9:
standard = '正常'
elif 24.0 <= bmi <= 27.9:
standard = '过重'
else:
standard = '肥胖'
except (ValueError, ZeroDivisionError):
return None
else:
return f'BMI: {bmi}, {standard}'
layout = [[sg.Text('身高'), sg.InputText(size=(15,))],
[sg.Text('体重'), sg.InputText(size=(15,))],
[sg.Button('计算 BMI', key='submit')],
[sg.Text('', key='bmi', size=(20,2))],
[sg.Quit('退出', key='q')]]
window = sg.Window('BMI计算', layout, font='微软雅黑')
while True:
event, value = window.Read()
if event == 'submit':
bmi = calc_bmi(value[0], value[1])
if bmi:
window.Element('bmi').Update(bmi, text_color='black')
else:
window.Element('bmi').Update('输入有误！', text_color='red')
elif event == 'q':
break
window.Close()
那么，看看你是胖还是瘦吧！
