python GUI学习--Tkinter（一）--第一个程序

Tkinter是python自带的GUI库。

教程来源：http://www.tkdocs.com/tutorial

第一个程序：

from tkinter import *
from tkinter import ttk
root = Tk()
ttk.Button(root, text="Hello World").grid()
root.mainloop()

运行结果：

解释说明：

from tkinter import * # 载入tkinter库
from tkinter import ttk # 载入ttk库，一个比较新的库，比较现代化
root = Tk() # 根节点
ttk.Button(root, text="Hello World").grid() # 添加一个按钮，并排列
root.mainloop() # 开启主循环

第一个真实的程序：一个单位转换器
设计：

程序代码：

from tkinter import *
from tkinter import ttk

def calculate(*args):
    try:
        value = float(feet.get())
        meters.set((0.3048 * value * 10000.0 + 0.5)/10000.0)
    except ValueError:
        pass
    
root = Tk()
root.title("Feet to Meters")

mainframe = ttk.Frame(root, padding="3 3 12 12")
mainframe.grid(column=0, row=0, sticky=(N, W, E, S))
mainframe.columnconfigure(0, weight=1)
mainframe.rowconfigure(0, weight=1)

feet = StringVar()
meters = StringVar()

feet_entry = ttk.Entry(mainframe, width=7, textvariable=feet)
feet_entry.grid(column=2, row=1, sticky=(W, E))

ttk.Label(mainframe, textvariable=meters).grid(column=2, row=2, sticky=(W, E))
ttk.Button(mainframe, text="Calculate", command=calculate).grid(column=3, row=3, sticky=W)

ttk.Label(mainframe, text="feet").grid(column=3, row=1, sticky=W)
ttk.Label(mainframe, text="is equivalent to").grid(column=1, row=2, sticky=E)
ttk.Label(mainframe, text="meters").grid(column=3, row=2, sticky=W)

for child in mainframe.winfo_children(): child.grid_configure(padx=5, pady=5)

feet_entry.focus()
root.bind('', calculate) # here the '' should be '<Return>'

root.mainloop()

结果：

程序说明：

from tkinter import *
from tkinter import ttk

# 载入tk库，和一个新主题库


root = Tk()
root.title("Feet to Meters")
mainframe = ttk.Frame(root, padding="3 3 12 12")
mainframe.grid(column=0, row=0, sticky=(N, W, E, S))
mainframe.columnconfigure(0, weight=1)
mainframe.rowconfigure(0, weight=1)

# 设置根节点，设置标题，frame位置，frame占窗口尺寸定义


feet = StringVar()
meters = StringVar()
feet_entry = ttk.Entry(mainframe, width=7, textvariable=feet) feet_entry.grid(column=2, row=1, sticky=(W, E))
ttk.Label(mainframe, textvariable=meters).grid(column=2, row=2, sticky=(W, E)) ttk.Button(mainframe, text="Calculate", command=calculate).grid(column=3, row=3, sticky=W)

# 定义2个变量，创建 输入框，显示结果的文本框，用于计算的按钮。
# 对每一个元素，需要创建它，然后给出位置。列，行 表示位置，sticky表示伸展（紧靠）方向。


ttk.Label(mainframe, text="feet").grid(column=3, row=1, sticky=W) ttk.Label(mainframe, text="is equivalent to").grid(column=1, row=2, sticky=E) ttk.Label(mainframe, text="meters").grid(column=3, row=2, sticky=W)

# 显示三个文本框


for child in mainframe.winfo_children(): child.grid_configure(padx=5, pady=5) feet_entry.focus()
root.bind('', calculate)  ## here the '' should be '<Return>'

# 上面三行：首先为每个main frame中的元素加一层外框。
# 然后设置输入框为默认激活状态
# 最后绑定回车和 计算函数，这样按下回车键就等于按下 计算 按钮

def calculate(*args):
    try:
        value = float(feet.get())
        meters.set((0.3048 * value * 10000.0 + 0.5)/10000.0)
    except ValueError:
        pass

# 计算函数，转换英尺和米，并将结果赋给 meters
# 之前与赋给元素的变量将会自动更新


root.mainloop()


# 开始主循环