python tkinter 设计指南

如何打包 Python 文件至 Mac app

pyinstaller -F demo.py

tkinter 指南

一个小例子

# -*- coding:utf-8 -*-
import tkinter as tk

root_window =tk.Tk() # 主窗口
root_window.title('C语言中文网：c.biancheng.net') # 窗口名字
root_window.mainloop() #开启主循环，让窗口处于显示状态

文字和关闭按钮

# -*- coding:utf-8 -*-
import tkinter as tk

root_window = tk.Tk() # 主窗口
root_window.title('C语言中文网：c.biancheng.net') # 窗口名字

root_window.geometry('450x300') # 大小
root_window.iconbitmap('favicon.ico') # 图标
root_window["background"] = "#C9C9C9" # 背景颜色

text=tk.Label(root_window,text="C语言中文网，欢迎您",bg="yellow",fg="red",font=('Times', 20, 'bold italic'))
text.pack() # 文字标签

button=tk.Button(root_window,text="关闭",command=root_window.quit)
button.pack(side="bottom") # 按钮

root_window.mainloop() #开启主循环，让窗口处于显示状态

常用的 15 个控件

下表列出了 Tkinter 中常用的 15 个控件：

控件的基本属性

主窗口

下表列出了窗口的常用方法，其中 window 代表主窗口对象：

常用方法

程序 1

方法使用例子

import tkinter as tk

window =tk.Tk()

window.title('C语言中文网')

window.geometry('450x300')

print("电脑的分辨率是%dx%d"%(window.winfo_screenwidth(),window.winfo_screenheight()))

window.update()
print("窗口的分辨率是%dx%d"%(window.winfo_width(),window.winfo_height()))

# 如使用该函数则窗口不能被拉伸
# window.resizable(0,0)

window.config(background="#6fb765")

# 设置窗口处于顶层
window.attributes('-topmost',True)

# 设置窗口的透明度
window.attributes('-alpha',0.9)

# 最大调整的范围
window.maxsize(600,600)

# 最小调整的范围
window.minsize(50,50)

#进入主循环，显示主窗口
window.mainloop()

程序 2 ，

演示 protocol

from tkinter import Tk
# 导入 对话框控件
from tkinter import messagebox

root = Tk()

def QueryWindow(): # 当退出时
    if messagebox.showwarning("警告","出现了一个错误"): # 显示警告
        root.destroy() # 关闭窗口

# 当 Tkinter 使用 WM_DELETE_WINDOW 协议与主窗口进行交互
# 则 Tkinter 主窗口右上角 x 号的关闭功能失效，
# 也就是无法通过点击 x 来关闭窗口，转变成调用用户自定义的函数。
root.protocol('WM_DELETE_WINDOW', QueryWindow)

root.mainloop()

程序 3，

演示 protocol 2

import tkinter as tk
# 定义窗口
window = tk.Tk()
window.title('c语言中文网')
window.geometry('300x300')

# 定义回调函数
def callback():
    print("执行回调函数","C语言中文网欢迎您")

# 点击执行按钮
button = tk.Button(window, text="执行", command=callback)
button.pack()

window.mainloop()

程序 4 ，

显示到屏幕中间

import tkinter as tk
window = tk.Tk()
window.title('c语言中文网')

# 设置窗口大小变量
width = 300
height = 300

# 窗口居中，获取屏幕尺寸以计算布局参数，使窗口居屏幕中央
screenwidth = window.winfo_screenwidth()
screenheight = window.winfo_screenheight()

size_geo = '%dx%d+%d+%d' % (width, height, (screenwidth-width)/2, (screenheight-height)/2)

window.geometry(size_geo)
window.mainloop()

Label 标签控件

属性

文字程序

import tkinter as tk
win = tk.Tk()
win.title("C语言中文网")
win.geometry('400x200')

# 若内容是文字则以字符为单位，图像则以像素为单位
label = tk.Label(win,
                text="网址：c.biancheng.net",
                font=('宋体',20, 'bold italic'),
                bg="#7CCD7C",
                width=30,height=5, # 设置标签内容区大小
                padx=10, pady=15, borderwidth=10, relief="sunken" # 设置填充区距离、边框宽度和其样式（凹陷式）
                )

label.pack()
win.mainloop()

图像文字（无法打包）

import tkinter as  tk
win = tk.Tk()
win.title("C语言中文网")

#显示图片(注意这里默认支持的图片格式为GIF)
photo = tk.PhotoImage(file = '0.gif')

# 将图片放在主窗口的右边
lab =tk.Label(win,image=photo).pack(side="right")
# 显示文字，设置文本格式
text = "C语言中文网欢迎您,\n"\
       "这里有精彩的教程,\n "\
       "这里有数不尽的知识宝藏"

lab_text =tk.Label(win,text=text,fg ='#7CCD7C',font=('微软雅黑',15,'italic'),justify='left',padx=10).pack(side='left')
win.mainloop()

创建 message

from tkinter import *
#创建主窗口
win = Tk()
win.config(bg='#8DB6CD')
win.title("C语言中文网")
win.geometry('400x300')

txt = "C语言中文网，网址是：c.biancheng.net"

msg = Message (win, text=txt,width =60,font=('微软雅黑',10,'bold'))
msg.pack (side=LEFT)

win.mainloop ()

Button 按钮

Button 控件的

常用属性

如下所示：

网格布局

import tkinter as tk
from tkinter import messagebox

win = tk.Tk()
win.title("C语言中文网")
win.geometry('400x200+100+100')
win.resizable(0,0)

# 将俩个标签分别布置在第一行、第二行
tk.Label(win, text="账号：").grid(row=0)
tk.Label(win, text="密码：").grid(row=1)

# 创建输入框控件
e1 = tk.Entry(win)

# 以 * 的形式显示密码
e2 = tk.Entry(win,show='*')

e1.grid(row=0, column=1, padx=10, pady=5)
e2.grid(row=1, column=1, padx=10, pady=5)

# 编写一个简单的回调函数
def login():
    messagebox.showinfo('欢迎您到来')

tk.Button(win, text="登录", width=10, command=login).grid(row=3, column=0, sticky="w", padx=10, pady=5)
tk.Button(win, text="退出", width=10, command=win.quit).grid(row=3, column=1, sticky="e", padx=10, pady=5)

win.mainloop()

Entry 输入控件

演示动态字符串 ，

时间程序（演示动态字符串 ）

import tkinter as tk
import time
root = tk.Tk()
root.title("C语言中文网")
root.geometry('450x150+100+100')
root.resizable(0,0)
root.title('我们的时钟')

# 获取时间的函数
def gettime():
    dstr.set(time.strftime("%H:%M:%S")) # 获取当前时间
    root.after(1000, gettime) # 每隔 1s 调用一次 gettime()函数来获取时间

# 生成动态字符串
dstr = tk.StringVar()

lb = tk.Label(root,textvariable=dstr,fg='green',font=("微软雅黑",85))
lb.pack()

# 调用生成时间的函数
gettime()

# 显示窗口
root.mainloop()

演示 entry

import tkinter as tk
win = tk.Tk()
win.geometry('250x100')
win.title("C语言中文网")
win.resizable(0,0)

# 创建输入框控件
entry1 = tk.Entry(win)

# 放置输入框，并设置位置
entry1.pack(padx=20, pady=20)
entry1.delete(0, "end")

# 插入默认文本
entry1.insert(0,'C语言中文网，网址：c.biancheng.net')

# 得到输入框字符串
print(entry1.get())

# 删除所有字符
# entry1.delete(0, tk.END)

win.mainloop()

常用属性

简单计算器

from tkinter import *
# 创建窗体
win = Tk()
win.title("C语言中文网")
win.geometry('300x300')

# 创建一个容器来包括其他控件
frame = Frame (win)

def calc() :
# 用户输入的表达式，计算结果后转换为字符串
    result = "= "+ str (eval(expression.get()))
    #将计算的结果显示在Label控件上
    label.config(text =result)

#创建一个Label控件
label = Label (frame)

#创建一个Entry控件
entry = Entry (frame)

#读取用户输入的表达式
expression = StringVar ()

#将用户输入的表达式显示在Entry控件上
entry ["textvariable"] = expression

#创建-一个 Button控件.当用户输入完毕后，单击此按钮即计算表达式的结果
button1 = Button (frame, text="等 于",command=calc)

#设置Entry控件为焦点所在
entry.focus ()
frame.pack ()

#Entry控件位于窗体的上方
entry .pack()

#Label控件位于窗体的左方
label .pack (side="left")

#Button控件位于窗体的右方
button1.pack (side="right")
#开始程序循环
frame .mainloop()

Spinbox 高级输入框

import tkinter as tk
root = tk.Tk()
root.title("C语言中文网")
root.geometry('300x200+300+300')

# 如果是数字使用 from_和to参数，范围 0-20,并且与2步长递增或递减
w = tk.Spinbox(root,from_=0,to=20, increment=2,width = 15,bg='#9BCD9B')

w.pack()

# 显示窗口
root.mainloop()

Text 文本框控件

from tkinter import *

win = Tk()
win.title("C语言中文网")
win.iconbitmap('C:/Users/Administrator/Desktop/C语言中文网logo.ico')
win.geometry('400x420')

# width 一行可见的字符数；height 显示的行数
text = Text(win, width=50, height=30, undo=True, autoseparators=False)

# 适用 pack(fill=X) 可以设置文本域的填充模式。比如 X表示沿水平方向填充，Y表示沿垂直方向填充，BOTH表示沿水平、垂直方向填充
text.pack()

# INSERT 光标处插入；END 末尾处插入
text.insert(INSERT, 'C语言中文网，一个有温度的网站')

win.mainloop()

Text 控件还具备以下

属性

基本方法

Tag 文本标签

from tkinter import *
from tkinter import *
# 创建主窗口
win = Tk()
win.title(string = "C语言中文网")

# 创建一个Text控件
text = Text (win)

# 在Text控件内插入- -段文字 ，INSERT表示在光标处插入，END表示在末尾处插入
text.insert (INSERT,  "C语言中文网（网址：c.biancheng.net），一个有温度的网站，一生只做一件事\n\n")

# 跳下一行
text.insert (INSERT, "\n\n")

# 在Text控件内插入- -个按钮
button = Button(text, text="关闭",command=win.quit)
text. window_create (END, window=button)

# 填充水平和垂直方向,这里设置 expand为 True 否则不能垂直方向延展
text .pack (fill=BOTH,expand=True)

# 在第一行文字的第0个字符到第6个字符处插入标签，标签名称为"name"
text.tag_add("name", "1.0", "1.6")

# 将插入的按钮设置其标签名为"button"
text.tag_add ("button", button)

#使用 tag_config() 来改变标签"name"的前景与背景颜色,并加下画线，通过标签控制字符的样式
text.tag_config("name", font=('微软雅黑',18,'bold'),background="yellow", foreground= "blue",underline=1)

#设置标签"button"的居中排列
text. tag_config("button", justify="center")

#开始程序循环
win .mainloop()

。。。

event 事件

显示按键

from tkinter import *

# 定义事件函数，必须用event参数
def show_key(event):
    # 查看触发事件的按钮
    s=event.keysym
    # 将其显示在按钮控件上
    lb.config(text=s)

root=Tk()
root.config(bg='#87CEEB')
root.title("C语言中文网")
root.geometry('450x350+300+200')

# 添加一个按钮控件
lb=Label(root,text='请按键',fg='blue',font=('微软雅黑',15))

# 给按钮控件绑定事件，按下任意键，然后调用事件处理函数。注意，此处需要在英文状态下进行输入
lb.bind('<Key>',show_key)

# 设置按钮获取焦点
lb.focus_set()

lb.pack()

# 显示窗口
root.mainloop()

事件类型

常用属性

布局管理

pack()

pack() 是一种较为简单的布局方法，在不使用任何参数的情况下，它会将控件以添加时的先后顺序，自上而下，一行一行的进行排列，并且默认居中显示。pack() 方法的常用参数如下所示：

pack 例子

from tkinter import  *
win = Tk()
win.title("C语言中文网")
win.geometry('450x300+300+300')

lb_red = Label(win,text="红色",bg="Red",fg='#ffffff',relief=GROOVE)

# 默认以top方式放置
lb_red.pack()
lb_blue = Label(win,text="蓝色",bg="blue",fg='#ffffff',relief=GROOVE)

# 沿着水平方向填充，使用 pady 控制蓝色标签与其他标签的上下距离为 5 个像素
lb_blue.pack(fill=X,pady='5px')

lb_green = Label(win,text="绿色",bg="green",fg='#ffffff',relief=RAISED)
# 将 黄色标签所在区域都填充为黄色，当使用 fill 参数时，必须设置 expand = 1，否则不能生效
lb_green.pack(side=LEFT,expand=1,fill = BOTH)

win.mainloop()

Grid 例子

import tkinter as tk
from tkinter import messagebox
root = tk.Tk()
root.title("C语言中文网")
root.resizable(0,0)

tk.Label(root, text="用户名").grid(row=0, sticky="w")

tk.Label(root, text="密码").grid(row=1, sticky="w")

tk.Entry(root).grid(row=0, column=1)

tk.Entry(root, show="*").grid(row=1, column=1)

# 加载图片LOGO,注意这里是gif格式的图片
photo = tk.PhotoImage(file="/Users/kehongli/Downloads/removeAnytime/pythontest/0.gif")
tk.Label(root, image=photo).grid(row=0, column=2, rowspan=2, padx='4px', pady='5px')

# 编写一个简单的回调函数
def login():
    messagebox.showinfo('欢迎来到C语言中文网')

# 使用grid()函数来布局，并控制按钮的显示位置
tk.Button(root, text="登录", width=10, command=login).grid(row=3, column=0, columnspan=2,sticky="w", padx=10, pady=5)
tk.Button(root, text="退出", width=10, command=root.quit).grid(row=3, column=1, columnspan=2,sticky="e", padx=10, pady=5)

# 开启事件主循环
root.mainloop()

place()

属性

例子

from tkinter import *
#主窗口
win = Tk()
win.title("C语言中文网")

#创建一个frame窗体对象，用来包裹标签
frame = Frame (win, relief=SUNKEN, borderwidth=2, width=450, height=250)

# 在水平、垂直方向上填充窗体
frame. pack (side=TOP, fill=BOTH, expand=1)

# 创建 "位置1"
Label1 = Label ( frame, text="位置1",bg='blue',fg='white')

# 使用 place,设置第一个标签位于距离窗体左上角的位置（40,40）和其大小（width，height）
# 注意这里（x,y）位置坐标指的是标签左上角的位置（以NW左上角进行绝对定位，默认为NW）
Label1.place (x=40,y=40, width=60, height=30)

# 设置标签2
Label2 = Label (frame, text="位置2",bg='purple',fg='white')

# 以右上角进行绝对值定位，anchor=NE，第二个标签的位置在距离窗体左上角的(180，80)
Label2.place(x=180,y=80, anchor=NE, width=60, height=30)

# 设置标签3
Label3 = Label (frame, text="位置3",bg='green',fg='white')

# 设置水平起始位置相对于窗体水平距离的0.6倍，垂直的绝对距离为80，大小为60，30
Label3.place(relx=0.6,y=80, width=60, height=30)

# 设置标签4
Label4 = Label (frame, text="位置4",bg='gray',fg='white')

# 设置水平起始位置相对于窗体水平距离的0.01倍，垂直的绝对距离为80，并设置高度为窗体高度比例的0.5倍，宽度为80
Label4.place(relx=0.01,y=80,relheight=0.4,width=80)

#开始事件循环
win. mainloop()

对话框

百度关键词搜索 API 接口

接口地址：https://www.baidu.com/s
请求方式：GET
返回格式：HTML 页面
请求参数：