【Tkinter界面：练习-01】窗口-部件-布局

一、说明

        python在用户界面开发中，其中有QT5，和Tkinter；对于实际项目，界面需要高大上，因此用QT5，对于开发人员的演示程序，或简单程序中，不建议QT5；用Tkinter已经足够。本文做一个Tkinter练习，将最基本的功能实现起来，就是花费少的时间，实现更多的效益。

二、最基本窗口实现

2.1 导入程序包

 包导入

from tkinter import *
from tkinter import ttk

2.2 窗口、应用、隐窗口 

        作为Tkinter的窗口，由两个方面组成：显式Frame窗口，隐式窗口；还有应用实体作为总体，如图所示：

        程序中显式Frame窗口，隐式窗口；应用实体三者的关系是：

• 程序中至少有一个app（也就是root）
• 程序中至少有一个Frame
• Frame是可以看见的对象，隐窗口是可见窗口的属性参数。
• 设定Frame的属性，需要通过app（root）访问。
• 隐含窗口不是对象，不需要专门生成。

2.3 显式生成root和Frame

root = Tk()
frm = ttk.Frame(root, padding=10)
frm.grid()
root.geometry("300x300")
root.mainloop()

2.4 隐含root生成窗口

frm = ttk.Frame(None)
frm.master.title('Sample application')
frm.master.geometry("300x300")
frm.mainloop()

2.5 加点小控件

​
from tkinter import *
from tkinter import ttk
root = Tk()
frm = ttk.Frame(root, padding=10)
frm.grid()
root.geometry("300x300")
ttk.Label(frm, text="Hello World!").grid(column=0, row=0)
ttk.Button(frm, text="Quit", command=root.destroy).grid(column=1, row=0)
root.mainloop()

2.6 封装的窗口

​#!/usr/bin/env python      1
import Tkinter as tk       2class Application(tk.Frame):              3def __init__(self, master=None):tk.Frame.__init__(self, master)   4self.grid()                       5self.createWidgets()def createWidgets(self):self.quitButton = tk.Button(self, text='Quit',command=self.quit)            6self.quitButton.grid()            7app = Application()                       8
app.master.title('Sample application')    9
app.master.geometry("300x300") 10
app.mainloop()​

三、关于小控件

3.1 实现一个完整窗口

        首先设计一个窗口，将Frame和widget的布局设计好，如下图：

3.2 实现窗口

语句	含义
master = Tk()	# 生成Tkinter主窗口
l1 = Label(master, text="Height") l2 = Label(master, text="Width")	生成文字标签对象，根是主窗
l1.grid(row=0, column=0, sticky=W, pady=2) l2.grid(row=1, column=0, sticky=W, pady=2)	# grid 方法分别排列标签 # 指定的行和列， # sticky是控件在cell的摆放见下面。
e1 = Entry(master) e2 = Entry(master)	# 条目小部件，用于从用户那里获取条目
e1.grid(row=0, column=1, pady=2) e2.grid(row=1, column=1, pady=2)	# 这将排列条目小部件
e1 = Entry(master) e2 = Entry(master)	# 条目小部件，用于从用户那里获取条目
img = PhotoImage(file= "prize.png") img1 = img.subsample(2, 2)	# 添加图像（记住图像应该是 PNG 而不是 JPG）
Label(master, image=img1).grid(row=0, column=2,                                columnspan=2, rowspan=2, padx=5, pady=5)	# 创建标签，并贴上图片

3.3 关于sticky

        在cell中如何摆放小控件？sticky=tk.??,其中？？就是如下图所指定

• 如果您不提供粘性属性，则默认行为是将小部件在单元格中居中。
• 您可以使用 Sticky=tk.NE（右上角）、tk.SE（右下角）、tk.SW（左下角）或 tk.NW（左上角）将小部件放置在单元格的一角。
• 您可以使用 Sticky=tk.N（顶部中心）、tk.E（右侧中心）、tk.S（底部中心）或 tk.W（左侧中心）将小部件定位在单元格一侧的中心。
• 使用 Sticky=tk.N+tk.S 垂直拉伸小部件，但使其水平居中。
• 使用 Sticky=tk.E+tk.W 水平拉伸它，但使其垂直居中。
• 使用 Sticky=tk.N+tk.E+tk.S+tk.W 水平和垂直拉伸小部件以填充单元格。
• 其他组合也将起作用。例如，sticky=tk.N+tk.S+tk.W 将垂直拉伸小部件并将其放置在西（左）墙上。

3.4 全部代码如下

from tkinter import *
from tkinter.ttk import *# creating main tkinter window/toplevel
master = Tk()# this will create a label widget
l1 = Label(master, text="Height")
l2 = Label(master, text="Width")# grid method to arrange labels in respective
# rows and columns as specified
l1.grid(row=0, column=0, sticky=W, pady=2)
l2.grid(row=1, column=0, sticky=W, pady=2)# entry widgets, used to take entry from user
e1 = Entry(master)
e2 = Entry(master)# this will arrange entry widgets
e1.grid(row=0, column=1, pady=2)
e2.grid(row=1, column=1, pady=2)# checkbutton widget
c1 = Checkbutton(master, text="Preserve")
c1.grid(row=2, column=0, sticky=W, columnspan=2)# adding image (remember image should be PNG and not JPG)
img = PhotoImage(file= "prize.png")
img1 = img.subsample(2, 2)# setting image with the help of label
Label(master, image=img1).grid(row=0, column=2,columnspan=2, rowspan=2, padx=5, pady=5)# button widget
b1 = Button(master, text="Zoom in")
b2 = Button(master, text="Zoom out")# arranging button widgets
b1.grid(row=2, column=2, sticky=E)
b2.grid(row=2, column=3, sticky=E)# infinite loop which can be terminated
# by keyboard or mouse interrupt
mainloop()

结果图：