Delphi'de grafiksel bilgilerin görüntülenmesine yönelik bileşen. "Delphi'de grafiksel bilgilerin görüntülenmesi" konulu sunum. Grafik bilgilerini görüntülemek için bileşenlerin listesi

LABORATUVAR İŞİ

DERS: « Grafik girişiDelfi– en basitinin yapımı
geometrik şekiller"

Teoriden kısa bilgi

Delphi, geliştiriciye grafikleri görüntülemek için üç yol sunar:

program çalışırken çizim yapma

önceden oluşturulmuş grafiklerin kullanımı

grafik bileşenlerini kullanarak görüntü oluşturma

Grafikler oluşturmak için çizim araçları ve yöntemleri sağlayan özel sınıflar oluşturulmuştur: araçlar üç sınıfta açıklanmıştır - Tfont, Tpen, Tbrush; Çizim alanı ve yöntemleri Tcanvas sınıfı tarafından sağlanır.

SınıfTfont– metni tuvalde görüntülemek için kullanılan yazı tipinin özelliklerini belirtir. Sınıfın özellikleri “Çoğu bileşen için mevcut temel özellikler” bölümünde açıklanmaktadır.

SınıfKalem– çizgilerin çizildiği kalemin (kurşun kalemin) özelliklerini belirtir.

Özellikler sınıf Kalem:

Renk:Tcolor – çizgi rengi (varsayılan – siyah)

Genişlik:integer – piksel cinsinden çizgi kalınlığı;

Stil = (psSolid, psDash, psDot, psdashDot, psClear) – çizgi stilini tanımlar (düz, kesikli, noktalı, kesikli noktalı, görünmez)

SınıfTfırça– görüntünün yüzeyini boyayan fırçanın özelliklerini ayarlar.

Özellikler sınıf Tfırça:

Renk:Tcolor – fırça rengi (varsayılan – beyaz)

Stil– fırça deseni, aşağıdaki değerleri alabilir:

BsSolid – katı renklendirme

BsClear – gölgeleme eksikliği

BsVertical – dikey çizgiler

BsBdiagonal – sağ çapraz çizgiler

BsDiagCross - eğik hücre

BsHorizontal – yatay çizgiler

BsFdiagonal – sol çapraz çizgiler

BsCross – kafes

SınıfTkanvas– oluşturulan görüntünün yerleştirileceği yüzeyi ve görüntünün oluşturulduğu araçları belirler: yazı tipi, kalem, fırça.

Varsayılan olarak, formun istemci alanının tamamı çalışma alanı (tuval) olarak kullanılır (başlık, ana menü ve formun kaydırma çizgileri olmadan), ancak bileşenleri kullanarak formun içinde daha küçük çalışma alanları ayırabilirsiniz. Boya Kutusu veya Resim. Kanvas koordinatının orijini çalışma alanının sol üst köşesidir, çalışma alanının genişliği özellik tarafından belirlenir. İstemci Genişliği, yükseklik – özellik İstemci Yüksekliği.

Özellikler sınıf Tkanvas:

Tuval:Tcanvas – çizim alanını tanımlar

Fırçalamak:Tbrush – kapalı şekilleri doldurmak için fırça

Yazı tipi:Tfont – metni tuval üzerinde görüntülemek için kullanılan yazı tipi

Dolma kalem:Tpen – çizim için kalem (kalem)

KalemPos:Tpoint – görünmez imlecin tuval üzerindeki geçerli konumu

Yorum : Tpoint türü – aşağıdaki şekilde tanımlanır:

Tip Noktası = kayıt

Piksel: Tcolor - tuval piksellerinin renklerini, X, Y - piksel koordinatlarını ayarlar. Piksel özelliği, seçilen rengin noktalarını kullanarak grafikleri çizmek için kullanışlıdır.

TCanvas sınıfının ana yöntemleri

prosedür Taşınmak(x,y:tamsayı); - Kalemi, koordinatları (x, y) olan bir noktaya çizgi çizmeden hareket ettirir.

Prosedür HatTo(x,y:tamsayı); - geçerli noktadan koordinatları (x, y) olan noktaya bir çizgi çizer.

Örnek : Şeklin sol üst köşesinden sağ alt köşesine kadar şeklin üzerine çapraz mavi bir çizgi çizin.

Kalem.rengi:= clblue;

MoveTo(0,0); LineTo(ClientWidth, ClientHeight);

prosedür Dikdörtgen(x1,y1,x2,y2:tamsayı); - bir dikdörtgen çizer: x1,y1 – sol üst köşenin koordinatları; x2, y2 sağ alt köşenin koordinatlarıdır.

Örnek : Şeklin ortasına kenarı 60 piksel olan sarı gölgeli bir kare çizin.

var Xc,Yc: tamsayı; //

Xc:=İstemci Genişliği div 2;

Xy:=İstemci Yüksekliği div 2;

Canvas.Brush.color:=cyellow;

Canvas.rectangle(xc-30,Yc-30,xc+30,Yc+30);

prosedür Elips(x1,y1,x2,y2:tamsayı); - belirtilen koordinatlara sahip bir dikdörtgenin içine yazılmış bir elips çizer.

Örnek : PaintBox bileşenine yazılı bir elips çizin.

PaintBox1.Canvas.Pen.Width:=4; //çizgi genişliği = 4 piksel

PaintBox1.Canvas.Ellipse(0,0, PaintBox1.ClientWidth, PaintBox1.ClientHeight);

prosedür Çokgen(); - bir koordinat dizisi tarafından belirtilen kapalı bir çokgen çizer.

Örnek : şeklin kenarlarının orta noktalarını birleştiren içi dolu bir baklava çizin

Var Xc,Yc:tamsayı; // formun istemci alanının merkezinin koordinatları

Xc:=İstemci Genişliği div 2;

Xy:=İstemci Yüksekliği div 2;

Canvas.Fırça.Renk:=Rgb(275,140,70); // turuncu renk gölgeleme

Canvas.Polygon();

son;

Prosedür Yay(x1,y1,x2,y2,x3,y3,x4,y4:tam sayı); - bir dikdörtgen (x1, y1, x2, y2) ile sınırlanan bir elipsin yayını görüntüler. Yay, koordinatları (x3,y3) olan bir noktadan koordinatları (x4,y4) olan bir noktaya kadar görüntülenir. aykırı saat yönünde.

Örnek : bileşenin üst tarafının ortasını birleştiren bir elips yay çizin
PaintBox sağ tarafının ortasıyla.

Prosedür Tform1.Button1Click(Sender:Tobject);

Var X3,y3,x4,y4: Tamsayı;

PaintBox1 ile şunu yapın:

Kanvas.Kalem.Renk:= clBeyaz;

Kanvas.Kalem.Genişliği:= 3;

Canvas.rectangle(0, 0, PaintBox1.ClientWidth, PaintBox1.ClientHeight);

X3:= ClientWidth div 2;

X4:= İstemci Genişliği;

Y4:= İstemci Yüksekliği bölüm 2;

Kanvas.Kalem.Renk:= clBordo;

Canvas.ARC(0, 0, PaintBox1.ClientWidth, PaintBox1.ClientHeight, x3, y3, x4, y4);

Son;

prosedür Akor(x1,y1,x2,y2,x3,y3,x4,y4:tam sayı); - bir akor çizer - elipsin 2 noktasını birleştiren düz bir çizgi: koordinatları (x3, y3) olan bir nokta ile (x4, y4) noktası.

Örnek : ARC yöntemi için verilen örnekte Chord yöntemini değiştirin ve aşağıdaki sonucu elde edin.

prosedür Turta(x1,y1,x2,y2,x3,y3,x4,y4:tam sayı); - elipsin merkezini (x3,y3) ve (x4,y4) koordinatlarına bağlayan bir elips parçası çizer.

Örnek : ARC yöntemi için verilen örnekte PIE yöntemini hayal edin ve bu sonucu elde edin.

prosedür Metin Çıkışı(x,y:tamsayı;Metin:dize); - Metin parametresinde iletilen dizenin, sol üst köşesi belirtilen bir dikdörtgene çıktısını verir x,y koordinatları. Yazı tipi özellikleri Yazı Tipi aracı tarafından ayarlanır.

Örnek : Çizilen grafiğin adını formun altına yazın.

Kanvas.Yazı Tipi.Yüksekliği:=20 ; //karakter yüksekliği 20 piksel

Canvas.Font.Renk:=clblue;

Canvas.TextOut(10, ClientHeight-24, 'SIN(X) fonksiyonunun grafiği');

Grafik bileşenleri

Delphi, geliştirmenize olanak tanıyan bir dizi hazır bileşen sunar Kullanıcı arayüzü. Bu bileşenler sayfada bulunur Ek olarak Ve Sistem bileşen paletleri.

BileşenResim(SınıfZamanlama) – harici dosyalarda saklanan grafik görüntüleri uzantılarla görüntülemek için oluşturulmuştur:

Ico(simge, piktogram);

Bmp (bit eşlem, bit eşlem);

Wmf, .emf (meta dosyası);

Jpg, .jpeg (JPEG sıkıştırılmış görüntü).

Temel özellikler :

Otomatik boyutlandır:boolean – true olarak ayarlandığında bileşen, boyutlarını yüklenen görüntünün boyutuna göre ayarlar; varsayılan yanlıştır.

Uzatmak:boolean – eğer doğruysa, yüklenen değer bileşenin tüm alanını kaplar; varsayılan yanlıştır.

Tuval:Tcanvas – programın yürütülmesi sırasında bileşenin içini çizmek için kullanılır.

Resim:Tpicture - Bileşene yerleştirilen görüntüyü tanımlar.

Temel yöntemler sınıf Resim:

Prosedür Dosyadan yükle(Dosya adı:string); - Dosya adı adlı dosyadaki bir görüntüyü bileşene yükler.

Prosedür Dosyaya kaydet(Dosya adı:string); -bileşendeki görüntüyü Dosya adı adlı bir dosyaya kaydeder.

BileşenBoya Kutusu - Dikdörtgen bir çizim alanı tanımlar. Ana özellik Tuval Tcanvas sınıfının tüm yöntemleri mevcuttur, bağımsız özellikleri yoktur.

Örnek : PaintBox1 bileşenine yazılı sarı bir elips çizin.

Prosedür Tform1Button1Click(gönderen:Tobject);

PaintBox1.Canvas ile yapın

Fırça.Renk:=cyellow;

Ellipse(0,0,PaintBox1.ClientWidth, PaintBox1.ClientHeight);

son;

BileşenBitBtn – tarama düğmesi

BitBtn düğmesi, standart düğmenin aksine, başlığa (Başlık) ek olarak özellik tarafından belirtilen bir resmi de içerebilir. Glif. Önceden tanımlanmış özelliklere sahip (belirli bir resim, yazı ve amaç ile) bir dizi standart BitBtn düğmesi vardır - standart düğmenin türü özellik aracılığıyla seçilir Tür. Tür=(bkÖzel, bkAbort,bkİptal, bkClose …)

Görev No.1

Ana formda iki Görüntü bileşeni ve 4 düğme ("Görüntü yükle", "Geometrik şekil oluştur", "Rengi değiştir", "Çıkış") içeren bir uygulama oluşturun ve şunları yapmanızı sağlar:

a) kullanıcının seçtiği grafik görüntüsünü Image1 bileşenine yükleyin, böylece görüntü Image bileşeninin tüm alanını kaplar.

b) Image1 bileşeninin altında “Bu bir dosyadaki resimdir.

(bileşenin boyutunun ve konumunun ölçümü içinResim1 yazıt olmalıdır
kesinlikle bileşenin altında bulunur).

c) Image2 bileşeninin içine geometrik bir şekil çizin: Image bileşeninin ortasını Image bileşeninin alt ve sağ taraflarının ortalarına bağlayan içi dolu bir elips parçası.

(bileşenin boyutunda ve konumunda herhangi bir değişiklik içinResim2 şekil doğru şekilde oluşturulmalıdır, yani. bileşenle ilgili spesifikasyona göreResim2)

d) ColorDialog bileşenini kullanarak, kullanıcının isteği üzerine Image2'de çizilen bir şeklin çizgisinin rengini değiştirmek.

Görev No.2

Görüntü bileşenine rastgele birkaç etiket (örneğin, "Yaşasın!" kelimesi) yerleştirmenize olanak tanıyan bir uygulama oluşturun. Bunu uygulamak için Rastgele rastgele sayı oluşturucuyu ve Rastgele işlevini kullanın.

Resim bileşeninin boyutları, Resimde görüntülenen kelime ve kelime sayısı kullanıcı tarafından girilmelidir.

Görev No.3

ListBox'tan geometrik bir şeklin adını seçmenize ve seçilen şekli Görüntü bileşeninde çizmenize olanak tanıyan bir uygulama oluşturun. Şeklin rengi RadioGroup bileşeninden seçilir.

Görev No.4

PaintBox1 bileşenini 4 eşit parçaya bölün, her parçayı farklı bir renge boyayın, örneğin: mavi, sarı, yeşil, kırmızı.

PaintBox1'in her köşesinin yanına, o köşenin koordinatlarını yazın (PaintBox1 bileşeninin bulunduğu formun orijinine göre).

Görev No.5

İLE

Radiogroup1 bileşeninden çizilecek şeklin türünü, Radiogroup2 bileşeninden dolgu rengini seçin ve seçilen şekli Image bileşeninde çizin.

Görev No. 6

Kullanıcının PaintBox1 bileşeninin boyutlarını (piksel cinsinden) ayarlamasına olanak tanıyan bir uygulama oluşturun.

PaintBox1 bileşenini 2 eşit parçaya bölün, her parçanın içine kullanıcı tarafından ColorDialog'da seçilen renkle doldurulmuş bir elips çizin.

Görev No.7

İLE Aşağıdakileri yapmanıza olanak tanıyan bir uygulama oluşturun:

ListBox'tan geometrik bir şeklin adını seçin ve seçilen şekli Görüntü bileşeninde çizin. RadioGroup bileşeninde Evet seçilirse şekil, kullanıcı tarafından ColorDialog bileşeninde seçilen renkle doldurulmalıdır.

Görev No.8

Kullanıcının PaintBox1 bileşeninin boyutlarını (piksel cinsinden) ayarlamasına olanak tanıyan bir uygulama oluşturun.

PaintBox1 bileşenini 4 eşit parçaya bölün, her parçanın içine farklı bir geometrik şekil (elips, eşkenar dörtgen, üçgen ve dikdörtgen) çizin. Her şeklin rengi, ColorGrid'de kullanıcı tarafından seçilir.

Görev No. 9

ListBox'tan geometrik şeklin adını seçin
şekiller (elips, eşkenar dörtgen, dikdörtgen) ve çizim
Görüntü bileşeninde seçilen şekil. Konum
Görüntü bileşenindeki şekiller (I çeyrek, II çeyrek,

III veya IV çeyrek) ve şeklin rengi seçilir
RadioGroup bileşenlerinden.

Görev No. 10

Kullanıcının PaintBox1 bileşeninin boyutlarını (piksel cinsinden) ayarlamasına olanak tanıyan bir uygulama oluşturun.

Yan boyutun metin olamayacağını, negatif sayı olamayacağını ve daha küçük form boyutunu aşamayacağını unutmayın.

PaintBox1 bileşenini 4 eşit parçaya bölün, her parçanın içine kullanıcı tarafından Combobox'ta seçilen geometrik bir şekil (elips, eşkenar dörtgen, üçgen ve dikdörtgen) çizin. Şeklin rengi ColorBox'ta kullanıcı tarafından seçilir.

Görev No. 11

Aşağıdakileri yapmanıza olanak tanıyan bir uygulama oluşturun:

Radiogroup bileşeninden çizimin konumunu seçin

sağ üçgenin Görüntü bileşeninde,
şeklin gölgeleme rengi veya anahat rengi;
Onay Kutusu düğmelerini etkinleştirme. Şununla renk seçin:
ColorGrid bileşeni.

Görev No. 12

Kullanıcının PaintBox1 bileşeninin boyutlarını (piksel cinsinden) ayarlamasına olanak tanıyan bir uygulama oluşturun.

Yan boyutun metin olamayacağını, negatif sayı olamayacağını ve daha küçük form boyutunu aşamayacağını unutmayın.

PaintBox1 bileşenini 2 eşit parçaya bölün, parçalardan birinin içine kullanıcı tarafından Combobox'ta seçilen geometrik bir şekil (elips, eşkenar dörtgen, üçgen ve dikdörtgen) çizin. Şeklin rengi ColorBox'ta kullanıcı tarafından seçilir.

Örneğin formun rengini şu şekilde değiştirebilirsiniz:

form1.Renk:= RenkKutu1.Renkler;

Görev No. 13

Aşağıdakileri yapmanıza olanak tanıyan bir uygulama oluşturun:

a) Şeklin ortasına bir kare çizin (karenin kenar boyutu kullanıcı tarafından girilir). Yan boyutun metin olamayacağını, negatif sayı olamayacağını ve daha küçük form boyutunu aşamayacağını unutmayın.

b) Onay Kutusu düğmelerinin dahil edilmesine bağlı olarak kareyi bir veya ikiye bölün ve ortaya çıkan her üçgeni farklı bir renge boyayın. Renk seçimi kullanıcı tarafından yapılır.

Görev No. 14

Kullanıcının PaintBox1 bileşeninin boyutlarını (piksel cinsinden) ayarlamasına olanak tanıyan bir uygulama oluşturun.

Yan boyutun metin olamayacağını, negatif sayı olamayacağını ve daha küçük form boyutunu aşamayacağını unutmayın.

PaintBox1 bileşenini 2 eşit parçaya bölün, bir parçanın içine bir eşkenar dörtgen, diğer parçanın içine ise herhangi bir üçgen çizin. Şeklin rengi ColorBox'ta kullanıcı tarafından seçilir.

Örneğin formun rengini şu şekilde değiştirebilirsiniz:

form1.Renk:= RenkKutu1.Renkler;

Görev No. 15

Aşağıdakileri yapmanıza olanak tanıyan bir uygulama oluşturun:

a) Görüntü bileşeninin boyutlarını yatay ve dikey olarak kullanıcının klavyeden girdiği sayıyla aynı ve eşit olacak şekilde ayarlayın;

(Yan boyutun yazı olmaması, negatif sayı olmaması ve daha küçük form boyutunu aşmaması şartıyla)

b) Görüntü bileşenini iki mavi çizgiyle 4 eşit kareye bölün;

c) ortaya çıkan her karenin içine, içine yazılı bir daire çizin (kullanıcının, renk seçimi iletişim kutusu aracılığıyla dairelerin rengini seçmesine izin verin).

Görev No. 16

Kullanıcının PaintBox1 bileşeninin boyutlarını (piksel cinsinden) ayarlamasına olanak tanıyan bir uygulama oluşturun.

Yan boyutun metin olamayacağını, negatif sayı olamayacağını ve daha küçük form boyutunu aşamayacağını unutmayın.

PaintBox1 bileşenini 9 eşit parçaya bölün ve elde edilen her dama tahtası dikdörtgenini boyayın. Dolgu rengi, ColorBox'ta kullanıcı tarafından seçilir.

Örneğin formun rengini şu şekilde değiştirebilirsiniz:

form1.Renk:= RenkKutu1.Renkler;

Görev No. 17

Forma iki Görüntü bileşeni ve dört düğme yerleştirin: Çizgi Rengi, Dolgu Rengi, Tamam ve Çıkış; ve Düzenle bileşeni.

Tamam butonuna tıkladığınızda Resim1'de kenarı X olan bir kare, Resim2'de ise kenarları eşit ve her birinin uzunluğu X olan bir dik üçgen çizilir.

Üçgenin tepe noktası Resim2'nin orijini ile çakışmaktadır. Karenin köşelerinden biri Resim1'in orijinine denk geliyor.

Tamam düğmesi yalnızca şekli çizmek için bir çizgi rengi ve dolgu rengi seçtiğinizde kullanılabilir hale gelir.

X – kullanarak rastgele seçer Rastgele işlevler ve Düzenleme bileşeni X'in değerini göstermelidir.

Görev No. 18

Kullanıcının PaintBox1 bileşeninin boyutlarını (piksel cinsinden) ayarlamasına olanak tanıyan bir uygulama oluşturun.

PaintBox1 bileşenini 4 eşit parçaya bölün; kullanıcı tarafından seçilen parçanın içinde, boyutu kullanıcı tarafından belirlenen içi dolu bir daire oluşturulmalıdır. Kullanıcı, ColorBox'ta dolgu rengini seçer.

Örneğin formun rengini şu şekilde değiştirebilirsiniz:

form1.Renk:= RenkKutu1.Renkler;

Grafik bilgilerini görüntülemek için Delphi kütüphanesi, listesi tabloda verilen bileşenleri sağlar. 6.

Tablo 6

Grafik bilgilerini görüntülemek için bileşenler

Bileşen	Sayfa	Tanım
Resim	Ek olarak	Grafikleri görüntülemek için kullanılır
PaintBox (çizim penceresi)	Sistem	Formda çizim yapabileceğiniz bir alan oluşturmak için kullanılır
DrawGrid (çizim tablosu)	Ek olarak	Metin olmayan verileri satır ve sütunlarda görüntülemek için kullanılır
Grafik (grafikler ve grafikler)	Ek olarak	Bileşen, çizelgeler ve grafikler oluşturmak için kullanılan TeeChart bileşen ailesine aittir.
Chartfx (grafikler ve grafikler)	ActiveX	Grafik ve grafik düzenleyici
FIBook (Excel sayfaları)	ActiveX	Sayısal bilgi girişi ve işleme bileşeni
VtChart (grafikler)	ActiveX	Diyagram penceresi

Ayrıca bu özelliğe sahip herhangi bir pencere bileşeninin yüzeyinde grafik bilgileri görüntüleyebilir ve girebilirsiniz. Tuval- tuval.

Görüntü Tabloları - DrawGrid ve StringGrid Bileşenleri

Bileşen Çizim Izgarası uygulamada içerebilecek bir tablo oluşturmak için kullanılır grafik görseller. Bu bileşen bileşene benzer Dize Izgarası ikincisi türetildiği için DrawGrid. Bu nedenle Çizim Izgarası bileşenin tüm özellikleri, yöntemleri ve olayları mevcut Dize Izgarası metinle ilgili olanlar hariç, yani. özellikler hariç Hücreler, Sütunlar, Satırlar, Nesneler. Bu açıdan bakıldığında bileşen Dize Izgarası göre çok daha büyük yeteneklere sahiptir Çizim Izgarasıçünkü hem görselleri hem de metinleri hücrelerde saklayabilir. Bazı hücrelere metin girmek istiyorsanız Çizim Izgarası o zaman bunun için metni taslak üzerinde görüntülemeye yönelik yöntemler kullanmanız gerekecektir ki bu pek uygun değildir.

Bileşenler DrawGrid ve StringGrid bir taslağa sahip olmak Tuval, görüntüleri yayınlayabileceğiniz yer.

Bir yöntem var Hücre-Dikdörtgen, belirli bir hücre için ayrılan tuval alanını döndürür. Bu yöntem şu şekilde tanımlanır:

function CellRect(ACol, ARow: Longint): TRect;

Nerede ACol ve ARow- hücrenin bulunduğu kesişim noktasında 0'dan başlayan sütun ve satır endeksleri. Bu fonksiyonun döndürdüğü alan, istenilen görüntünün çizilebileceği tuval alanıdır. Örneğin, operatör

DrawGridl.Canvas.CopyRect(DrawGridl.CellRect(1,1),

BitMap.Canvas,Rect(0,0,BitMap.Height,BitMap.Width));

kopya yöntemi KopyalaDüzey tablonun (1,1) hücresine Çizim Izgarası bileşenden görüntü BitMap. Bu hücre, indeksler 0'dan başladığı için tabloda soldan ikinci ve üstten ikincidir. Hücre, kopyalanan görüntünün boyutundan küçükse, görüntünün yalnızca sol üst kısmının görüneceğini lütfen unutmayın. hücre.

Bileşen tuvalindeki resim DrawGrid ve StringGrid, Herhangi bir bileşenin tuvalinde olduğu gibi, uygulama penceresi diğer pencerelerle örtüştüğünde veya örneğin uygulama simge durumuna küçültüldüğünde silinmeye maruz kalır.

Görüntüleri hücrelere girmenin kolay bir yolu Çizim Izgarası bir olay işleyicisi kullanmaktır OnDrawCell. Bu olaylar, yeniden çizildiğinde her tablo hücresi için gerçekleşir. İşleyici başlığı şuna benzer:

prosedür TForml.DrawGridlDrawCell(Sender: TObject;

ACol, ARow: Tamsayı; Doğrultma: TRect; Durum: TGridDrawState)

Parametre Durum hücrenin durumunu gösterir. Aşağıdaki unsurları içerebilen bir settir: gdSeçildi- seçilen hücre, gdOdaklanmış- Odaktaki hücre, gdSabit- masanın sabit bir alanındaki bir hücre. Parametre Durum hücreleri farklı durumlarda farklı şekilde görüntülemek için kullanılabilir.

Şekil Bileşeni

Şekil Bileşeni yalnızca uygun şekilde gölgelendirilmiş çeşitli geometrik şekilleri temsil ettiğinden, grafik bilgileri görüntüleme aracı olarak yalnızca koşullu olarak sınıflandırılabilir. Bu bileşenin ana özelliği Şekil(form) aşağıdaki değerleri alabilir:

StRectangle – dikdörtgen;

StSquare – kare;

StRoundRect - köşeleri yuvarlatılmış dikdörtgen;

StRouhdSquare - köşeleri yuvarlatılmış kare;

StEllipse – elips;

StCircle - daire.

Bileşenin bir diğer önemli özelliği ise Fırçalamak(fırçalamak). Bu özellik bir tür nesnesidir fırça, başta renk olmak üzere bir dizi alt özelliğe sahip (Fırça.Renk) ve stil (Fırça. Stili) rakamı dolduruyor. Şekil 2'de bazı Stil değerlerinin dolgusunu görebilirsiniz. 3.2. Bileşenin üçüncü spesifik özelliği Şekil- Dolma kalem(kalem) çizgi stilini tanımlar.

Grafik Bileşeni

Şimdi bileşene bakalım Çizelge. Bu bileşen, çok etkileyici görünen çeşitli çizelgeler ve grafikler oluşturmanıza olanak tanır. Bileşen Çizelge pek çok özelliği, yöntemi, olayı var, dolayısıyla hepsini dikkate alırsak, bütün bir bölümü buna ayırmamız gerekir. Bu nedenle kendimizi yalnızca temel özellikleri dikkate alarak sınırlayacağız. Çizelge. Gerisini Delphi'nin yerleşik yardımında bulabilir veya diyagramları deneyerek deneyebilirsiniz.

Bileşen Çizelge nesnelerin bulunduğu bir kaptır Seri- sınıfın mirasçıları TChartSeries. Bu tür nesnelerin her biri, belirli bir görüntüleme stiliyle (belirli bir grafik veya diyagram) karakterize edilen bir dizi veriyi temsil eder. Her bileşen Çizelge birkaç bölüm içerebilir. Bir grafiği görüntülemek istiyorsanız, her seri grafikteki bir eğriye karşılık gelecektir. Grafikleri görüntülemek istiyorsanız, bazı grafik türleri için birkaç farklı seriyi üst üste yerleştirebilirsiniz, diğerleri için (pasta grafikler gibi) muhtemelen çirkin görünecektir. Ancak bu durumda bile tek bir bileşen için ayar yapabilirsiniz. Çizelge birkaç dizi aynı veri farklı şekiller Diyagramlar. Daha sonra her seferinde bunlardan birini aktif hale getirerek kullanıcıya ilgi duyduğu verileri görüntüleyen grafik türünü seçme olanağı sağlayabilirsiniz.

Bir veya iki bileşeni yerleştirin Çizelge formda ve Nesne Denetçisinde açılan özelliklere bakın. İşte bunlardan bazılarının açıklamaları.

AllowPanning - kullanıcının, yürütme sırasında farenin sağ tuşuna basarak grafiğin gözlemlenen kısmını kaydırma yeteneğini belirler. Olası değerler: pmNone - kaydırma yasaktır, pmHori/ontal, pm Vertical veya pmBoth - kaydırmaya sırasıyla yalnızca yatay yönde, yalnızca dikey yönde veya her iki yönde izin verilir.

AhowZoom - kullanıcının fare imleciyle bir grafiğin veya grafiğin bölümlerini keserek çalışma zamanında bir görüntünün yakınlaştırmasını değiştirmesine olanak tanır. Bir parçanın çerçevesi sağa ve aşağıya doğru çizilirse bu parça, grafiğin tüm alanını kaplayacak şekilde gerilir. Ve eğer çerçeve yukarı ve sola doğru çizilirse, orijinal ölçek geri yüklenir.

Başlık - diyagramın başlığını tanımlar.

Ayak - diyagramın altındaki başlığı tanımlar. Varsayılan olarak hiçbiri. İmza metni Metin alt özelliği tarafından belirlenir.

Çerçeve - diyagramın etrafındaki çerçeveyi tanımlar.

Nesne Denetçisinde listelenen özelliklerin çoğunun yanında, Grafik Düzenleyicinin bir veya başka sayfasını çağırmanıza olanak tanıyan elipsli düğmeler vardır - grafiklerin tüm özelliklerini ayarlamanıza olanak tanıyan çok sayfalı bir pencere. Diyagram Düzenleyicisi bileşene çift tıklanarak da çağrılabilir Çizelge veya üzerine sağ tıklayıp açılan menüden Grafiği Düzenle komutunu seçerek.

Üstteki bileşene çift tıklayın Çizelge. Birkaç sekme içeren Grafik sayfasındaki Grafik Düzenleyici penceresine yönlendirileceksiniz. Öncelikle üzerindeki Seriler sekmesi ilginizi çekecektir. Ekle düğmesine tıklayın - bir seri ekleyin. Grafik veya grafiğin türünü seçebileceğiniz bir pencereye yönlendirileceksiniz. Bu durumda Pasta - bir pasta grafiği seçin. Başlıklar sekmesini kullanarak grafiğin başlığını ayarlayabilirsiniz, Gösterge sekmesi grafik açıklamasını (sembol listesi) görüntülemek için parametreleri ayarlamanıza veya onu ekrandan tamamen kaldırmanıza olanak tanır, Panel sekmesi panelin ekrandaki görünümünü belirler. Grafiğin görüntülendiği 3B sekmesi size grafiğinizin görünümünü değiştirme fırsatı verir: eğim, kaydırma, kalınlık vb.

Grafik Düzenleyicide çalışırken ve bir grafik türü seçtiğinizde, bileşenler Çizelge Formunuz, içine girilen koşullu verilerle birlikte görünümünü görüntüler. Bu nedenle uygulamanıza çeşitli seçenekleri uygulamanın sonucunu hemen görebilirsiniz ki bu da oldukça kullanışlıdır.

Aynı zamanda bir dizi sekmeye sahip olan Seri sayfası, seri için ek görüntüleme seçeneklerini belirleme olanağı sağlar. Özellikle bir pasta grafiği için, Biçim sekmesinde, grafiğin Grafik bileşeninin herhangi bir boyutunda bir daire olarak görüntülenmesini sağlayacak olan Dairesel Pasta seçeneğinin etkinleştirilmesi yararlı olacaktır. İşaretler sekmesinde, Stil grubunun düğmeleri, grafiğin ayrı bölümleriyle ilgili etiketlere ne yazılacağını belirler: Değer - değer, Yüzde - yüzdeler, Etiket - veri adları vb.

Dilerseniz Grafik sayfasının Seriler sekmesindeki Klonla butonuna tıklayarak bu Grafik bileşenine aynı seriyi daha ekleyebilirsiniz ve bunun için yeni seri Değiştir düğmesine tıklayın ve farklı bir grafik türü seçin; örneğin Çubuk.

Grafik Düzenleyiciden çıkın, uygulamanızda alttaki Grafik bileşenini seçin ve Grafik Düzenleyiciyi kullanarak özelliklerini ayarlamayı tekrarlayın. Bu durumda grafikte iki eğrinin görüntülenmesini istiyorsanız iki seri belirtmeniz ve Çizgi grafik tipini seçmeniz gerekecektir. Çünkü Hakkında konuşuyoruz grafikler hakkında, grafiğin eksenlerinin ve üç boyutlu kenarlarının koordinat özelliklerini belirtmek için Eksen ve Duvarlar sekmelerini kullanabilirsiniz.

Tasarım için bu kadar dış görünüş uygulama biter. Geriye sadece görüntülemek istediğiniz veriyi belirten kodu yazmak kalıyor. Test uygulaması için pasta grafikte sadece bazı sabit veriler, grafiklerde ise bazı fonksiyonlar ayarlayalım.

Görüntülenen değerleri ayarlamak için Seri yöntemlerini kullanmanız gerekir. Sadece üç ana yönteme odaklanalım.

Yöntem Temizlemekönceden girilen bir dizi veriyi temizler.

Yöntem Eklemek:

Add(Const AValue:Double; Const ALabel:String; AColor:TColor) ,

Diyagrama yeni bir nokta eklemenizi sağlar. Parametre Bir değer katma değere karşılık gelir, parametre Bir etiket- şemada ve açıklamalarda görüntülenecek bir etiket, Bir renk- renk. Parametre Bir etiket- isteğe bağlı, boş olarak ayarlanabilir: ' '. Yöntem XY ekle:

AddXY(Sabit AXValue, AYValue: Double; Const ALabel: String; AColor: TColor)

fonksiyon grafiğine yeni bir nokta eklemenizi sağlar. Seçenekler AX Değeri Ve AY Değeri argümana ve fonksiyona karşılık gelir. Seçenekler ALabel ve AColor yöntemdekiyle aynı Eklemek.

Dolayısıyla örneğimizdeki veri yükleme prosedürü şöyle görünebilir:

sabit Al=155; A2=251; A3=203; A4=404; var i:kelime; başlamak

Seri ile başlayın

Add(Al,"Atölye l",clYellow);

Ekle(A2,"Atölye 2",clBlue);

Ekle(A3,"Atölye 3",clRed);

Ekle(A4,"Atölye 4",clPurple); son;

Seri2.Temizle; SeriS.Clear; i:=0 ila 100 için başlar

Seri2.AddXY(0,02*Pi*i,sin(0,02*Pi*i)

SeriS.AddXY(0,02*Pi*i,cos(0,02*Pi*i) uç;

ClRed); ,clMavi);

Operatörler Temizlemek Uygulama çalışırken verileri güncelleyecekseniz gereklidir.

Bu, bileşene girişimizi tamamlıyor Çizelge. Doğru, yeteneklerinin yalnızca küçük bir kısmını değerlendirdik.

“Delphi'de grafiksel bilgilerin görüntülenmesi” Konu özeti: 1.C S pppp ooooo ssss ooooo bbbb yyyy in in in in yyyy vvvv ooooo dddd aaaa yy g rrrrr aaaa ffff iii hhhh eee ssss kkkk ooooo yyyy nnnn ffff ooooo rrrrr mmmm ahhh tskst iiiiii iiiiii in iv içinde D D D D eee llll pppp hhhh iiii O O tttt ooo bbbb rrrrr aaaa zhzhzh eee nnnn iiii eee k k k aaaa rrrrr tttt iiii nnnnn ooooo kkkk O O tttt ooooo bbbb rrrrr aaa zhzhzh eee nnnnn iiiiii eee g g y g eee ooooo mmmm eee ttt rrrr iiii hhchh eee ssss kkkk iiii xxxxx ffff iiii yyyy uuuu rrrrr P Pooooo ssss ttt rrrrr ooooo eee nnnn iiii eee yy g rrrrr aaaa ffff iiii kkkk ooooo vvvv i i ben ve d d d d iiiiii aaaa yyyy rrrrr aaaa mmmm mmmm....

1. Grafik bilgilerini görüntüleme yöntemleri. Delphi'de grafik bilgilerini görüntülemenin birkaç yolu vardır: Önceden hazırlanmış görüntülerin çıktısı (Görüntü, Şekil bileşenleri); P Grafik ve diyagramların oluşturulması (Grafik bileşeni, vb.); F Görüntülerin programlı olarak oluşturulması (Canvas nesnesi).

2.Ekran 2.Resimleri görüntüleyin. LLC DDDDD DDDD LLC Yiyy ve ve ve ZZZZ P P P P PRRRDDDDDDDDDDDDDD IIII XXXX T T T T T T T T T TOTEMMM ...'de incelediğimiz Resimlerin Görüntü bileşeni kullanılarak görüntülenmesi .... Burada bir uygulama örneğini ele alacağız. en basit animasyon Görüntü bileşenlerinde görüntülenen görüntüyü periyodik olarak değiştirerek. PPPP EDURRRREEEE YYYE TTTT IIII n N N n AAAAAA PP PRRR IIII MMMMEEEE RRRRR ...

3.Görüntüleme 3.Geometrik şekillerin görüntülenmesi. VE Çeşitli Şekil bileşenlerinden basit çizimler oluşturabilirsiniz. P Bir çizimdeki Şekil bileşenlerinin konumunu (.Sol,.Üst), boyutunu (.Genişlik,.Yükseklik) ve rengini (Fırça.Rengi) programlı olarak değiştirerek, en basit animasyonun öğelerini uygulayabilirsiniz. R R R R aaaa ssssssss mmmm ooooh tttt rrrrr eee tttt yee p p p p rrrrr iii mmmm eee rrrrr....

4.İnşaat 4.Grafik ve diyagramların inşası. Diyagramlar, sayısal veri dizilerinin daha görsel temsili, bunların görsel gösterimi ve analizi için tasarlanmıştır. PPPP rrrrr iiii mmmm eee rrrrr.... Delphi'de grafikler oluşturmak için çeşitli bileşenler vardır, bunlardan biri Grafik bileşenidir (TeeChart Std bölümü).

Grafikler ve diyagramlar. Görüntülenecek veriler genellikle program aracılığıyla Grafiğe aktarılır; örneğin: Series1.Clear; (açık seri) için i:=1 ila N do Seri1.addxy(i, A[i], clGreen); X ekseni değeri Y ekseni değeri X ekseni etiketi PP grafiğindeki veri rengi aaaa ssssssssss mmmm ooooo tttt rrrrr eee tttt yee p p p p prrrrr iiii mmmm eee rrrrr p p p poooo ssss ttt rrrrr ooooo eee nnnn iiiiii yayyy yyyy rrrrr aaaa ffff iii kkkk aaaa f f f f uuuu nnnn kkkk tsstst iiiiii y y y y = = = = S S S S iiii nnnn ((((xxxx))))

Sonraki: Laboratuvar çalışması ““““ OOOO tttt ooooo bbbb rrrrr aaaa zhzhzh eee nnnn iiii eee k k k k aaaa rrrrr tttt iiii nnnn ooooo kkkk i i i i yyyy eee ooooo mmmm eee tttt rrrrr iiii hchchh eee ssss kkkk iiii xxxx ffff iiii yyyy u uuu rrrrrr ve ve ve xxxx a a a a a nnnn iiii mmmm aaaa tsstst iiii yayayaya """"...Görev: 1) Görüntü bileşenlerinde görüntülenen görüntüyü periyodik olarak değiştirerek basit animasyon gerçekleştirmek için bir uygulama geliştirin. (Resim sayısı en az üçtür, resimleri kendiniz seçiniz).

Sonraki: Laboratuvar çalışması ““““ PPPP oooo ssss tttt rrrrr ooooo eee nnnn iiii eee yy g rrrrr aaaa ffff iiii kkkk ooooo vvvv i i i d d d iiii aaaa yyyy rrrrr aaaa mmmm mmmm """". ..Görev: 1)Uygulamayı değiştirin itibaren laboratuvar işi 9 (Verileri bir tabloda görüntüleyin). Bir tablodaki bazı verileri histogram veya pasta grafiğinde görüntüleme yeteneğini ekleyin. 2) Verilen fonksiyonun grafiğini oluşturun.

Görsel Bileşen Kütüphanesi (VCL) Delphi bize grafik bilgilerini görüntülemek için aşağıdaki görsel bileşenleri sağlar: Image (resim), PaintBox (çizim penceresi), DrawGrid (resim tablosu), Chart (grafikler ve grafikler), Animate (çıkış video klipleri) ) ve ayrıca Form. Bu bileşenler, her piksele erişim sağlayan bir Canvas özelliğine (yukarıda tartışılmıştır) sahiptir. Elbette Delphi'de grafiklerle çalışmak için piksel piksel çizim yapmanıza gerek yok; Delphi sistemi grafiklerle çalışmak için güçlü araçlar sağlar.

Yukarıdaki bileşenlere daha yakından bakalım:

Görüntü Bileşeni

TImage sınıfının bir nesnesidir. Grafik dosyalarından okunan görüntüleri görüntülemek için kullanılır. Varsayılan olarak *.bmp formatında sunulan görselleri formun yüzeyinde görüntüler. Görüntülerin jpg formatında çıktısını almak için, JPEG modülünü kullanım yönergesine eklemeniz gerekir. Bileşen Paletinin Ek sekmesinde bulunur.

Image bileşeni forma yerleştirildikten sonra seçilen dikdörtgen alan formunu alır.

Şekil 9 - Formdaki resim bileşeni

İstediğiniz görüntüyü seçmek üzere bir iletişim kutusu açmak için Nesne Denetçisini kullanarak aşağıdakileri yapmanız gerekir. Bunu yapmak için Resim özelliğini bulun ve solundaki üç noktaya tıklayın. Resim Düzenleyici penceresi açılır ve burada Yükle'yi seçin; açılan pencerede görüntü dosyasını seçin.

Bu aynı zamanda Picture özelliğinin LoadFromFile yöntemi çağrılarak programlı olarak da yapılabilir:

Image1.Picture.LoadFromFile("name_pic.jpeg");

burada name_pic.jpeg dosya adıdır.

Tablo 8 - Görüntü bileşeninin temel özellikleri

Mülk		Tanım
		Bileşen alanında görüntülenen resim
	Bileşen boyutları. Bu boyutlar illüstrasyon boyutundan küçükse ve Stretch, AutoSize ve Proportional özellikleri False olarak ayarlanmışsa görüntünün bir kısmı görüntülenir
	Görüntüleri bozulma olmadan otomatik olarak ölçeklendirmenizi sağlar. Ölçeklemeyi gerçekleştirmek için AutoSize özelliğinin False olarak ayarlanması gerekir.
	Görüntü bileşeninin boyutuna sığacak şekilde görüntüyü otomatik olarak ölçeklendirmenize (küçültmenize veya uzatmanıza) olanak tanır. Bileşenin boyutu görüntünün boyutuyla orantılı değilse görüntü bozulur
	Bir bileşeni görüntü boyutuna uyacak şekilde otomatik olarak yeniden boyutlandırmanıza olanak tanır
	Görüntünün genişliği bileşenin genişliğinden azsa Görüntü bileşeni alanındaki görüntünün yatay konumunu belirlemenizi sağlar.
	Grafikleri görüntülemek için yüzey
	Saydam bir görüntünün arka plan rengini belirtir

Örnek 1: Image bileşenini kullanarak görselleri görüntüleyen bir program yazın. Program aşağıdaki yeteneklere sahip olmalıdır:

• · klasördeki görüntüleri görüntüleyin;
• · görüntüyü tam boyutta veya pencere boyutuna en uygun biçimde görüntüleyin;
• · görüntü dosyalarını yönetme, ayrıca görüntüleri yazdırma, kaydetme, silme ve düzenleme;
• · gerekirse görüntüyü bir düzenleme programında açın;

Şekil 10 - Başlamadan önceki program penceresi

Bir proje oluşturmak:

• 1. Program dosyaları için bir klasör oluşturun ve Delphi entegre geliştirme ortamını başlatın.
• 2. Forma bileşenler ekleyin:

Öncelikle çalışmamız gereken ana bileşen olan Image bileşenini forma yerleştireceğiz. Buna ek olarak aşağıdaki bileşenlere ihtiyacımız olacak:

• · ScrollBox Tam boyutlu modda görüntünün Görüntünün ötesine geçmesi gerektiğinde gereklidir. Aling özelliğine alClient değerini atadık, böylece boyutları pencerenin boyutuyla orantılı olarak değişecek. Ve üzerine Image bileşenini yerleştirin;
• · Ayrıca görüntüleri kaydetmek ve açmak için tasarlanmış SavePictureDialog ve OpenPictureDialog iletişim bileşenlerini de ekleyeceğiz. Görüntüyü seçilen dizine kopyalamak için ilkine, açılış iletişim kutusunu çağırmak için ikincisine ihtiyacımız var. grafik dosyası. Bileşen Paletinin İletişim Kutuları sayfasında bulunurlar. Bu sayfadan ayrıca yazdırmak üzere bir yazıcı seçmek için iletişim kutusunu çağırmamız gereken PrintDialog bileşenine de ihtiyacımız var.
• · Programa ana menü eklemek için MainMenu'yu ve daha renkli bir tasarım için XPManifest'i ekleyin
• · Çalışma dizininde bulunan görsellerin isimlerini de bir yerde saklamamız gerekiyor. ListBox bileşeni bu amaçlar için uygundur; Form1'in Create olayı işlenirken gizlenebilir.
• · Gezinme düğmelerini yerleştirmek ve onlarla rahatça çalışmak için, üzerine bu düğmeleri yerleştireceğimiz bir Peçe paneli ekleyeceğiz (Önceki görüntü, Sonraki görüntü, Gerçek boyut, Boyuta sığdır, Sil, Kopyala, Yazdır, Düzenle). SpeedButton onlar için bir bileşen olarak seçilmiştir.
• · “Sol” (önceki resim), “Sağ” (sonraki resim) ve “Del” tuşu (görüntü siliniyor) tuş vuruşlarını yakalamak için bir zamanlayıcı ekleyin.
• · Ve bir bileşen daha - büyük *.Jpg dosyalarının yüklenme sürecini görüntüleyen ProgressBar.
• 3. Düğme tıklama olayını işlemek için kod yazın (Önceki resim, Sonraki resim, Gerçek boyut, Boyuta sığdır, Sil, Kopyala, Yazdır, Düzenle). MainMenu menü öğelerine (Çıkış, Aç, Kapat, Oluştur) tıklanma olayını işlemek için kod yazın.
• 4. Formu oluşturmak için başlangıç ​​ayarlarını yapın. Üzerine çift tıklayın boş alan prosedür kodunu oluşturun ve yazın TForm1.FormCreate(Sender:TObject), Ek 1'deki modül koduna bakın.
• 5. Aşağıdaki türdeki prosedürleri yazın:

prosedür FindFileInFolder(yol, dahili: string);

Bu prosedür, harici maskeyi kullanan dosyalar için yol klasörünü tarar.

Program modülü kodunun tam listesi Ek 1'de (Program Listesi 3) bulunmaktadır.

• 1. Görüntü bileşeninin yeteneklerini listeleyin.
• 2. Image bileşeni hangi sınıfın nesnesidir?
• 3. 3. Görüntü bileşeni varsayılan olarak hangi dosya türünü destekler?
• 4. 4. Görüntü bileşeninin ana özelliklerini listeleyin.
• 5. 5. Image bileşeninin imajını hangi özellik saklar?

Sunumun bireysel slaytlarla açıklaması:

1 slayt

Slayt açıklaması:

2 slayt

Slayt açıklaması:

Görsel ortam Delphi programlama Windows gibi destekler GUI kullanıcı (GDI – Grafik Delphi Arayüzü). Delphi'de grafiksel bilgileri görüntülemenin iki yolu vardır: önceden hazırlanmış görüntülerin görüntülenmesi; programdan çizim.

3 slayt

Slayt açıklaması:

İlk yöntem, Görüntü ve Şekil bileşenlerinin kullanımına dayanmaktadır. Hazır bir resim (simge) kullanabilir veya Resim Düzenleyiciyi kullanarak bunları kendiniz oluşturabilirsiniz. İkinci yol ise Canvas nesnesini kullanarak programlı olarak görüntüler oluşturmaktır.

4 slayt

Slayt açıklaması:

Delphi'nin emrinde özel nesne, Canvas özelliği olarak stillendirilmiştir. Yalnızca uygulama çalışırken kullanılabilir, dolayısıyla yalnızca programdan yazılarak kontrol edilebilir. gerekli kod Object Pascal dilinde. Bir nesnenin Canvas özelliği varsa onun yüzeyine çizim yapabilirsiniz. Bu rol için en uygun adaylar formun kendisi ve özel PaintBox bileşenidir.

5 slayt

Slayt açıklaması:

Kanvas nesnesi Özellikleri: Kalem – geometrik şekillerin çizgilerini ve kenarlıklarını çizmeye yönelik özellik. Kalem, grafik imlecinin komutlarını takip eder ve kendi iç içe geçmiş özelliklerine sahiptir: Renk – çizginin rengini belirler (varsayılan olarak siyah); Mod – çizim stili (burada verilmeyen birçok anlamı vardır); Stil – aşağıdaki değerleri alabilen çizgi stili: рsSolid – katı (varsayılan); рsDosh – kesikli; psDot – noktalı; рsDoshDot – noktalı çizgi (ve diğer özellikler); Genişlik – çizgi kalınlığı (varsayılan 1 piksel);

6 slayt

Slayt açıklaması:

Fırça – şekilleri aşağıdaki iç içe geçmiş özelliklerle doldurmaya yönelik bir özellik: Renk – fırça rengi (varsayılan olarak beyaz); Stil – aşağıdaki değerleri alabilen fırça deseni: bsClear – katı renklendirme; bsHorizontal – yatay çizgiler; bsVertical – dikey çizgiler; bsFDiagonal – sol çapraz çizgiler; bsBDiagonal – sağ çapraz çizgiler; bsCross – hücre; bsDiagCross – eğik hücre;

7 slayt

Slayt açıklaması:

Yazı Tipi – aşağıdaki iç içe geçmiş özelliklere sahip metni görüntülemek için kullanılan bir özellik: Renk – karakter rengi; Yükseklik – piksel cinsinden yazı tipi yüksekliği; Ad – yazı tipi adı; Boyut – yazı tipi boyutu; Stil – aşağıdaki değerleri alabilen yazı tipi stili: fsBold – kalın; fsİtalik – italik; fsUnderline – altı çizili; fsStrikeOut – üzeri çizili;

8 slayt

Slayt açıklaması:

PenPos (Kalem Konumu) – geçerli çizim konumunu kaydetmeye yönelik bir özellik (kalemin çizim alanındaki konumunu tanımlar) şu an zaman); Pikseller – çizim alanının (“tuval”) ayrı ayrı noktalarının koordinatlarını yazmak ve okumak için kullanılan bir dizi özelliği.

Slayt 9

Slayt açıklaması:

Canvas nesnesinin yöntemleri MoveTo(x,y: integer) – kalemi geçerli konumdan belirtilen x, y koordinatlarına sahip bir noktaya çizgi çizmeden taşır; LineTo(x.y: integer) - kalemi geçerli konumdan verilen x, y koordinatlarına sahip bir noktaya hareket ettirerek bir çizgi çizer; Arc(x1, y1, x2, y2, x3, y3, x4, y4: tamsayı) – (x1, y1) ve (x2, y2) koordinatlarına sahip bir dikdörtgenin içine yazılan bir elipsin yayını çizer. Yay, (x3,y3) ve (x4,y4) noktalarından geçen elipsin yarıçapları tarafından belirlenir;

10 slayt

Slayt açıklaması:

Akor(x1, y1, x2, y2, x3, y3, x4, y4: tamsayı) – Yay yöntemi için verilen açıklamaya göre bir elipsin kirişini çizer; Ellipse(x1, y1, x2, y2: integer) – sol üst köşesi (x1, y1) noktasında ve sağ alt köşesi (x2, y2) noktasında olacak şekilde bir dikdörtgen içine yazılmış bir elips çizer; FillRect(Rect (x1, y1, x2, y2: integer)) – dikdörtgeni geçerli Fırçada belirtilen renkle doldurur. Verilen koordinatlarda bir dikdörtgeni temsil eden Rect işlevini kullanır;

11 slayt

Slayt açıklaması:

FloodFill(x,y: integer; Color: TColor; FillStyle: TFillStyle) – Brush özelliğinde belirtilen geçerli renkle doldurma: with FillStyle=fsBorder – x, y koordinatlarına sahip noktadan Color ile tanımlanan kenarlığa kadar kapalı bir alan ; FillStyle=fsSurface ile – yüzeyin Renk rengine sahip kısmı; Pasta(x1, y1, x2, y2, x3, y3, x4, y4: tamsayı) – (x1, y1) ve (x2, y2) koordinatlarına sahip bir dikdörtgenin içine yazılmış bir elipsin bir sektörünü çizer. Sektör (x3, y3) ve (x4, y4) noktalarından geçen iki elips yarıçapı ile tanımlanır;

12 slayt

Slayt açıklaması:

Çoklu Çizgi (Noktalar: TPoint dizisi) – Noktalar dizisinin noktalarını sırayla birbirine bağlayan bir sürekli çizgi çizer; Çokgen (Noktalar: TPoint dizisi) – Noktalar dizisindeki noktaları sırayla bağlayarak çokgenler çizer. Sürekli çizginin sonunu otomatik olarak başlangıcına bağlaması açısından Çoklu Çizgi yönteminden farklıdır; Dikdörtgen (x1, y1, x2, y2: tamsayı) – sol üst köşesi (x1, y1) noktasında ve sağ alt köşesi (x2, y2) noktasında olacak şekilde bir dikdörtgen çizer;

Slayt 13

Slayt açıklaması:

Retresh – görüntüyü yeniden çizmek gerektiğinde yöntem çağrılır; RoundRect (x1, y1, x2, y2, x3, y3: tamsayı) – köşeleri yuvarlatılmış bir dikdörtgen çizer. Köşeler, genişliği x3 ve yüksekliği y3 olan bir elipsin çeyrekleri olarak çizilmiştir; TextOut (x, y:integer, Text:String) – Text parametresinde belirtilen metnin çıktısını verir. Metin, sol üst köşesinde x, y koordinatları bulunan bir dikdörtgene sığar.