tkinter教程

介绍 (Introduction)

In the first part of our Tkinter tutorial, we created a simple graphical interface having a window and a label. The article explained how to create it and customize it. In the second part of the Tkinter tutorial, where we’ll add different widgets to our window. We will also learn to connect the GUI with the code by getting input from the user.

在Tkinter教程的第一部分中，我们创建了一个具有窗口和标签的简单图形界面。 本文介绍了如何创建和自定义它。 在Tkinter教程的第二部分，我们将在窗口中添加不同的小部件。 我们还将通过获取用户的输入来学习如何将GUI与代码连接起来。

添加功能按钮 (Adding a function button)

Now, let’s add some widgets which enable the user to interact with. Let’s try adding a simple functional button and handle a simple button click event. Exciting, isn’t it? Let’s do a hands-on.

现在，让我们添加一些使用户能够进行交互的小部件。 让我们尝试添加一个简单的功能按钮并处理一个简单的按钮单击事件。 令人兴奋，不是吗？ 让我们动手做吧。

Adding a functional button to the window is similar to the process which we did for adding a label widget. We can customize the appearance of the button by changing foreground for a button using `fg` property. Similarly, we can change the background color for the button by the `bg` property. This property can be used to customize any widget. Let’s now add a functional button to the same window which we created and added a label widget:

向窗口添加功能按钮类似于我们添加标签小部件的过程。 我们可以通过使用`fg`属性改变按钮的前景来定制按钮的外观。 同样，我们可以通过`bg`属性来改变按钮的背景色。 此属性可用于自定义任何窗口小部件。 现在，将功能按钮添加到创建和添加标签小部件的同一窗口中：

import tkinter
root_window = tkinter.Tk()
root_window.geometry('950x200')
root_window.title("Tkinter tutorial")
label_widget = tkinter.Label(root_window, text="Build your own GUI with Tkinter", font=("Arial Italic", 40))
label_widget.grid(column=1, row=1)
fn_btn = tkinter.Button(root_window, text="Close", bg="grey", fg="black", font=("Arial Bold", 20))
fn_btn.grid(column=1, row=2)
root_window.mainloop()

The above code creates a functional button widget, based on our specifications. The output looks like:

上面的代码根据我们的规范创建了一个功能性按钮小部件。 输出如下：

Output:

输出：

调整小部件的方向 (Orienting the widgets)

If you look at the above code, we have used the grid() function to specify the position of the widget. In case, this is not used, the widget will not be displayed. In the above example, we have placed the button on the third row of the window, which is 2. If you place the function button on the same row and column as we specified for the label widget, the button widget will be placed on top of the label widget. So, to handle such situations, `tkinter` module offers a method named ‘pack()’. This can be used instead of the grid() method. If your window has more than 2 widgets, we can use the pack() method instead of specifying the co-ordinates manually using the grid method. The pack() method throws widgets one on top of the other that is centered horizontally, based on the order we pack our widgets. This method also adjusts the window’s size according to the widget’s size. Let’s try to implement this function for the above-stated example.

如果您看上面的代码，我们已经使用grid（）函数指定了小部件的位置。 如果不使用它，则不会显示小部件。 在上面的示例中，我们将按钮放置在窗口的第三行（即2）上。如果将功能按钮放置在与标签小部件指定的相同的行和列中，则按钮小部件将放置在顶部标签小部件的。 因此，为了处理这种情况，`tkinter`模块提供了一个名为'pack（）'的方法。 可以使用它代替grid（）方法。 如果您的窗口有两个以上的小部件，我们可以使用pack（）方法，而不是使用grid方法手动指定坐标。 根据我们打包小部件的顺序，pack（）方法将小部件一个放在水平居中的另一个顶部。 此方法还根据窗口小部件的大小调整窗口的大小。 让我们尝试为上述示例实现此功能。

import tkinter
root_window = tkinter.Tk()
root_window.geometry('950x200')
root_window.title("Tkinter tutorial")
label_widget = tkinter.Label(root_window, text="Build your own GUI with Tkinter", font=("Arial Italic", 40))
fn_btn = tkinter.Button(root_window, text="Close", bg="grey", fg="black", font=("Arial Bold", 20))
label_widget.pack()
fn_btn.pack()
root_window.mainloop()

The output looks like:

输出如下：

Output:

输出：

So, we have discussed how to orient the widgets in our window using the grid() method and pack() method. But, we need to keep in mind not to mix the grid() and pack() methods, both in the same container.

因此，我们讨论了如何使用grid（）方法和pack（）方法在窗口中定位小部件。 但是，我们需要记住不要在同一容器中混合使用grid（）和pack（）方法。

Now, we have just created a function button. If we click on it, nothing happens. Let’s now write a code to handle the button click event.

现在，我们刚刚创建了一个功能按钮。 如果单击它，则什么也不会发生。 现在让我们编写一个代码来处理按钮单击事件。

处理功能按钮单击事件 (Handling functional button click event)

In the previous example, we created a Button class instance that is pretty similar to the way in which we created the label widget. Now, to handle the functional button click event, we can add a command argument while creating the button widget. By adding this `command` argument, we can specify the program on how to react after the functional button click occurs. We can do this by adding the below chunk of code:

在前面的示例中，我们创建了一个Button类实例，该实例与创建标签小部件的方式非常相似。 现在，要处理功能性按钮单击事件，我们可以在创建按钮小部件时添加命令参数。 通过添加这个“ command”参数，我们可以指定程序，在发生功能按钮单击后如何做出React。 我们可以通过添加以下代码块来做到这一点：

fn_btn = tkinter.Button(root_window, text="Close", bg="grey", fg="black", font=("Arial Bold", 20), command=root_window.destroy)

In this example, we have handled our button click event by configuring the command argument. We have called the root window’s destroy() method. This makes our window widget to close when the close button is clicked.

在此示例中，我们通过配置命令参数来处理按钮单击事件。 我们已经调用了根窗口的destroy（）方法。 这使我们的窗口小部件在单击关闭按钮时关闭。

We have seen samples that barely shows the package’s basic capabilities. Let us dive in deeper to explore the complex and more intuitive Graphical User Interface capabilities of the Tkinter package.

我们看到的样本几乎没有显示该软件包的基本功能。 让我们更深入地研究Tkinter软件包的复杂和更直观的图形用户界面功能。

配置小部件 (Configuring the Widgets)

We can configure the appearance of the widgets during the run-time of our program. This can be done by using the configuring element of the widget. For example, let’s create a window, a label, a button named “Click me”. We can configure the functional button during the run-time of the program by changing the button’s color.

我们可以在程序运行时配置小部件的外观。 这可以通过使用小部件的configure元素来完成。 例如，让我们创建一个窗口，一个标签，一个名为“ Click me”的按钮。 我们可以在程序运行时通过更改按钮的颜色来配置功能按钮。

import tkinter
root_window = tkinter.Tk()
root_window.geometry('950x200')
root_window.title("Tkinter tutorial")
def color_fn_btn():fn_btn.configure(text="Button color changed", bg="blue", fg="white")
label_widget = tkinter.Label(root_window, text="Build your own GUI with Tkinter", font=("Arial Italic", 40))
fn_btn = tkinter.Button(root_window, text="Click here", bg="grey", fg="black", font=("Arial Bold", 20), command=color_fn_btn)
label_widget.pack()
fn_btn.pack()
root_window.mainloop()

The sample output of the above code is:

上面的代码的示例输出是：

Output:

输出：

If you click the “Click me” button, the color of the functional button along with its text changes as follow:

如果单击“单击我”按钮，则功能按钮的颜色及其文本将更改为：

Output:

输出：

The color_fn_btn() function that we added configures the state of the button, once the button click event occurs.

一旦按钮单击事件发生，我们添加的color_fn_btn（）函数将配置按钮的状态。

结论 (Conclusion)

I hope, the second part of the Tkinter tutorial made you understand the Tkinter module, better. We see how the Tkinter module has simplified our process in building a Graphical interface for our software. Keep reading the last part of this tutorial to create complex, intuitive GUIs.

希望Tkinter教程的第二部分使您更好地了解Tkinter模块。 我们将看到Tkinter模块如何简化了为软件构建图形界面的过程。 继续阅读本教程的最后一部分，以创建复杂，直观的GUI。

翻译自: https://www.journaldev.com/33417/tkinter-tutorial-part-2

tkinter教程