Tkinter (03) 畫布部件 Canvas

畫布部件的建立及其選項

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

bd or borderwidth	邊框寬度, 預設值 2 點
bg or background	背景色, 預設值 '#E4E4E4' 淡灰色
closeenough	該距離以內都算該部件的範圍之內, float, 預設值 1.0
confine	畫布無法在scrollregion之外滾動, 預設為 True
cursor	滑鼠懸停在畫布上時顯示的游標
height	畫布的 Y 尺寸
highlightbackground	非聚焦時高亮顏色
highlightcolor	聚焦時高亮顏色
highlightthickness	高亮厚度, 預設為 1
relief	畫布的浮雕樣式，預設為 tk.FLAT/td>
scrollregion	畫布可以滾動的區域, tuple (left, top, right, bottom)
selectbackground	所選專案的背景色
selectborderwidth	所選專案的邊框寬度
selectforeground	所選專案的前景色
takefocus	TAB 鍵在畫布是否會迴圈焦點, 1 則會, 為空字串, 則僅在具有鍵繫結下迴圈焦點.
width	畫布的X尺寸
xscrollincrement	X 維度上的滾動單位,設定為 0, 則可以滾動到的任何位置
xscrollcommand	水平滾動條 scrollbar.set() 方法
yscrollincrement	Y 維度上的滾動單位,設定為 0, 則可以滾動到的任何位置
yscrollcommand	垂直滾動條 scrollbar.set() 方法

畫布的一些特性

• 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, ...)

畫布部件有關專案的方法

範例視窗及程式碼

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 協議》，轉載必須註明作者和本文連結