tkinter通过label实现balloon以及延伸

Iola ·

更新时间:2024-09-20

· 563 次阅读

tkinter-label实现balloon引言实现延伸TinReader写在最后引言

虽然，balloon这个小型控件存在于 tkinter.tix 中，但是能够给我们进行使用和创作的参数实在是太少了。（而且还必须在tix创建的Tk窗口中使用）
对于balloon的改进，我们可以尝试自己创造的一个能够自定义字体、颜色、边框样式的新balloon。符合这个想法的，首先应该就是Label，~~让我们对它进行开刀。~~

实现

这里我因为是在自己的一个程序里编写，而这个程序需要多次引用这个控件的部分函数，所以我 ~~因为懒~~ 就没写类，直接用函数完成。

先看看怎么创建Label。很简单，随便创建一个，但不布局。

from tkinter import Tk,Label#... ttk的label有点坑，这里用tkinter的
root=Tk()
#...
balloon=Label(root)#没错。第一步完成了

接下来，我们想象tix里的balloon的出现：当鼠标进入控件的时候，气泡提示框出现，离开时提示框消失。很明显，我们需要将需要balloon的控件绑定相应的事件。

提示框不可能在控件里跟着鼠标一起走，所以我们选用和，而不是获取焦点。

另外，我们需要的气泡提示框是离鼠标尽可能近，但是不能够到窗口的范围之外，所以需要用place布局。

先来编写balloon的出现和关闭函数。

def Balloon_shwo(event,msg,fg=None,bg=None):#前景色和背景色可有可无，往后可以增加字体自定义
    try:
        balloon.place_forget()
    except:
        pass#如果有存在的气泡提示框，那么隐藏，但不销毁
    balloon['fg']=fg    
    balloon['bg']=bg    
    balloon['text']=msg    
    if event.x_root>620:#我的窗口是750宽度，所以鼠标超过620就要矫正布局
        balloon.place(x=event.x_root-180,y=event.y_root-50)    
    else:
        balloon.place(x=event.x_root,y=event.y_root-50)
#我目前还没考虑高度限制

关于绑定事件的event参数，具体内容查看这篇文章。
鼠标离开，关闭函数。

def Balloon_destroy(event):
    try:
        ballon.place_forget()
    except:
        pass
#很简单，对吧？

我们现在有一个按钮，需要绑定提示气泡。

showb=Button(root,text='test')
showb.pack()#...
showb.bind('',lambda event:Balloon_show(event,msg='in_fo',fg='blue',bg='black'))#lambda传递额外参数，event不能少。
showb.bind('',Balloon_destroy)

至此，我们完成了对tix.Balloon的升级。效果如下↓
右上角的按钮，“打开/关闭 TinReader拓展工具栏” 就是自制的balloon
右上角按钮的下方就是我自制的气泡提示框。