Python的GUI编程（TK）

TK在大多数 Unix平台、Windows平台和Macintosh系统都是预装好的，TKinter 模块是 Tk GUI 套件的标准Python接口。可实现Python的GUI编程。

Tkinter模块("Tk 接口")是python的标准Tk GUI工具包的接口.Tk和Tkinter可以在大多数的Unix平台下使用,同样可以应用在Windows和Macintosh系统里.Tk8.0的后续版本可以实现本地窗口风格,并良好地运行在绝大多数平台中。（百度百科）

一般的环境里直接import tkinter即可使用，但Ubuntu里既然没有，所以要自己安装，因为笔者Ubuntu系统里默认有python2，python3是自己后来安装的，查阅资料得到结果是tkinter安装成功后，并没有和python3成功链接，需要重新安装python3才可以。

安装：sudo apt-get install python-tk

安装：sudo apt install tk-dev

重新安装python3环境：

进入python版本解压目录：cd python3.7

命令：./configure

命令：make

命令：sudo make install

 

显示图片需安装pillow库 :

指定版本安装：sudo pip3 install Pillow==4.3.0

 

 

下面先用一个小爬虫程序入门python的tkinter编程：

 

效果：

程序：

from tkinter import * 
from tkinter import messagebox
from PIL import Image,ImageTk
import re #正则表达式
import requests
def butonck():
    #改变lab颜色
    labelx["fg"]="green"
    #获取输入框值
    textx=entryx.get()
    #去掉字符串前后空格
    textx=textx.strip()
    if textx=='':
      #弹出提示框
      messagebox.showinfo("东东提示","输入不可为空")
    else:
      #字典数据
      datax={
           "word":textx,
           "sizes":60,
           "fonts":"lfc.ttf",
           "fontcolor":"#000000"
      }
      rx=requests.post("http://www.uustv.com/",data=datax)
      rx.encoding="utf-8"
      htmlx=rx.text #网站源码
      zz='<div class="tu">.*?<img src="(.*?)"/></div>'#括号里的.*?表示要取的值
      #取图片地址
      imagex=re.findall(zz,htmlx)
      #取图片数据
      imagedatax=requests.get("http://www.uustv.com/"+imagex[0]).content
      #打开文件
      ff=open('{}.gif'.format(textx),"wb")
      #写图片数据
      ff.write(imagedatax)
      #
      bmx=ImageTk.PhotoImage(file='{}.gif'.format(textx))
      lab2=Label(rview,image=bmx)
      lab2.bm=bmx
      lab2.grid(row=2,columnspan=2)
#创建窗口
rview=Tk()
#标题
rview.title("东小东标题党")
#窗口大小 长高用小写x隔开
#rview.geometry("600x300")
#窗口基于屏幕的坐标 +x轴+y轴
rview.geometry("+500+200")
#创建lab标签
labelx=Label(rview,text="签名",fg="red",font=("宋体",30))
#显示lab标签 网格布局 sticky=W #左对齐 E为右对齐 默认为中间对齐
labelx.grid(row=0,column=0)
#创建输入框
entryx=Entry(rview,font=("宋体",20))
#显示输入框
entryx.grid(row=0,column=1)
#创建按钮
buttonx=Button(rview,text="确定",font=("宋体",30),command=butonck)
#显示按钮
buttonx.grid(row=1,column=2)
#显示后改变按钮属性
#buttonx["width"]=2


#消息循环 显示窗口
rview.mainloop()

其他补充：

按钮标签：

设置是否可点击buttonx.config(state=DISABLED)//不可按 NORMAL为正常

改变文字：buttonx["text"]="改变文字"

 

Lab标签：

改变文字内容：labx.config(text="改变文字")

改变文字样式：labx.config(font=("xx",100,"bold")) #字体，大小，加粗

获取标签上的内容：constr=labx["text"]

对齐方式为左上角：Label(rootv,text="123",justify=LEFT,font=("宋体",19),width=15,height=6,anchor='nw')

 

grid为表格布局

lab2.grid(row=2,columnspan=2)#columnspan为跨两列，对应 rowspan为跨行

sticky=“ew”#横向占满填充

 

其它属性：

padx和pady=10 #设置边距

bg为背景色；fg为前景色

布局默认：将页面尺寸去掉，则自动根据内容大小动态包裹

鼠标移动到此次改变箭头样式：标签.config(cursor="gumby")

对齐方式：anchor=W //W左E右

浮雕效果：relief=SUNKEN

 

pack布局：

标签.pack()默认为上居中随窗口移动不变

标签.pack(fill=X)#横向大小填充，内容居中

标签.pack(fill=BOTH,expand=True)#纵向大小填充，内容居中

标签.pack(fill=BOTH,expand=True)#填充全部，内容居中

标签.pack(side=LEFT) #全部向左靠

 

加载一张图片：

imgx = PhotoImage(file='dong.gif')

label = Label(image=imgx, width=20,height=20)

label.image = imgx

label.grid(row=1, column=1, sticky=W + E + N + S, padx=10, pady=10) #sticky=W + E + N + S 表示填充控件

 

可绑定的事件：

单击鼠标左键：<Button-1> #其中1为鼠标左键，2为鼠标右键，3为鼠标中键

左键移动：<B1-Motion>

左键释放：<ButtonRelease-1>

双击左键：<Double-Button-1>

进入：<Enter>

离开：<Leave>

获得光标:<FocusIn>

光标离开：<FoucusOut>

回车键：<Return>(F1,F2,F3,Delete…)

按任意键：<Key>

 

事件处理函数形参可用值：

输出点击的坐标：event.x event.y        如：<Button-1>事件

输出键盘按键对应的符号：event.char     如：<Key>事件

 

获取鼠标点击坐标实现：

关闭程序是出现弹出提示框：

 

子容器：

from tkinter import *
#创建窗口
rview=Tk()
#标题
rview.title("东小东")
#窗口基于屏幕的坐标 +x轴+y轴
rview.geometry("+500+200")
#创建lab标签
labelx=Label(rview,text="父容器Lab",font=("宋体",30))
#显示lab标签 网格布局 sticky=W #左对齐 E为右对齐 默认为中间对齐
labelx.grid(row=0,column=1)

#----------------------------------------------------------------------------

# 创建一个子容器，其父容器为rview
monty = LabelFrame(rview, text="== 子容器标题 ==")
monty.grid(column=0, row=0,padx=5,pady=5) #设置子容器在父容器的位置


#创建子容器里的按钮1
buttonx1=Button(monty,text="按钮1",font=("宋体",20),fg="red")
buttonx1.grid(row=0,column=0) #设置按钮在子容器的位置

#创建子容器里的按钮2
buttonx2=Button(monty,text="按钮2",font=("宋体",20),fg="green")
buttonx2.grid(row=1,column=0) #设置按钮在子容器的位置

#---------------------------------------------------------------------------

#消息循环 显示窗口
rview.mainloop()

 输入框内容操作

from tkinter import * 

def butonck():
    print(entryx.get())#输出输入框值
    
#创建窗口
rview=Tk()
#标题
rview.title("123")
#窗口大小 长高用小写x隔开
#rview.geometry("600x300")
#创建lab标签
labelx=Label(rview,text="输入:",fg="red",font=("宋体",30))
#显示lab标签 网格布局 sticky=W #左对齐 E为右对齐 默认为中间对齐
labelx.grid(row=0,column=0)
#创建输入框默认显示
entext = StringVar()
#创建输入框
entryx=Entry(rview,font=("宋体",20),textvariable=entext)
#显示输入框
entryx.grid(row=0,column=1)
#创建按钮
buttonx=Button(rview,text="确定",font=("宋体",30),command=butonck)
#显示按钮
buttonx.grid(row=0,column=2)

#-------------------------------------------------
#设置内容
entext.set('西')
#插入内容，最开始处
entryx.insert(0,'东')
#插入内容，光标位置开始
entryx.insert(INSERT,'想')
#插入内容，末尾
entryx.insert(END,'想')
#--------------------------------------------------

#消息循环 显示窗口
rview.mainloop()

文本框加滚动条实现：

from tkinter import *
#创建窗口
rview=Tk()
#标题
rview.title("东小东")
#窗口基于屏幕的坐标 +x轴+y轴
rview.geometry("+500+200")
#创建lab标签
labelx=Label(rview,text="文本框实现",font=("宋体",30))
#显示lab标签 网格布局 sticky=W #左对齐 E为右对齐 默认为中间对齐
labelx.grid(row=0,column=0)

#----------------------------------------------------------------------------

# 创建一个纵向滚动的滚动条,打包到窗口右侧，铺满Y方向
scrollbar = Scrollbar(rview, orient=VERTICAL,bg="red")  # orient默认为纵向
scrollbar.grid(row=2,column=0)

# 打包一个文本域到窗口，y方向滚动文本的监听丢给滚动条的set函数（文本域主动关联滚动条）
#高度和宽度确定的是字符个数（win)
text = Text(rview, width=50,height=10, yscrollcommand=scrollbar.set)
text.grid(row=2,column=0)

# 拉动滚动条时，改变文本域在y方向上的视图（滚动条主动关联文本域）
scrollbar.config(command=text.yview)

#---------------------------------------------------------------------------

#消息循环 显示窗口
rview.mainloop()

添加操作属性：

 text.delete(0.0, END)#清空文本框

text.insert(END, "追加的内容")

将opencv的图片转换到TK:

from PIL import Image, ImageTk

cv2image = cv2.cvtColor(tux, cv2.COLOR_BGR2RGBA)  # 转换颜色从BGR到RGBA
current_image = Image.fromarray(cv2image)  # 将图像转换成Image对象
imgx = ImageTk.PhotoImage(image=current_image)
label = Label(image=imgx)
label.image = imgx
label.grid(row=1, column=0, rowspan=4, sticky=W + E + N + S, padx=10, pady=10)  # sticky=W + E + N + S 表示填充控件

opencv视频流显示在TK

通过lab的方式会出现闪烁，通过画布方式完美解决

import threading
import cv2 
from tkinter import *
from PIL import Image, ImageTk
from tkinter import ttk

rootv = Tk()
rootv.title("东小东")

#创建lab标签
labelx=Label(rootv,text="东小东TK视频流",fg="red",font=("宋体",30))
labelx.grid(row=0,column=0)

#创建一个画布
canv = Canvas(rootv,width=640,height=480,bg = 'red')
canv.grid(row=1,column=0)

def show_video():
    global labelvvv
    vix=cv2.VideoCapture(2) #打开摄像头
    #imgtk=''
    while True:
        ret,tu=vix.read() #ret为返回值，tu为当前帧
        tu1=cv2.flip(tu,1)#图像反转，1为左右对换，-1为上下对换
        cv2image = cv2.cvtColor(tu1, cv2.COLOR_BGR2RGBA)# 转换颜色从BGR到RGBA  
        current_image = Image.fromarray(cv2image)  # 将图像转换成Image对象
        imgtk = ImageTk.PhotoImage(image=current_image)#img
        canv.create_image(0,0,anchor=NW,image=imgtk)#将图片添加到画布
        obr = imgtk

#开启线程
t1=threading.Thread(target=show_video,args=())
t1.start()

rootv.mainloop()

点击查看更多 Python Opencv 内容

---

Python的tkinter参考：http://effbot.org/tkinterbook

画布视频流：https://stackoverflow.com/questions/35319531/python-tkinter-canvas-root-after-maximum-recursion-depth-exceeded

教程参考：潭州教育