tkinter通过label实现balloon以及延伸

tkinter-label实现balloon

引言

虽然,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的控件绑定相应的事件。

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

另外,我们需要的气泡提示框是离鼠标尽可能近,但是不能够到窗口的范围之外,所以需要用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('<Enter>',lambda event:Balloon_show(event,msg='in_fo',fg='blue',bg='black'))#lambda传递额外参数,event不能少。
showb.bind('<Leave>',Balloon_destroy)

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

TinReader是我编写的一个标签解析呈现器里的一个组件

延伸

实际(理论)上,tkinter的任何控件都可以如此进行小加工。如果用tkinter编写代码编辑器,可以使用Combobox,让其在编辑框内离鼠标最近的位置显示可能会要输出的词语。
通过将鼠标移动到一个控件内,可以弹出相应的提示或工具栏(附带按钮)。
这些我目前还没有验证,等往后再更新代码片段。

TinReader

这是我自己编写的一个标签解析呈现器,是TinGroup中的一个组件,用来实时解析呈现*.tin格式文件(还有*.tinx等),可以让读者跟随编写者的思路阅读文本。
其解析的文件格式是我自定的风格标签文件(Tin标记语言)。
使用baklib搭建的Tin知识库

写在最后

(这句话好像在 “tkinter创建动态出现窗口” 这篇博文出现过)
虽然tkinter在视觉上和控件丰富性上比不上wx或pyqt,但是我们仍然可以通过一些细节的修改或增加来优化tkinter。如果你有更加好的方法,欢迎在评论区留言~~

☀tkinter创新☀

  • 5
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值