tkinter -- Canvas(2)

创建 item 的 tags

使用属性 tags 设置 item 的 tag

使用 Canvas 的方法 gettags 获取指定 item 的 tags

代码:

import tkinter as tk
root = tk.Tk()
# 创建一个 Canvas,设置其背景色为白色
cv = tk.Canvas(root, bg='white')

# 使用 tags 指定一个 tags('r1')
rt = cv.create_rectangle(10, 10, 110, 110, tags='r1')
cv.pack()
print(cv.gettags(rt))
# 使用 tags 属性指定多个 tags,即重新设置 tags 的属性
cv.itemconfig(rt, tags=('r2', 'r3', 'r4'))
print(cv.gettags(rt))
root.mainloop()

结果:

多个 item 使用同一个 tag

多个控件使用同一个 tag

代码:

import tkinter as tk
root = tk.Tk()
# 创建一个 Canvas,设置其背景色为白色
cv = tk.Canvas(root, bg='white')

# 使用 tags 指定一个 tags('r1')
rt = cv.create_rectangle(10, 10, 110, 110, tags=('r1', 'r2', 'r3'))
cv.pack()
cv.create_rectangle(20,20,80,80,tags='r3')
print(cv.find_withtag('r3'))
root.mainloop()

结果:

动态修改 item 的坐标

find_withtag 返回所有与 tag 绑定的 item

通过 tag 来访问 item

得到了 tag 值也就得到了这个 item,可以对这个 item 进行相关的设置

代码:

import tkinter as tk
root = tk.Tk()
# 创建一个 Canvas,设置其背景色为白色
cv = tk.Canvas(root, bg='white')

# 使用 tags 指定一个 tags('r1')
rt = cv.create_rectangle(10, 10, 110, 110, tags=('r1', 'r2', 'r3'))
cv.pack()
cv.create_rectangle(20, 20, 80, 80,tags='r3')
# 将所有与tag('r3')绑定的item边框颜色设置为蓝色
for i in cv.find_withtag('r3'):
    cv.itemconfig(i, outline='blue')
root.mainloop()

结果:

动态修改与 tag('r3')绑定的 item 边框颜色

向其它 item 添加 tag

使用 addtag_来向上一个或下一个 item 添加 tag

代码:

import tkinter as tk
root = tk.Tk()
# 创建一个 Canvas,设置其背景色为白色
cv = tk.Canvas(root, bg='white')

# 创建三个rectangle
rt1 = cv.create_rectangle(10, 10, 110, 110, tags=('r1', 'r2', 'r3'))
rt2 = cv.create_rectangle(20, 20, 80, 80, tags=('s1', 's2', 's3'))
rt3 = cv.create_rectangle(30, 30, 70, 70, tags=('y1', 'y2', 'y3'))
# 向 rt2的上一个 item 添加 r4
cv.addtag_above('r4', rt2)
# 向 rt2的下一个 item 添加 r5
cv.addtag_below('r5', rt2)

for i in [rt1, rt2, rt3]:
    print(cv.gettags(i))
cv.pack()
root.mainloop()

结果:

Canvas 使用了 stack 的技术,新创建的 item 总是位于前一个创建的 item 之上,故调用above 时,它会查找 rt2上面的 item 为 rt3,故 rt3中添加了 tag('r4'),同样 add_below 会查找下面的 item

返回其它 item

使用 find_xxx 查找上一个或下一个 item

代码:

import tkinter as tk
root = tk.Tk()
# 创建一个 Canvas,设置其背景色为白色
cv = tk.Canvas(root, bg='white')

# 创建三个rectangle
rt1 = cv.create_rectangle(10, 10, 110, 110, tags=('r1', 'r2', 'r3'))
rt2 = cv.create_rectangle(20, 20, 80, 80, tags=('s1', 's2', 's3'))
rt3 = cv.create_rectangle(30, 30, 70, 70, tags=('y1', 'y2', 'y3'))
# 查找 rt2的上一个 item,并将其边框颜色设置为红色
cv.itemconfig(cv.find_above(rt2), outline='red')
# 查找 rt2的下一个 item,并将其边框颜色设置为绿色
cv.itemconfig(cv.find_below(rt2), outline='green')

cv.pack()
root.mainloop()

结果:

Canvas 使用了 stack 的技术,新创建的 item 总是位于前一个创建的 item 之上,故调用above 时,它会查找 rt2上面的 item 为 rt3,故 rt3中边框颜色设置为红色,同样 add_below会查找下面的 item

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏禅林阆苑

前端拾零01—checkbox&radio&select总结

前端拾零收录日常开发中一些很常见很基础的前端操作,省去每次google甚至答案错误的烦恼

2K66
来自专栏十月梦想

Vue入门基础之组件插槽(slot)使用

组件的内容一般是在子组件中直接声明的,那么我们能不能再父组件进行自己去定义内容进行渲染呢?当然是可以的,slot就提供了极大的便利!下面看一下slot用法!

1401
来自专栏Youngxj

CSS3随机背景图片切换特效

7246
来自专栏知道一点点

bootstrap快速入门笔记(一)

863
来自专栏Spring相关

Vue中webpack的Style的lang和Scoped属性

修改goods.vue中的style我们会发现到goods的时候回影响到其他的div样式,添加scoped作用域可以解决这个问题,如下:

1712
来自专栏happyJared

IDEA快捷键拆解系列(十五):经验篇

  本文整理了一些博主本人在学习工作中比较常用到的快捷键,有需要的可以参考一下,也欢迎留言补充。

1211
来自专栏coding

v-if与v-show实例

1534
来自专栏程序员的知识天地

H5学习从0到1-H5的表单(11)

input:输入域,type属性可以设置text,password,button等不同的属性

1021
来自专栏林冠宏的技术文章

Golang 编写的图片压缩程序,质量、尺寸压缩,批量、单张压缩

目录:   前序   效果图   简介   全部代码 前序: 接触 golang 不久,一直是边学边做,边总结,深深感到这门语言的魅力,等下要跟大家分享是最近...

79710
来自专栏Huramkin的归档库

VSCode的快捷键

|快捷键|作用| |Alt + Click| 插入光标-支持多个| |Ctrl + Alt + up/down |上下插入光标-支持多个| |Ctr...

1.1K1

扫码关注云+社区