tkinter绘制组件（bleem）——超链接

引言
布局
- 函数结构
- 文本与背景
- 绑定事件
- 两种样式更换
- 鼠标点击
- 完整代码函数
效果
- 测试代码
- 最终效果
- 2022-5-15新样式
- 2022-8-12新样式
github项目
pip下载
结语

引言

在TinUI带状等待框这一篇文章中，我提到了TinUI的20号组件。但是有人提问了，第二篇刷新滚动范围也算是组件吗？那当然不是，看完这一篇文章就知道了。

TinUI截止目前（2022年2月5日）确实有20个组件，其中就有本篇的主角，超链接，我也不知道之前为什么没写。但是介于之前已经有了这个组件，我就加上了“bleem”编号。

超链接的作用不言而喻，经过几次样式更改后，最终确定了WinUI3风格的超链接。当然，这都是在link组件已经完成之后的更改。

为什么使用“bleem”编号，这是因为“bleem”是介于3和4之间的整数。不要问为什么，最近看了一部电影。

布局

函数结构

def add_link(self,pos:tuple,text,url:Union[str,FunctionType],fg='#4f62ca',activefg='red',activebg='#eaeaea',font:tuple=('微软雅黑',12),anchor='nw'):#绘制超链接'''pos::其实位置text::文本url::指向的链接或函数fg::字体颜色activefg::响应鼠标字体颜色activebg::响应鼠标背景颜色font::字体anchor::对齐方向'''

有意思的是，url参数允许str类和function类，这就代表了这不仅是超链接，还可以是作为窗口界面与界面之间的内部链接。

文本与背景

如果在之前写这一篇文章，我一定会详细说明tkinter画布绘制控件的过程，但现在这么多篇了，我就直接给代码了：

link=self.create_text(pos,text=text,fill=fg,font=font,anchor=anchor)
uid='link'+str(link)
self.itemconfig(link,tags=uid)
font=self.itemcget(link,'font')+' underline'
self.itemconfig(link,font=font)
bbox=self.bbox(link)
back=self.create_rectangle((bbox[0]-2,bbox[1]-2,bbox[2]+2,bbox[3]+2),width=0,tags=uid)
self.tkraise(link)

绑定事件

因为link需要响应鼠标进出事件，而且还需要绑定点击事件，因此我们需要为文本和背景分别绑定各自的事件函数。

self.tag_bind(link,'<Enter>',turn_red)
self.tag_bind(link,'<Leave>',turn_back)
self.tag_bind(link,'<Button-1>',go_url)
self.tag_bind(back,'<Enter>',turn_red)
self.tag_bind(back,'<Leave>',turn_back)
self.tag_bind(back,'<Button-1>',go_url)

两种样式更换

鼠标进入：

def turn_red(event):self.itemconfig(link,fill=activefg)self.itemconfig(back,fill=activebg)self['cursor']='hand2'

鼠标离开：

def turn_back(event):self.itemconfig(link,fill=fg)self.itemconfig(back,fill='')self['cursor']='arrow'

鼠标点击

此刻，我们还需要判断参数url是什么东东就可以完成组件绘制了。

我也不知道为何，Python内置函数中没有function。可能是因为和str, int, list等内置参数相比，Python不允许直接使用函数来创建函数。因此，我使用的是types中的FunctionType来表示函数类，但是鼠标点击的函数中没有使用，而在参数限制类中起作用。

def go_url(event):#如果是字符串，则打开网页；是方法，则执行函数if type(url)==str:webopen(url)else:url(event)

完整代码函数

def add_link(self,pos:tuple,text,url:Union[str,FunctionType],fg='#4f62ca',activefg='red',activebg='#eaeaea',font:tuple=('微软雅黑',12),anchor='nw'):#绘制超链接def turn_red(event):self.itemconfig(link,fill=activefg)self.itemconfig(back,fill=activebg)self['cursor']='hand2'def turn_back(event):self.itemconfig(link,fill=fg)self.itemconfig(back,fill='')self['cursor']='arrow'def go_url(event):#如果是字符串，则打开网页；是方法，则执行函数if type(url)==str:webopen(url)else:url(event)def disable(fg='#b0b0b0'):self.itemconfig(link,state='disable',fill=fg)self.itemconfig(back,state='disable')def active():self.itemconfig(link,state='normal',fill=fg)self.itemconfig(back,state='normal')link=self.create_text(pos,text=text,fill=fg,font=font,anchor=anchor)uid='link'+str(link)self.itemconfig(link,tags=uid)font=self.itemcget(link,'font')+' underline'self.itemconfig(link,font=font)bbox=self.bbox(link)back=self.create_rectangle((bbox[0]-2,bbox[1]-2,bbox[2]+2,bbox[3]+2),width=0,tags=uid)self.tkraise(link)self.tag_bind(link,'<Enter>',turn_red)self.tag_bind(link,'<Leave>',turn_back)self.tag_bind(link,'<Button-1>',go_url)self.tag_bind(back,'<Enter>',turn_red)self.tag_bind(back,'<Leave>',turn_back)self.tag_bind(back,'<Button-1>',go_url)funcs=[disable,active]return link,funcs,uid

效果

测试代码

def test(event):a.title('TinUI Test')b.add_paragraph((50,150),'这是TinUI按钮触达的事件函数回显，此外，窗口标题也被改变、首行标题缩进减小')b.coords(m,100,5)
def test1(word):print(word)
def test2(event):ok1()
def test3(event):ok2()
def test4(event):from time import sleepfor i in range(1,101):sleep(0.02)progressgoto(i)
def test5(result):b.itemconfig(scale_text,text='当前选值：'+str(result))if __name__=='__main__':a=Tk()a.geometry('700x700+5+5')b=TinUI(a,bg='white')b.pack(fill='both',expand=True)m=b.add_title((600,0),'TinUI is a test project for futher tin using')m1=b.add_title((0,680),'test TinUI scrolled',size=2,angle=24)b.add_paragraph((20,290),'''     TinUI是基于tkinter画布开发的界面UI布局方案，作为tkinter拓展和TinEngine的拓展而存在。目前，TinUI已可应用于项目。''',angle=-18)b.add_paragraph((20,100),'下面的段落是测试画布的非平行字体显示效果，也是TinUI的简单介绍')b.add_button((250,450),'测试按钮',activefg='white',activebg='red',command=test,anchor='center')b.add_checkbutton((80,430),'允许TinUI测试',command=test1)b.add_label((10,220),'这是由画布TinUI绘制的Label组件')b.add_entry((250,330),350,'这里用来输入')b.add_separate((20,200),600)b.add_radiobutton((50,480),300,'sky is blue, water is blue, too. So, what is your heart',('red','blue','black'),command=test1)b.add_link((400,500),'TinGroup知识库','http://tinhome.baklib-free.com/')b.add_link((400,530),'执行print函数',print)_,ok1,_=b.add_waitbar1((500,220),bg='#CCCCCC')b.add_button((500,270),'停止等待动画',activefg='cyan',activebg='black',command=test2)bu1=b.add_button((700,200),'停止点状滚动条',activefg='white',activebg='black',command=test3)[1]bu2=b.add_button((700,250),'nothing button 2')[1]bu3=b.add_button((700,300),'nothing button 3')[1]b.add_labelframe((bu1,bu2,bu3),'box buttons')_,_,ok2,_=b.add_waitbar2((600,400))b.add_combobox((600,550),text='你有多大可能去珠穆朗玛峰',content=('20%','40%','60%','80%','100%','1000%'))b.add_button((600,480),text='测试进度条（无事件版本）',command=test4)_,_,_,progressgoto,_,_=b.add_progressbar((600,510))b.add_table((180,630),data=(('a','space fans over the\nworld','c'),('you\ncan','2','3'),('I','II','have a dream, then try your best to get it!')))b.add_paragraph((300,850),text='上面是一个表格')b.add_onoff((600,100))b.add_spinbox((680,100))b.add_scalebar((680,50),command=test5)scale_text,_=b.add_label((890,50),text='当前选值：2')b.add_info((680,140),info_text='this is info widget in TinUI')mtb=b.add_paragraph((0,720),'测试菜单（右键单击）')b.add_menubar(mtb,cont=(('command',print),('menu',test1),'-',('TinUI文本移动',test)))ttb=b.add_paragraph((0,800),'TinUI能做些什么？')b.add_tooltip(ttb,'很多很多')b.add_back(pos=(0,0),uids=(ttb,),bg='cyan')_,_,ok3,_=b.add_waitbar3((600,800),width=240)b.add_button((600,750),text='停止带状等待框',command=lambda event:ok3())b.add_textbox((890,100),text='这是文本输入框')a.mainloop()

最终效果

2022-5-15新样式

圆角背景
提供目标函数参数command，优先级高于url，接受url参数

2022-8-12新样式

如果参数为超链接，则显示网址（保证安全，最近看了一下WinUI3发现大事不妙）。

github项目

TinUI的github项目地址

pip下载

pip install tinui

结语

TinUI推出了最新的现代化xml布局方式——TinUIXml。赶快去使用吧！！！

tkinter绘制组件（bleem）——超链接相关推荐

tkinter绘制组件（18）——菜单
tkinter绘制组件(18)--菜单引言布局函数结构为画布对象绑定事件绘制菜单原型计算最终菜单窗口的尺寸菜单相应事件菜单窗口焦点完整代码函数效果测试代码最终效果 2021-1 ...
tkinter绘制组件（9）——点状等待框
tkinter绘制组件(9)--点状等待框引言布局函数结构背景移动点动画样式组件与单点控制单点移动结束函数完整代码函数效果测试代码最终效果 2021-7-30新样式 gith ...
tkinter绘制组件（30）——便笺
tkinter绘制组件(30)--便笺引言布局函数结构元素布局标题内容文本大背景调整元素层级绑定拖动事件完整代码函数效果测试代码最终效果 github项目 pip下载结语 ...
tkinter绘制组件（12）——表格
tkinter绘制组件(12)--表格引言构思外观绘制方法布局函数结构绘制表头绘制表格内容获取高度和重绘完整代码函数效果测试代码最终效果 2021-12-12新样式 2022 ...
tkinter绘制组件（28）——评星级控件
tkinter绘制组件(28)--评星级控件引言布局函数结构绘制星级绑定事件共同的背景完整代码函数效果测试代码最终效果 2020-8-9新改进 2023-1-16新改进 2023- ...
tkinter绘制组件（10）——组合框/下拉框
tkinter绘制组件(10)--组合框/下拉框引言构思样式与功能(初次构想) 样式与功能(二次构想) 布局函数结构闭合状态下拉框选项框整合选项框展开与闭合完整代码函数效果测试代 ...
python创建按钮_掌握Python之Tkinter按钮组件的创建及使用
不学python功能按钮肯定是不完整的啊,尤其是在使用python过程中,大量需要使用的tkinter,要怎么利用这个模块去创建个功能键呢?一起来看下吧~ 使用tkinter.Tk() 生成主窗口(r ...
tkinter浏览器组件
tkinter浏览器组件引言构思 tcl方面 dll方面嵌入窗口! 创建浏览器窗口语言选择创建窗口嵌入窗口新的tkinter浏览器组件:2021-8-10更新 tkinterie的简单使 ...
第12章 GUI编程与Tkinter相关组件介绍
本章的知识点: 1.了解GUI程序开发: 2.学习Tkinter的主要组件内容: 12.1 GUI程序开发简介 12.2 Tkinter与主要组件创建和运行GUI程序,需要5步: 1.导入Tkin ...

tkinter绘制组件（bleem）——超链接

tkinter绘制组件（bleem）——超链接

引言

布局

函数结构

文本与背景

绑定事件

两种样式更换

鼠标点击

完整代码函数

效果

测试代码

最终效果

2022-5-15新样式

2022-8-12新样式

github项目

pip下载

结语

tkinter绘制组件（bleem）——超链接相关推荐

最新文章

热门文章