Tkinter (03) 畫布部件 Canvas

画布部件的创建及其选项

import tkinter as tk
parent = tk.Tk()
w = tk.Canvas(parent, option=value, ...)

画布的一些特性

• Coordinate 座标 - 左上角为 (0, 0), 右为正的 X 轴, 下为正的 Y 轴.
• Display list 显示列表 - 顺序为从背景到前景, 新项目加到列表的顶端.
• Object ID 项目识别码 - 唯一的整数
• Tags 标签名 - string, 可以代表没有或有一个以上的项目, 一个项目可以没有或有一个以上的标签. 标签用来代表其所有的项目, 可以用来一次设定其相闗的动作.
• tagOrId 标签名或项目识别码
  • integer 代表一个项目的识别码
  • string, 代表相关项目的标签名

画布中项目

import tkinter as tk
canvas = Tk.Canvas(...)

1. Arc 弧形
   (x0, y0) 为区域的左上角, (x1, y1) 为区域的右下角, 弧就以该区域作为其范围.

id_ = canvas.create_arc(x0, y0, x1, y1, option, ...)

2. Bitmap 点阵
   (x, y) 为点阵图的参考位置座标, 参考的定位由选项 anchor 而定.

id_ = canvas.create_bitmap(x, y, *options)

3. Image 图片
   (x, y) 为图片的参考位置座标, 参考的定位由选项 anchor 而定.

id_ = canvas.create_image(x, y, *options)

4. Line 线段
   (x0, y0), (x1, y1), …, (xn, yn) 为各线段中的点, 两点间为直线.

id_ = canvas.create_line(x0, y0, x1, y1, ..., xn, yn, option, ...)

5. Oval 椭圆
   (x0, y0) 为区域的左上角, (x1, y1) 为区域的右下角(不含), 弧就以该区域作为其范围.

id_ = canvas.create_oval(x0, y0, x1, y1, option, ...)

6. Polygon 多边形
   (x0, y0), (x1, y1), … 为多边形的各端点.

id_ = canvas.create_polygon(x0, y0, x1, y1, ..., option, ...)

7. Rectangle 矩形
   (x0, y0), (x1, y1) 外框与内部含 (x0, y0), 外框含 (x1, y1), 内部不含 (x1, y1), 外框为主.

id_ = canvas.create_rectangle(x0, y0, x1, y1, option, ...)

8. Text 文本
   以 (x, y) 作为参考点, 建立一个文本物件, 返回物件的 ID.

id_ = canvas.create_text(x, y, option)

画布部件有关项目的方法

范例视窗及代码

import math
import tkinter as tk

root = tk.Tk(className="canvas demo")

canvas = tk.Canvas(root, bg='green', width=640, height=480)
canvas.grid()

r = 220
x_offset, y_offset = 20, 240
points = [(x+x_offset, r*math.sin(x/90*math.pi)+y_offset) for x in range(600)]
ids    = [canvas.create_oval(x-1, y-1, x+1, y+1, fill='white', outline='white')
           for x, y in points]

line = {'arrow':tk.LAST, 'fill':'yellow', 'width':4}
line_x = canvas.create_line(10, 240, 630, 240, **line)
line_y = canvas.create_line(20, 470,  20,  10, **line)

x_label = canvas.create_text(620, 250, anchor=tk.E,  fill='yellow',
    text='Degree')
y_label = canvas.create_text( 25,  90, anchor=tk.NW, fill='yellow',
    text='Sin Curve', angle=90)
# angle option added for new version tkinter.

root.mainloop()

本作品采用《CC 协议》，转载必须注明作者和本文链接