人工智能通识人工智能

【编程】Python实战手记-3

2019-09-28  本文已影响0人  zhyuzh3d

欢迎关注我的专栏( つ•̀ω•́)つ【人工智能通识】


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

它的实现思路是:

使用摄像头画面

首先需要安装PIL和cv2:
pip install Pillow
pip install opencv-python

然后要特别注意fram到img到photo的格式转换。

基本思路是:

示例代码如下:

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

上一篇 下一篇

猜你喜欢

热点阅读