Tk - Tuval Widget'ları

Kanvas, çizim alanları sağlamak için kullanılır. Tuval widget'ının sözdizimi aşağıda gösterilmiştir -

canvas canvasName options

Seçenekler

Kanvas pencere öğesi için kullanılabilen seçenekler aşağıdaki tabloda listelenmiştir -

Sr.No.	Sözdizimi ve Açıklama
1	-background color Widget için arka plan rengini ayarlamak için kullanılır.
2	-closeenough distance Fare imlecinin görüntülenebilir bir öğeye yakınlığını ayarlar. Varsayılan 1.0 pikseldir. Bu değer bir kesir olabilir ve pozitif olmalıdır.
3	-scrollregion boundingBox Bu tuvalin toplam alanı için sınırlayıcı kutu.
4	-height number Widget için yüksekliği ayarlamak için kullanılır.
5	-width number Widget için genişliğini ayarlar.
6	-xscrollincrement size Kaydırma istendiğinde yatay kaydırma miktarı.
7	-yscrollincrement size Kaydırma istendiğinde dikey kaydırılacak miktar.

Tuval widget'ına basit bir örnek aşağıda gösterilmektedir -

#!/usr/bin/wish

canvas .myCanvas -background red -width 100 -height 100 
pack .myCanvas

Yukarıdaki programı çalıştırdığımızda aşağıdaki çıktıyı alacağız -

Tuvalde Çizim için Pencere Öğeleri

Kanvas içinde çizim için mevcut widget'ların listesi aşağıda listelenmiştir -

Sr.No.	Widget ve Açıklama
1	Hat Bir çizgi çizer.
2	Ark Bir yay çizer.
3	Dikdörtgen Bir dikdörtgen çizer.
4	Oval Bir oval çizer.
5	Çokgen Bir çokgen çizer.
6	Metin Bir metin çizer.
7	Bit eşlem Bir bit eşlem çizer.
8	Resim Bir görüntü çizer.

Farklı tuval widget'larının kullanıldığı bir örnek aşağıda gösterilmiştir -

#!/usr/bin/wish

canvas .myCanvas -background red -width 200 -height 200 
pack .myCanvas
.myCanvas create arc 10 10 50 50 -fill yellow
.myCanvas create line 10 30 50 50 100 10 -arrow both -fill yellow -smooth true
   -splinesteps 2
.myCanvas create oval 50 50 100 80 -fill yellow
.myCanvas create polygon 50 150 100 80 120 120 100 190 -fill yellow -outline green
.myCanvas create rectangle 150 150 170 170  -fill yellow
.myCanvas create text 170 20 -fill yellow -text "Hello" -font {Helvetica -18 bold}
.myCanvas create bitmap 180 50 -bitmap info

Yukarıdaki programı çalıştırdığımızda aşağıdaki çıktıyı alacağız -