'''Tkinter教程之Canvas篇(1)''' # 提供可以用来进行绘图的Container，支持基本的几何元素，使用Canvas进行绘图时，所有的操作都是通过Canvas，不是通过它的元素 # 元素的表示可以使用handle或tag。 '''1.第一个Canvas程序''' # -*- coding: utf-8 -*- # 指定画布的颜色为白色 from tkinter import * root = Tk() # 创建一个Canvas，设置其背景色为白色 cv = Canvas(root, bg='white') cv.pack() root.mainloop() # 为明显起见，将背景色设置为白色，用以区别root
'''2.创建一个item''' # -*- coding: utf-8 -*- # 创建一个矩形，指定画布的颜色为白色 from tkinter import * root = Tk() # 创建一个Canvas，设置其背景色为白色 cv = Canvas(root, bg='white') # 创建一个矩形，坐标为(10,10,110,110) cv.create_rectangle(10, 10, 110, 110) '''3.指定item的填充色''' # 指定矩形的填充色为红色 cv.create_rectangle(120, 10, 220, 110, fill='red') '''4.指定item的边框颜色''' # 指定矩形的边框颜色为红色 cv.create_rectangle(10,120,110,220,outline = 'red') '''5.指定边框的宽度''' # 指定矩形的边框颜色为红色，设置线宽为5，注意与Canvas的width是不同的。 cv.create_rectangle(120,120,220,220,outline = 'red',width = 5) cv.pack() root.mainloop() # 为明显起见，将背景色设置为白色，用以区别root
'''6.画虚线''' # -*- coding: utf-8 -*- # 指定画布的背景色为白色 # 使用属性dash,这个值只能为奇数 from tkinter import * root = Tk() # 创建一个Canvas，设置其背景色为白色 # 指定矩形的边框颜色为红色,画虚线 cv = Canvas(root, bg='white') cv.create_rectangle(10, 10, 110, 110, outline='red', dash=10, fill='green') '''7.使用画刷填充''' cv.create_rectangle(120, 10, 220, 110, outline = 'red', stipple = 'gray12', fill = 'green') cv.pack() root.mainloop()
'''8.修改item的坐标''' # -*- coding: utf-8 -*- # 指定画布的背景色为白色 # 使用Canvas的方法来重新设置item的坐标 from tkinter import * root = Tk() # 创建一个Canvas，设置其背景色为白色 cv = Canvas(root, bg='white') rt = cv.create_rectangle(10, 10, 110, 110, outline='red', stipple='gray12', fill='green') cv.pack() # 重新设置rt的坐标（相当于移动一个item） cv.coords(rt, (40, 40, 80, 80)) root.mainloop() # 动态修改item的坐标
'''9.创建item的tags''' # -*- coding: utf-8 -*- # 使用属性tags设置item的tag # 使用Canvas的方法gettags获取指定item的tags from tkinter import * root = Tk() # 创建一个Canvas，设置其背景色为白色 cv = Canvas(root, bg='white') # 使用tags指定一个tag('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的坐标
'''10.多个item使用同一个tag''' # -*- coding: utf-8 -*- # 多个控件使用同一个tag from tkinter import * root = Tk() # 创建一个Canvas，设置其背景色为白色 cv = Canvas(root, bg='white') # 使用tags指定一个tag('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的坐标 # fid_withtag返回所有与tag绑定的item。
'''11.通过tag来访问item''' # -*- coding: utf-8 -*- # 得到了tag值也就得到了这个item，可以对这个item进行相关的设置。 from tkinter import * root = Tk() # 创建一个Canvas，设置其背景色为白色 cv = Canvas(root, bg='white') # 使用tags指定一个tag('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 item in cv.find_withtag('r3'): print(item) cv.itemconfig(item, outline='blue') root.mainloop() # 动态修改与tag('r3')绑定的item边框颜色
'''13.向其它item添加tag''' # -*- coding: utf-8 -*- # 使用addtag_来向上一个或下一个item添加tag from tkinter import * root = Tk() # 创建一个Canvas，设置其背景色为白色 cv = 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 item in [rt1, rt2, rt3]: print(cv.gettags(item)) cv.pack() root.mainloop() # Canvas使用了stack的技术，新创建的item总是位于前一个创建的item之上，故调用above时，它会查找rt2上面的item为rt3,故rt3中添加了tag('r4')， # 同样add_below会查找下面的item。
'''14.返回其它item''' # -*- coding: utf-8 -*- # 使用find_xxx查找上一个或下一个item from tkinter import * root = Tk() # 创建一个Canvas，设置其背景色为白色 cv = 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',width='5') # 查找rt2的下一个item,并将其边框颜色设置为绿色 cv.itemconfig(cv.find_below(rt2), outline='green',width='2') cv.pack() root.mainloop() # Canvas使用了stack的技术，新创建的item总是位于前一个创建的item之上，故调用above时， # 它会查找rt2上面的item为rt3,故rt3中边框颜色设置为红色，同样add_below会查找下面的item。