欢迎关注我的专栏( つ•̀ω•́)つ【人工智能通识】
Tkinter透明文字
Tkinter是Python的一个第三方库，使用它可以开发出具有图形界面的windows或macOS系统下的软件，就像Office那样。
但是Tkinter真的挺难用的，比如说它的Label标签元件背景竟然是不能透明的，文字总是有个白色的底色，这很不好看。
Label元件是有img属性的，可以添加一个图片作为背景，如果这个图片和整体界面的背景匹配一致的话就可以实现类似透明文字的效果。
上图白框标识出的是裁切的Label元件img图片范围。即使如此，Label元件也无法实现让Label的文字和img图片左对齐（上图是居中对齐的情况）。
上图这三种情况是可以用Label实现的，通过设置compound参数即可。但下图却不可实现。
如果要实现比Label更加自由的文字效果，可以使用下面我基于Canvas画布元件编写的简单组件：
# 基于canvas的图文叠加元件，图文可左右对齐,提供修改文字的方法
'''
示例参考
self.bgimg = PIL.Image.open('./img/bg.jpg')
#...此处省略创建背景canvas代码
self.name_label=myLabel.myLabel(self.root,1120,220,360,120).setContent(img=self.bgimg,txt="未识别",fsize=80)
self.name_label.setText("马云").showBox()
'''
import tkinter
from tkinter import *
import PIL.Image
import PIL.ImageTk
class myLabel:
# 初始化只定位，不添加内容;
def __init__(self, root, px, py, wid, hei):
'''px,py左上角坐标，wid元件宽度，hei元件高度'''
self.root = root
self.region = (px, py, px+wid, py+hei)
self.canvas = tkinter.Canvas(
self.root, width=wid, height=hei, highlightthickness=0, bd=0)
self.canvas.place(x=px, y=py)
# 对img进行裁切，设为背景，初始化文字
def setContent(self, img, txt="按钮", fsize=48, fill="white", fweight="bold", tx=0, ty=0, anchor=tkinter.NW):
'''img必须是PIL.Image，可由PIL.Image.open('./..')得到；fsize文字大小，fill文字颜色，fweight文字粗细bold或normal，
tx,ty文字相对元件左上角偏移位置，anchor文字相对元件定位锚点，如果设置CENTER则需要手工计算tx，ty偏移'''
self.bgimg = img
self.txt = txt
self.fill = fill
self.tx = tx
self.ty = ty
self.anchor = anchor
self.font = ("Simhei", fsize, fweight)
self.img = self.bgimg.crop(self.region)
self.photo = PIL.ImageTk.PhotoImage(self.img)
self.canvas_img = self.canvas.create_image(
0, 0, image=self.photo, anchor=tkinter.NW)
self.canvas_txt = self.canvas.create_text(self.tx, self.ty, text=self.txt, fill=self.fill,
font=self.font,
anchor=self.anchor)
return self
# 改变文字内容
def setText(self, txt):
self.txt = txt
self.canvas.delete(self.canvas_txt)
self.canvas_txt = self.canvas.create_text(self.tx, self.ty, text=self.txt, fill=self.fill,
font=self.font,
anchor=self.anchor)
#self.canvas.update()
return self
# 显示边框
def showBox(self):
self.canvas.config(bd=1)
return self
# 隐藏边框
def hideBox(self):
self.canvas.config(bd=0)
return self
它的实现思路是：
- 根据初始化设定的px、py、wid、hei来限定一个矩形范围，然后从背景图img上截取一块图片，作为Canvas内底层放置create_image创建的图片。
- Canvas内在create_image上面创建一个文字create_text，这个文字可以实现任意的对齐效果。
- 实现一个setText方法用来修改文字内容。
- 实现showBox和hideBox来显示或关闭外框，以供参考和对齐。
使用摄像头画面
首先需要安装PIL和cv2:
pip install Pillow
pip install opencv-python
然后要特别注意fram到img到photo的格式转换。
基本思路是：
- 创建root
- 创建Canvas
- 用draw循环把相机的图片填充到Canvas对象
示例代码如下：
import tkinter
from tkinter import *
import cv2
import PIL.Image
import PIL.ImageTk
class app:
def __init__(self):
self.video = cv2.VideoCapture(0) #获取前置摄像头
self.vwidth = 1280
self.vheight = 720
self.root = tkinter.Tk()
self.root.geometry(f"{self.vwidth}x{self.vheight}")
#创建画布
self.canvas = tkinter.Canvas(self.root, width=self.vwidth, height=self.vheight, highlightthickness=0)
self.canvas.place(x=0, y=0)
self.draw()
self.root.mainloop()
def draw(self):
ret, frame = self.video.read()
if ret:
frame = cv2.cvtColor(frame, cv2.COLOR_BGR2RGB) #转换颜色，否则可能变色
img = PIL.Image.fromarray(frame) #转为Image
img = img.resize((self.vwidth, self.vheight), PIL.Image.ANTIALIAS) #重新缩放大小
img = img.transpose(PIL.Image.FLIP_LEFT_RIGHT) #左右翻转
self.photo = PIL.ImageTk.PhotoImage(img) #转为Photo
self.canvas.create_image(0, 0, image=self.photo, anchor=tkinter.NW)
self.root.after(100, self.draw)
app()
上面代码也包含了OpenCV缩放图像尺寸resize方法和翻转图像transpose方法。
代码并不是最简的，但强烈建议使用class定义模式编写代码，避免tkinter不必要的意外情况。
欢迎关注我的专栏( つ•̀ω•́)つ【人工智能通识】
每个人的智能新时代
如果您发现文章错误，请不吝留言指正；
如果您觉得有用，请点喜欢；
如果您觉得很有用，欢迎转载~
END
