[PySimpleGUI界面学习]（四）动态更新窗口控件上的文字
- 2020 年 3 月 13 日
- 筆記
回顾
上一篇文章在最后实战了一个小程序，这个小程序的功能是实现两数相加并将结果显示在命令窗口，目前看来，这当然只是一个过渡产品，界面编程的要求是要将所有数据在界面上表现出来，这样不仅仅出于一致性的考虑，更重要的是，这是界面编程的意义所在。
为了方便起见，现将上一篇教程中的代码抄录如下:
import PySimpleGUI as sg layout = [[sg.Text("加法器")], [sg.InputText(), sg.Text("+"), sg.InputText(),sg.Text("=")], [sg.Button("计算"), sg.Button("退出")]] window = sg.Window("加法器").Layout(layout) while True: button, values = window.Read() if button is None or button == "退出": break else: tmp_a = eval(values[0]) tmp_b = eval(values[1]) print("%s与%s和是%s" % (tmp_a, tmp_b, eval(tmp_a)+eval(tmp_b))) window.Close()
进化
为了让程序计算结果显示在界面上，需要引入控件的一个方法Update，该方法的功能是用新的字符串来替代原控件上的字符串，但是应该在哪里来显示这个结果呢？
聪明的读者应该能很快想到好办法，这里只是简单在=号后面添加一个Text控件，首先将该控件上显示为空，待结果计算出来后，立刻将结果在该控件上显示就好了。
可是，新的问题又来了，在用户没有点击到这个控件时候，程序在运行时如何知道这个控件呢？
嗯，在PySimpleGUI工具包中，Window这个窗口类提供了一个查找控件的方法FindElement，但是这个方法需要依照一个关键字，所以，我们的办法就出来了，即给新增的标签控件增加一个新的关键字就好：
sg.Text("", key="_RESULT_")
上面代码中的RESULT就是为FindElement方法提供的关键字，在程序运行时通过以下语句来实现查找：
window.FindElement('_RESULT_')
这样就可以找到了我们需要更新其显示的标签控件。
整体代码如下：
import PySimpleGUI as sg layout = [[sg.Text("加法器")], [sg.InputText(), sg.Text("+"), sg.InputText(),sg.Text("="), sg.Text("", key="_RESULT_")], [sg.Button("计算"), sg.Button("退出")]] window = sg.Window("加法器").Layout(layout) while True: button, values = window.Read() if button is None or button == "退出": break else: tmp_a = eval(values[0]) tmp_b = eval(values[1]) tmp_result = tmp_a+tmp_b window.FindElement("_RESULT_").Update(str(tmp_result)) window.Close()
细心的人可以将两次代码仔细对比，自然会发现其中的不一样之处。
继续进化
等等，在我们运行上述程序后，会出现一个界面，但是当我们输入两个加数，再点击计算按钮时，结果是计算出来了，但是两个加数的输入框却被清空了，那么能不能在运算结束时还将两个加数输入框中的数字保留下来呢？
答案当然是可以，而且很简单，只需要在创建的两个加数文本框中添加一个do_not_clear的标识即可，默认情况下，该标识是False，即界面只要读取一次用户点击，即将当前文本框清空，倘若不想清空，只需要将该标识设置为True即可：
sg.InputText(do_not_clear=True)
修正后的代码如下：
import PySimpleGUI as sg layout = [[sg.Text("加法器")], [sg.InputText(do_not_clear=True), sg.Text("+"), sg.InputText(do_not_clear=True),sg.Text("="), sg.Text("", key="_RESULT_")], [sg.Button("计算"), sg.Button("退出")]] window = sg.Window("加法器").Layout(layout) while True: button, values = window.Read() if button is None or button == "退出": break else: tmp_a = eval(values[0]) tmp_b = eval(values[1]) tmp_result = tmp_a+tmp_b window.FindElement("_RESULT_").Update(str(tmp_result)) window.Close()
运行结果如下：
如何更加完美
程序现在已经按照我们的意思完美运行，但是在计算完一道题目后，如何将这些已经填入的数据和计算的数据清空呢？
这时候就可以使用 '清除' 按钮了
代码如下：
import PySimpleGUI as sg layout = [[sg.Text("加法器")], [sg.InputText(do_not_clear=True, key="_SHU1_"), sg.Text("+"), sg.InputText(do_not_clear=True, key="_SHU2_"),sg.Text("="), sg.Text("", key="_RESULT_")], [sg.Button("计算"),sg.Button("清空"), sg.Button("退出")]] window = sg.Window("加法器").Layout(layout) while True: button, values = window.Read() if button is None or button == "退出": break elif button=="清空": window.FindElement("_SHU1_").Update("") window.FindElement("_SHU2_").Update("") window.FindElement("_RESULT_").Update("") else: tmp_a = eval(values["_SHU1_"]) tmp_b = eval(values["_SHU2_"]) tmp_result = tmp_a+tmp_b window.FindElement("_RESULT_").Update(str(tmp_result)) window.Close()
仔细观察上述代码，你会发现许多不同的地方，尤其是返回值的引用，如果你没有按照上述代码来运行，只是更新一下原来的代码的话，会报出一个KeyError，这就是引入了关键字key后的一个小变化。
