diff --git a/translated/tech/20180829 Add GUIs to your programs and scripts easily with PySimpleGUI.md b/published/20180829 Add GUIs to your programs and scripts easily with PySimpleGUI.md similarity index 71% rename from translated/tech/20180829 Add GUIs to your programs and scripts easily with PySimpleGUI.md rename to published/20180829 Add GUIs to your programs and scripts easily with PySimpleGUI.md index ce4a4c2b08..9eff0b65d3 100644 --- a/translated/tech/20180829 Add GUIs to your programs and scripts easily with PySimpleGUI.md +++ b/published/20180829 Add GUIs to your programs and scripts easily with PySimpleGUI.md @@ -1,31 +1,33 @@ 使用 PySimpleGUI 轻松为程序和脚本增加 GUI ====== +> 五分钟创建定制 GUI。 + ![](https://opensource.com/sites/default/files/styles/image-full-size/public/lead-images/web_browser_desktop_devlopment_design_system_computer.jpg?itok=pfqRrJgh) -对于 `.exe` 类型的程序文件,我们可以通过双击鼠标左键打开;但对于 `.py` 类型的 Python 程序,几乎不会有人尝试同样的操作。对于一个(非程序员类型的)典型用户,他们双击打开 `.exe` 文件时预期弹出一个可以交互的窗体。基于 `Tkinter`,可以通过标准 Python 安装standard Python installations的方式提供 GUI,但很多程序都不太可能这样做。 +对于 `.exe` 类型的程序文件,我们可以通过双击鼠标左键打开;但对于 `.py` 类型的 Python 程序,几乎不会有人尝试同样的操作。对于一个(非程序员类型的)典型用户,他们双击打开 `.exe` 文件时预期弹出一个可以交互的窗体。基于 Tkinter,可以通过标准 Python 安装standard Python installations的方式提供 GUI,但很多程序都不太可能这样做。 如果打开 Python 程序并进入 GUI 界面变得如此容易,以至于真正的初学者也可以掌握,会怎样呢?会有人感兴趣并使用吗?这个问题不好回答,因为直到今天创建自定义 GUI 布局仍不是件容易的事情。 -在为程序或脚本增加 GUI 这件事上,似乎存在能力的“错配”。(缺乏这方面能力的)真正的初学者被迫只能使用命令行方式,而很多(具备这方面能力的)高级程序员却不愿意花时间创建一个 `Tkinter` GUI。 +在为程序或脚本增加 GUI 这件事上,似乎存在能力的“错配”。(缺乏这方面能力的)真正的初学者被迫只能使用命令行方式,而很多(具备这方面能力的)高级程序员却不愿意花时间创建一个 Tkinter GUI。 ### GUI 框架 -Python 的 GUI 框架并不少,其中 `Tkinter`,`wxPython`,`Qt` 和 `Kivy` 是几种比较主流的框架。此外,还有不少在上述框架基础上封装的简化框架,例如 `EasyGUI`,`PyGUI` 和 `Pyforms` 等。 +Python 的 GUI 框架并不少,其中 Tkinter,wxPython,Qt 和 Kivy 是几种比较主流的框架。此外,还有不少在上述框架基础上封装的简化框架,例如 EasyGUI,PyGUI 和 Pyforms 等。 但问题在于,对于初学者(这里是指编程经验不超过 6 个月的用户)而言,即使是最简单的主流框架,他们也无从下手;他们也可以选择封装过的(简化)框架,但仍难以甚至无法创建自定义 GUI 布局layout。即便学会了某种(简化)框架,也需要编写连篇累牍的代码。 -[`PySimpleGUI`][1] 尝试解决上述 GUI 难题,它提供了一种简单明了、易于理解、方便自定义的 GUI 接口。如果使用 `PySimpleGUI`,很多复杂的 GUI 也仅需不到 20 行代码。 +[PySimpleGUI][1] 尝试解决上述 GUI 难题,它提供了一种简单明了、易于理解、方便自定义的 GUI 接口。如果使用 PySimpleGUI,很多复杂的 GUI 也仅需不到 20 行代码。 ### 秘诀 -`PySimpleGUI` 极为适合初学者的秘诀在于,它已经包含了绝大多数原本需要用户编写的代码。`PySimpleGUI` 处理按钮回调callback,无需用户编写代码。对于初学者,在几周内掌握函数的概念已经不容易了,要求其理解回调函数似乎有些强人所难。 +PySimpleGUI 极为适合初学者的秘诀在于,它已经包含了绝大多数原本需要用户编写的代码。PySimpleGUI 会处理按钮回调callback,无需用户编写代码。对于初学者,在几周内掌握函数的概念已经不容易了,要求其理解回调函数似乎有些强人所难。 -在大部分 GUI 框架中,布局 GUI 小部件widgets通常需要写一些代码,每个小部件至少 1-2 行。`PySimpleGUI` 使用了“auto-packer”技术,可以自动创建布局。因而,布局 GUI 窗口不再需要 `pack` 或 `grid` 系统。 +在大部分 GUI 框架中,布局 GUI 小部件widgets通常需要写一些代码,每个小部件至少 1-2 行。PySimpleGUI 使用了 “auto-packer” 技术,可以自动创建布局。因而,布局 GUI 窗口不再需要 pack 或 grid 系统。 -(LCTT 译注:这里提到的 `pack` 和 `grid` 都是 `Tkinter` 的布局管理器,另外一种叫做 `place`) +(LCTT 译注:这里提到的 pack 和 grid 都是 Tkinter 的布局管理器,另外一种叫做 place 。) -最后,`PySimpleGUI` 框架编写中有效利用 Python 语言特性,降低用户代码量并简化GUI 数据返回的方式。在窗体form布局中创建小部件时,小部件会被部署到对应的布局中,无需额外的代码。 +最后,PySimpleGUI 框架编写中有效地利用了 Python 语言特性,降低用户代码量并简化 GUI 数据返回的方式。在窗体form布局中创建小部件时,小部件会被部署到对应的布局中,无需额外的代码。 ### GUI 是什么? @@ -37,13 +39,13 @@ button, values = GUI_Display(gui_layout) 绝大多数 GUI 支持的用户行为包括鼠标点击(例如,“确认”,“取消”,“保存”,“是”和“否”等)和内容输入。GUI 本质上可以归结为一行代码。 -这也正是 `PySimpleGUI` (简单 GUI 模式)的工作原理。当执行命令显示 GUI 后,除非点击鼠标关闭窗体,否则不会执行任何代码。 +这也正是 PySimpleGUI (的简单 GUI 模式)的工作原理。当执行命令显示 GUI 后,除非点击鼠标关闭窗体,否则不会执行任何代码。 -当然还有更复杂的 GUI,其中鼠标点击后窗口并不关闭;例如,机器人的远程控制界面,聊天窗口等。这类复杂的窗体也可以用 `PySimpleGUI` 创建。 +当然还有更复杂的 GUI,其中鼠标点击后窗口并不关闭;例如,机器人的远程控制界面,聊天窗口等。这类复杂的窗体也可以用 PySimpleGUI 创建。 ### 快速创建 GUI -`PySimpleGUI` 什么时候有用呢?显然,是你需要 GUI 的时候。仅需不超过 5 分钟,就可以让你创建并尝试 GUI。最便捷的 GUI 创建方式就是从 [PySimpleGUI 经典实例][2]中拷贝一份代码。具体操作流程如下: +PySimpleGUI 什么时候有用呢?显然,是你需要 GUI 的时候。仅需不超过 5 分钟,就可以让你创建并尝试 GUI。最便捷的 GUI 创建方式就是从 [PySimpleGUI 经典实例][2]中拷贝一份代码。具体操作流程如下: * 找到一个与你需求最接近的 GUI * 从经典实例中拷贝代码 @@ -93,13 +95,14 @@ button, (name,) = form.LayoutAndRead(layout) ### 5 分钟内创建一个自定义 GUI -在简单布局的基础上,通过修改经典实例中的代码,5 分钟内即可使用 `PySimpleGUI` 创建自定义布局。 +在简单布局的基础上,通过修改经典实例中的代码,5 分钟内即可使用 PySimpleGUI 创建自定义布局。 -在 `PySimpleGUI` 中,小部件widgets被称为元素elements。元素的名称与编码中使用的名称保持一致。 +在 PySimpleGUI 中,小部件widgets被称为元素elements。元素的名称与编码中使用的名称保持一致。 -(LCTT 译注:`Tkinter` 中使用小部件这个词) +(LCTT 译注:Tkinter 中使用小部件这个词) #### 核心元素 + ``` Text InputText @@ -121,7 +124,7 @@ Column #### 元素简写 -`PySimpleGUI` 还包含两种元素简写方式。一种是元素类型名称简写,例如 `T` 用作 `Text` 的简写;另一种是元素参数被配置了默认值,你可以无需指定所有参数,例如 `Submit` 按钮默认的文本就是“Submit”。 +PySimpleGUI 还包含两种元素简写方式。一种是元素类型名称简写,例如 `T` 用作 `Text` 的简写;另一种是元素参数被配置了默认值,你可以无需指定所有参数,例如 `Submit` 按钮默认的文本就是 “Submit”。 ``` T = Text @@ -164,9 +167,9 @@ RealtimeButton (LCTT 译注:其实就是返回 `Button` 类实例的函数) -上面就是 `PySimpleGUI` 支持的全部元素。如果不在上述列表之中,就不会在你的窗口布局中生效。 +上面就是 PySimpleGUI 支持的全部元素。如果不在上述列表之中,就不会在你的窗口布局中生效。 -(LCTT 译注:上述都是 `PySimpleGUI` 的类名、类别名或返回实例的函数,自然只能使用列表内的。) +(LCTT 译注:上述都是 PySimpleGUI 的类名、类别名或返回实例的函数,自然只能使用列表内的。) #### GUI 设计模式 @@ -182,7 +185,7 @@ form = sg.FlexForm('Simple data entry form') button, values = form.LayoutAndRead(layout) ``` -(LCTT 译注:这段代码无法运行,只是为了说明每个程序都会用到的设计模式) +(LCTT 译注:这段代码无法运行,只是为了说明每个程序都会用到的设计模式。) 对于绝大多数 GUI,编码流程如下: @@ -190,7 +193,7 @@ button, values = form.LayoutAndRead(layout) * 以“列表的列表”的形式定义 GUI * 展示 GUI 并获取元素的值 -上述流程与 `PySimpleGUI` 设计模式部分的代码一一对应。 +上述流程与 PySimpleGUI 设计模式部分的代码一一对应。 #### GUI 布局 @@ -201,7 +204,6 @@ button, values = form.LayoutAndRead(layout) ``` layout = [  [Text('Row 1')],             [Text('Row 2'), Checkbox('Checkbox 1', OK()), Checkbox('Checkbox 2'), OK()] ] - ``` 上述布局对应的效果如下: @@ -220,24 +222,24 @@ button, values = form.LayoutAndRead(layout) 窗体返回的结果由两部分组成:一部分是被点击按钮的名称,另一部分是一个列表,包含所有用户输入窗体的值。 -在这个例子中,窗体显示后用户直接点击 `OK` 按钮,返回的结果如下: +在这个例子中,窗体显示后用户直接点击 “OK” 按钮,返回的结果如下: ``` button == 'OK' values == [False, False] ``` -`Checkbox` 类型元素返回 `True` 或 `False` 类型的值。由于默认处于未选中状态,两个元素的值都是 `False`。 +Checkbox 类型元素返回 `True` 或 `False` 类型的值。由于默认处于未选中状态,两个元素的值都是 `False`。 ### 显示元素的值 一旦从 GUI 获取返回值,检查返回变量中的值是个不错的想法。与其使用 `print` 语句进行打印,我们不妨坚持使用 GUI 并在一个窗口中输出这些值。 -(LCTT 译注:考虑使用的是 Python 3 版本,`print` 应该是函数而不是语句) +(LCTT 译注:考虑使用的是 Python 3 版本,`print` 应该是函数而不是语句。) -在 `PySimpleGUI` 中,有多种消息框可供选取。传递给消息框(函数)的数据会被显示在消息框中;函数可以接受任意数目的参数,你可以轻松的将所有要查看的变量展示出来。 +在 PySimpleGUI 中,有多种消息框可供选取。传递给消息框(函数)的数据会被显示在消息框中;函数可以接受任意数目的参数,你可以轻松的将所有要查看的变量展示出来。 -在 `PySimpleGUI` 中,最常用的消息框是 `MsgBox`。要展示上面例子中的数据,只需编写一行代码: +在 PySimpleGUI 中,最常用的消息框是 `MsgBox`。要展示上面例子中的数据,只需编写一行代码: ``` MsgBox('The GUI returned:', button, values) @@ -245,7 +247,7 @@ MsgBox('The GUI returned:', button, values) ### 整合 -好了,你已经了解了基础知识,让我们创建一个包含尽可能多 `PySimpleGUI` 元素的窗体吧!此外,为了更好的感观效果,我们将采用绿色/棕褐色的配色方案。 +好了,你已经了解了基础知识,让我们创建一个包含尽可能多 PySimpleGUI 元素的窗体吧!此外,为了更好的感观效果,我们将采用绿色/棕褐色的配色方案。 ``` import PySimpleGUI as sg @@ -284,7 +286,7 @@ button, values = form.LayoutAndRead(layout) sg.MsgBox(button, values) ``` -看上面要写不少代码,但如果你试着直接使用 `Tkinter` 框架实现同样的 GUI,你很快就会发现 `PySimpleGUI` 版本的代码是多么的简洁。 +看上面要写不少代码,但如果你试着直接使用 Tkinter 框架实现同样的 GUI,你很快就会发现 PySimpleGUI 版本的代码是多么的简洁。 ![](https://opensource.com/sites/default/files/uploads/pysimplegui-everything.jpg) @@ -317,7 +319,7 @@ else: #### 安装方式 -支持 `Tkinter` 的系统就支持 `PySimpleGUI`,甚至包括树莓派Raspberry Pi,但你需要使用 Python 3。 +支持 Tkinter 的系统就支持 PySimpleGUI,甚至包括树莓派Raspberry Pi,但你需要使用 Python 3。 ``` pip install PySimpleGUI @@ -336,7 +338,7 @@ via: https://opensource.com/article/18/8/pysimplegui 作者:[Mike Barnett][a] 选题:[lujun9972](https://github.com/lujun9972) 译者:[pinewall](https://github.com/pinewall) -校对:[校对者ID](https://github.com/校对者ID) +校对:[wxy](https://github.com/wxy) 本文由 [LCTT](https://github.com/LCTT/TranslateProject) 原创编译,[Linux中国](https://linux.cn/) 荣誉推出