Tkinter模块(5)-Canvas

内容摘要
        Canvas,中文意为画布,在Tkinter模块中对应的是一片矩形区域,给使用者提供绘图的空间,可以把图形、文本、椭圆或按钮等组件放在画布上,也可以进行图案的绘画、        在
文章正文

        Canvas,中文意为画布,在Tkinter模块中对应的是一片矩形区域,给使用者提供绘图的空间,可以把图形、文本、椭圆或按钮等组件放在画布上,也可以进行图案的绘画、

        在使用Canvas组件之前我们要先来学习一下它对应的屏幕坐标系。

        计算机中的图像我们一般用像素来作单位,每个像素会有2个值,我们在Canvas组件中,对应的窗口左上方的坐标为(0,0),也就是说在平面直角坐标系中对应的x轴和y轴都为0,窗口右下角的坐标为距离x轴和Y轴的两个最大值,如图:

tkinter16

        我们在Canvas画布中放置组件的时候,一定要保证组件坐标的正确。

        Canvas的语法结构为:

my_canvas = Canvas ( 父类, 可选项 )

        父类即为我们放置的上一层窗口名,可选项有bd、bg、continue、cursor、height、width、highlightcolor、relief、scrollregion等,这些选项在前面都有介绍,在这里就不作过多的讲解。

        Canves组件绘制图形的方法有多种,分别有create_line、create_rectangle、create_oval、create_arc、create_polygon,我们下面进行一一介绍。

    1. create_line − 创建线条

        语法格式如下:

canvas.create_line(x1, y1, x2, y2, ..., xn, yn, options)

        我们可以通过这种方法在画布上的两个或者n个点之间画出一条直线,前两个坐标(x1,y1)即为起始点,(xn,yn)为终点。

        代码如下:

import tkinter
class TK:
    def __init__(self):
        self.window = tkinter.Tk()
        self.canvas = tkinter.Canvas(self.window,width = 300,height = 300,bg = 'pink')
        self.canvas.create_line(30,30,100,200,200,200,300,200,300,300)
        self.canvas.pack()
        tkinter.mainloop()
m = TK()

        效果如图:

tkinter17

        我们选取的坐标为(30,30)->(100,200)->(200,200)->(300,300),根据上面的坐标我们画出上图。

    2. create_rectangle − 创建矩形

        创建矩形的语法格式为:

canvas.create_rectangle(x1,y1,x2,y2,可选项)

        矩形只需要2个坐标即可确定,因此我们只需要左上角和右下角的坐标(x1,y1)和(x2,y2),代码如下:

import tkinter
class TK:
    def __init__(self):
        self.window = tkinter.Tk()
        self.canvas = tkinter.Canvas(self.window,width = 300,height = 300,bg = 'pink')
        self.canvas.create_rectangle(100,100,200,200)
        self.canvas.pack()
        tkinter.mainloop()
m = TK()

        运行如图:

tkinter18

    3. create_oval − 创建椭圆

        语法格式如下:

canvas.create.oval(x1,y1,x2,y2,可选项)

        四个坐标对应的位置如图:

tkinter19

    4. create_arc − 创建弧形

        语法格式如下:

canvas.create_arc(x1,y1,x2,y2,start = angle,extent = width,可选项)

        其中,坐标对应的和上图中椭圆对应的一致,start中的值对应的是弧形的起始角度,extent是对应的是弧形逆时针角度范围。

        代码如下:

import tkinter
class TK:
    def __init__(self):
        self.window = tkinter.Tk()
        self.canvas = tkinter.Canvas(self.window,width = 300,height = 300,bg = 'pink')
        self.canvas.create_arc(60,60,220,220,start =0,extent = 120,fill ='blue')
        self.canvas.pack()
        tkinter.mainloop()
m = TK()

        运行如图:

tkinter20

    5. create_polygon − 创建多边形

        语法格式如下:

canvas.create_polygon(x1,y1,x2,y2,.....xn,yn,可选项)

        每个坐标对应一个位置,第一个为第一个顶点,依次链接,最后一个坐标自动关闭多边形。

        代码如下:

import tkinter
class TK:
    def __init__(self):
        self.window = tkinter.Tk()
        self.canvas = tkinter.Canvas(self.window,width = 300,height = 300,bg = 'pink')
        self.canvas.create_polygon(150,0,200,100,300,100,200,185,280,280,150,230,20,280,100,185,
        0,100,100,100,fill ='red')
        self.canvas.pack()
        tkinter.mainloop()
m = TK()

        运行图如下:

         

tkinter21

        大家可以通过坐标的改变去画出自己想要画出的图形,可选的参数还有dash、outline、sommth和width。

    6. 总结

        我们可以通过canvas去绘画出各式各样的图案,当然它也其他的功能,在下一节的例题中我们还会使用到它。

代码注释
[!--zhushi--]

作者:喵哥笔记

IDC笔记

学的不仅是技术,更是梦想!