Delphi ortamında programlama üzerine sunum: "Delphi'de grafik bilgilerinin görüntülenmesi" konulu sunum. Delphi'nin Grafik Yeteneklerini Kullanma Teori Üzerine Kısa Bir Arka Plan

Delphi kitaplığında grafik bilgileri görüntülemek için, listesi Tablo'da verilen bileşenler sağlanmıştır. 6.

Tablo 6

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

Ayrıca, özelliği olan 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 Kılavuzu içeren bir uygulamada bir tablo oluşturmak için kullanılır. grafik görüntüler. Bu bileşen, bileşene benzer Dize Izgarası, ikincisi türetildiği için çekme ızgarası. bu nedenle, içinde Çizim Kılavuzu bileşenin tüm özellikleri, yöntemleri, olayları mevcuttur Dize Izgarası, metinle ilgili olanlar dışında, yani özellikler dışında hücreler, Sütunlar, Satırlar, Nesneler. Bu açıdan bileşen DizeGrid göre çok daha fazla potansiyele sahiptir. çekme ızgarası,çünkü hem resimleri hem de metinleri hücrelerde saklayabilir. Ve bazı hücrelere metin girmek istiyorsanız çekme ızgarası, o zaman bunun için tuvale metin çıktısı alma yöntemlerini kullanmanız gerekecek ki bu pek uygun değil.

Bileşenler DrawGrid ve StringGrid bir tuvale sahip olmak Tuval, resimlerin yayınlanabileceği yer.

bir yöntem var hücre rekt, verilen hücre için ayrılan tuval alanını döndürür. Bu yöntem şu şekilde tanımlanır:

CellRect(ACol, ARow: Longint) işlevi: TRect;

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

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

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

yönteme göre kopyalar KopyalaRect tablonun (1,1) hücresine DrawGridl bileşenden görüntü bit eşlem.İndeksler 0'dan başladığı için bu hücre tabloda soldan ikinci ve üstten ikinci hücredir. Hücre boyutları kopyalanan görüntünün boyutundan küçükse, hücrede yalnızca resmin sol üst kısmının görüneceğini unutmayın.

Bileşen tuval resmi 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 silinebilir.

uygun yol hücrelere resim ekleme Çizim Kılavuzu bir olay işleyicisi kullanmaktır OnDrawCell. Bu olaylar, yeniden çizim anında her tablo hücresi için gerçekleşir. İşleyici başlığı şöyle görünür:

prosedür TForml.DrawGridlDrawCell(Sender: TObject;

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

Parametre Durum hücrenin durumunu gösterir. Aşağıdaki öğeleri içerebilen bir kümedir: gdSelected- vurgulanan hücre gdFocused- odakta olan hücre, gdFixed- tablonun 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 uygun şekilde gölgelenmiş çeşitli geometrik şekilleri basitçe temsil ettiğinden, grafik bilgileri görüntüleme araçlarına yalnızca koşullu olarak atfedilebilir. Bu bileşenin ana özelliği şekil(form), aşağıdaki değerleri alabilir:

StRectangle - bir dikdörtgen;

StKare - kare;

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

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

StEllipse - elips;

StCircle - bir daire.

Bileşenin bir diğer önemli özelliği ise Fırçalamak(fırçalamak). Bu özellik, türde bir nesnedir fırça, başta renk olmak üzere bir takım alt özelliklere sahip (Fırça.Renk) ve stil (Fırça Stili)şekil dolgusu Dolguyu Şekil 1'deki bazı Stil değerlerinde görebilirsiniz. 3.2. Bileşenin belirli özelliklerinin üçüncüsü şekil- dolma kalem(kalem) çizgi stilini tanımlar.

Grafik Bileşeni

Şimdi bileşeni düşünün Çizelge. Bu bileşen, çok etkileyici görünen çeşitli tablolar ve grafikler oluşturmanıza olanak tanır. Bileşen çizelge birçok özelliği, yöntemi, olayı vardır, bu yüzden hepsini göz önünde bulundurursanız, o zaman bütün bir bölümü buna ayırmanız gerekir. Bu nedenle, kendimizi yalnızca ana özellikleri dikkate almakla sınırlıyoruz. Çizelge. Gerisini Delphi'nin yerleşik yardımında bulabilir veya diyagramlarla deneyler yaparak deneyebilirsiniz.

Bileşen çizelge bir nesne kabıdır Seri- sınıf torunları TchartSeries. Bu tür her nesne, belirli bir görüntüleme stiliyle karakterize edilen bir dizi veriyi temsil eder: şu veya bu grafik veya tablo. Her bileşen çizelge birkaç dizi içerebilir. Bir grafik görüntülemek istiyorsanız, her seri grafikteki bir eğriye karşılık gelir. Grafikleri görüntülemek istiyorsanız, bazı grafik türleri için birkaç farklı seriyi üst üste bindirebilirsiniz, diğerleri için (örneğin, pasta grafikler için) muhtemelen çirkin görünecektir. Ancak, bu durumda, bir bileşen için ayar yapabilirsiniz. çizelge ile aynı verilerin birkaç serisi farklı tip diyagramlar. Ardından, her an bunlardan birini aktif hale getirerek, kullanıcıya ilgilendiği verileri görüntüleyen grafik türünü seçme şansı verebilirsiniz.

Bir veya iki bileşen yerleştirin çizelge formda ve Object Inspector'da açılan özelliklere bakın. Bunlardan bazılarını açıklayalım.

AllowPanning - kullanıcının yürütme sırasında sağ fare düğmesine basarak grafiğin gözlenen bölümünü kaydırma yeteneğini belirler. Olası değerler: pmNone - kaydırma devre dışı, pmHori/ontal, pm Vertical veya pmBoth - sırasıyla, kaydırmaya yalnızca yatay yönde, yalnızca dikey yönde veya her iki yönde izin verilir.

AhowZoom - kullanıcının çalışma zamanında fare imleciyle bir tablonun veya grafiğin parçalarını keserek görüntü yakınlaştırmasını değiştirmesine olanak tanır. Parça çerçevesi sağa ve aşağı doğru çizilirse, bu parça tüm grafik alanına uzatılır. Ve çerçeve yukarı ve sola doğru çizilirse, orijinal ölçek geri yüklenir.

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

Ayak - diyagramın altındaki başlığı tanımlar. Varsayılan olarak hiçbiri. Etiket metni, Metin alt özelliği tarafından tanımlanır.

Çerçeve - grafiğin etrafındaki çerçeveyi tanımlar.

Nesne Denetçisinde listelenen özelliklerin birçoğunun yanında, Grafik Düzenleyicinin bir veya başka bir sayfasını çağırmanıza izin veren üç noktalı düğmeler vardır - grafiklerin tüm özelliklerini ayarlamanıza izin veren çok sayfalı bir pencere. Diyagram Düzenleyiciyi çağırmak, bileşene çift tıklayarak da mümkündür. çizelge veya üzerine sağ tıklayarak ve açılır menüden Grafiği Düzenle komutunu seçerek.

Üst bileşene çift tıklayın Çizelge. Grafik Düzenleyici penceresine, birkaç sekme içeren Grafik sayfasına yönlendirileceksiniz. Öncelikle üzerinde yer alan Series sekmesi ilginizi çekecektir. Ekle düğmesine tıklayın - bir dizi ekleyin. Grafik veya grafik türünü seçebileceğiniz bir pencereye yönlendirileceksiniz. Bu durumda, bir pasta grafik olan Pasta'yı seçin. Başlıklar sekmesini kullanarak grafiğin başlığını ayarlayabilirsiniz, Açıklama sekmesi grafik açıklamasını (sembol listesi) görüntülemek için parametreleri ayarlamanıza veya ekrandan tamamen kaldırmanıza olanak tanır, Panel sekmesi grafiğin görüntülendiği panelin görünümünü belirler, 3D sekmesi grafiğinizin görünümünü değiştirmenize olanak tanır: eğim, kayma, kalınlık vb.

Grafik Düzenleyici ile çalışırken bir grafik türü seçtiğinizde, bileşenler çizelge formunuz, içine girilen koşullu verilerle görünümünü görüntüler. Bu nedenle, uygulamanıza çeşitli seçenekleri uygulamanızın sonucunu hemen gözlemleyebilirsiniz ki bu çok uygundur.

Birkaç sekmeye de sahip olan Seriler sayfası, seçim yapmanıza olanak tanır. ek özellikler dizi gösterimi. Özellikle, Biçim sekmesindeki bir pasta grafik için, grafiğin Grafik bileşeninin herhangi bir boyutunda bir daire olarak görüntülenmesini sağlayacak Daireli Pasta seçeneğinin etkinleştirilmesi yararlıdır. İşaretler sekmesinde, Stil grubunun düğmeleri, tek tek grafik 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 düğmesini tıklatarak bu Grafik bileşenine başka bir özdeş seri ekleyebilir ve ardından bunun için yeni seri Değiştir düğmesine tıklayın ve Çubuk gibi farklı bir grafik türü seçin.

Grafik Düzenleyiciden çıkın, uygulamanızda alt Grafik bileşenini seçin ve Grafik Düzenleyiciyi kullanarak bunun için ayar özelliklerini tekrarlayın. Bu durumda, grafikte iki eğri görüntülemek istiyorsanız iki seri belirtmeniz ve Çizgi grafik türünü seçmeniz gerekecektir. Grafiklerden bahsettiğimiz için, eksenlerin koordinat özelliklerini ve grafiğin üç boyutlu yüzlerini ayarlamak için Eksen ve Duvarlar sekmelerini kullanabilirsiniz.

bu tasarımda dış görünüş uygulama biter. Geriye, görüntülemek istediğiniz verileri belirten kodu yazmak kalır. Test uygulaması için pasta grafiğinde bazı sabit verileri ve grafiklerde bazı fonksiyonları tanımlayalım.

Görüntülenen değerleri ayarlamak için Series yöntemlerini kullanın. Üç ana yönteme odaklanalım.

Yöntem Temizlemek diziyi daha önce girilen verilerden siler.

Yöntem Eklemek:

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

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

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

fonksiyon grafiğine yeni bir nokta eklemenizi sağlar. Seçenekler AXDeğeri Ve AYDeğeri bağımsız değişkeni ve işlevi eşleştirin. Seçenekler ALabel ve AColor yöntemdeki ile aynı Eklemek.

Bu nedenle, örneğimizde veri yükleme prosedürü şöyle görünebilir:

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

Seriesl ile başlayın

Ekle(Al,"Mağaza l",clYellow);

Ekle(A2,"Tasarım 2",clBlue);

Ekle(A3,"Kat 3",clKırmızı);

Ekle(A4,"Tasarım 4",clPurple); son;

Seri2.Temizle; SeriS.Temizle; i:=0 ila 100 için başlayın

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

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

Kırmızı); ,clMavi);

Operatörler Temizlemek uygulamanın çalışması sırasında verileri güncelleyecekseniz gereklidir.

Bu, bileşene girişimizi sonlandırıyor. Çizelge. Doğru, yeteneklerinin sadece küçük bir kısmını düşündük.

Visual Component Library (VCL) Delphi, grafik bilgilerini görüntülemek için bize şu görsel bileşenleri sağlar: Image (resim), PaintBox (çizim penceresi), DrawGrid (resim tablosu), Chart (diyagramlar ve grafikler), Animate (çıktı video klipleri) ve ayrıca Biçim. Bu bileşenler, her piksele erişim sağlayan bir Canvas özelliğine (yukarıda açıklanmıştır) sahiptir. Elbette, Delphi'de grafiklerle çalışmak için piksel piksel çizmek zorunda değilsiniz, Delphi sistemi şunları sağlar: güçlü araçlar grafik çalışması.

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

Görüntü bileşeni (görüntü)

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 biçiminde sunulan form görüntülerini yüzeyinde görüntüler. Görüntüleri jpg formatında görüntülemek için, kullanım yönergesine JPEG modülünü dahil etmeniz gerekir. Bileşen Paletinin Ek sekmesinde bulunur.

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

Şekil 9 - Formdaki görüntü bileşeni

İstenen görüntüyü seçmek üzere bir iletişim kutusu açmak için, Nesne Denetçisini kullanarak aşağıdakileri yapın. Bunu yapmak için Picture özelliğini bulun ve solundaki üç noktayı tıklayın. Resim Düzenleyici penceresi açılır ve Yükle'yi seçin, açılan pencerede görüntü dosyasını seçin.

Bu, Picture özelliğinin LoadFromFile yöntemi çağrılarak program aracılığıyla da yapılabilir:

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

burada name_pic.jpeg, dosyanın adıdır.

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

Örnek 1: Image bileşenini kullanarak bir resim görüntüleyici yazın. Program aşağıdaki özelliklere sahip olmalıdır:

• görüntüleri bir klasörde görüntüleyin;
• Resmi tam boyutta veya pencerenin boyutuna en uygun biçimde görüntüleyin;
• · resim dosyalarını yönetin, resimleri yazdırın, kaydedin, silin ve değiştirin;
• gerekirse görüntüyü düzenleme programında açın;

Şekil 10 - Başlatılmadan önceki program penceresi

Proje oluşturma:

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

İlk olarak, ç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 var:

• · ScrollBox Tam boyut modunda görüntü Görüntünün ötesine geçtiğinde gereklidir. AlClient değerini Aling özelliğine atarız, böylece boyutları pencerenin boyutuyla orantılı olarak değişir. Ve üzerine Image bileşenini yerleştiriyoruz;
• · Resimleri kaydetmek ve açmak için SavePictureDialog ve OpenPictureDialog diyalog bileşenlerini de ekleyeceğiz. Görüntüyü seçilen dizine kopyalamak için birincisine, ikincisine - açık iletişim kutusunu çağırmak için ihtiyacımız var. grafik dosyası. Bileşen Paletinin İletişim Kutusu sayfasında bulunurlar. Bu sayfadan, yazdırmak için yazıcı seçim iletişim kutusunu çağırmamız gereken PrintDialog bileşenine de ihtiyacımız var.
• Ana menüyü programa eklemek için MainMenu'yu, daha renkli tasarım için XPManifest'i ekleyelim.
• · Ayrıca çalışma dizinindeki resimlerin isimlerini saklamak için bir yere ihtiyacımız var. Bu amaçlar için, Form1 formunun Create olayı işlenirken gizlenebilen ListBox bileşeni uygundur.
• Gezinme düğmelerini yerleştirmek için ve rahat kullanım onlarla birlikte, ü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). Onlar için bir bileşen olarak SpeedButton seçilir.
• · "Sol" (önceki resim), "Sağ" (sonraki resim) ve "Del" (resmi sil) tuşlarına basarak yakalamak için bir zamanlayıcı ekleyin.
• · Ve bir bileşen daha - büyük *.Jpg dosyalarını yükleme sürecini gösteren ProgressBar.
• 3. Düğme tıklama olayını işlemek için kodu yazın (Önceki görüntü, Sonraki görüntü, Gerçek boyut, Boyuta sığdır, Sil, Kopyala, Yazdır, Düzenle). MainMenu menü öğelerine (Exit, Open, Close, Create) tıklanma olayını işlemek için kodu yazın.
• 4. Sor başlangıç ​​ayarları bir form oluşturmak. üzerine çift tıklayın boş alan formlar ve kod yazma prosedür prosedürü TForm1.FormCreate(Sender:TObject), Ek 1'deki modül koduna bakın.
• 5. Aşağıdaki formun prosedürlerini yazın:

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

Bu prosedür, ext maskesine sahip dosyalar için yol klasörünü tarar.

Program modülünün tam bir kod listesi Ek 1'de (Program Listesi 3) yer almaktadır.

• 1. Görüntü bileşeninin yeteneklerini listeleyin.
• 2. Image bileşeni hangi sınıf 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. Görüntü bileşeninin görüntüsünü hangi özellik saklar?

"Delphi'de Grafik Bilgileri Görüntüleme"
Konu planı:
1. Grafik çıktı yöntemleri
Delphi'deki bilgiler.
2. Resimlerin gösterilmesi.
3. Geometrik görünüm
rakamlar.

“Delphi'de grafik bilgilerinin yer değiştirmesi” Konu planı: 1. C ile PPP LLC SSSS LLC BBBB Yyyy VV'de VVVV LLC DDDD AAAAA g rthff ihhchchchchchchck KKKK LLC III FFF LLCMMM MMMM MMMM AMMM ANAMM AA AA CCC IIII III in v in d d d d d eeee llll ppphhhhhhhhhhhrrrr AAAAA nnnn nnnn nnnn nnnes K AAAA Rrrr TTTTTTS LLC KKKK hakkında OO OOO BBBB RRRRR AAAAA Zhzhzhuee nnnnnnnniiheee g ge geohee oooh mmmme omme ttt rrrr III ihch chchchchchchck ibii ibiihhhhhhhhhhhhhhhnuuu nuu nu nu nh rss ttt rrrr oooh nnnn nnnn nnn nnn nnn nnn nnn nnn nnn nnn nnn nnn nnn nnn nnn nnn nnn nnn nnn nnn nnn nnn nnn nnn nnn nnn nnn nnnn III KKKK OOOO VVVV ve ve ve ve d d d d d d III AAAAA GGG Rrr AAAAA Mmmm Mmmm ...

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

2.Ekran 2.Resimleri göster. Görüntü bileşenini kullanarak görüntüleri görüntülemeyi düşündük ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve ve dd yyyyyyyyyyyy dikkate alınmalı düşünülmeli dikkate alınmalı dikkate alınmalı. PPPP EDURRRREEEE YYYE TTTT IIII n N N n AAAAAA PP PRRR IIII MMMMEEEE RRRRR ...

3. Ekran 3. Geometrik şekillerin gösterimi. Ve çeşitli Shape bileşenlerinden basit çizimler oluşturabilirsiniz. P Şekildeki Shape bileşenlerinin konumunu (.Left,.Top), boyutunu (.Width,.Height) ve rengini (Brush.Color) programlı olarak değiştirerek, en basit animasyonun öğelerini uygulayabilirsiniz. R R R R aaaa ssssssssssss mmmm oooo tttt rrrr eeee tttt b pp pp rrrr iiiiii mmmm eeee rrrr...

4. Konstrüksiyon 4. Grafik ve çizelgelerin konstrüksiyonu. Diyagramlar, sayısal veri dizilerinin daha görsel bir temsili, görsel gösterimi ve analizi için tasarlanmıştır. RRRR iiiiii mmmm eeee rrrr... Delphi'de çizelge çizmek için birkaç bileşen vardır, bunlardan biri Grafik bileşenidir (bölüm TeeChart Std).

Grafikler ve diyagramlar. Görüntülenecek veriler genellikle programlı olarak Grafiğe aktarılır, örneğin: Series1.Clear; (temiz seriler) for i:=1 - N do Series1.addxy(i, A[i], clGreen); X ekseni değeri Y ekseni değeri X ekseni etiketi Grafikteki veri rengi eeee kkkk aaaa fff f uuuu nnnn kkkk zzzz iiiiii y y y y = = = = S S S S iiii nnnn ((((xxxx))))

Ayrıca: Laboratuvar çalışması "" "" LLC TTT LLC BBBB Rrrr AAAAA AAAA NNNNNNNNNE IIEE K - K - AAAA RRRR TTTTT III NNNN LLC KKKKK ve G G G G GE GEEMM MMMM TTTT RRRRI IIIE SSCHCH IIEYE IIII IIII IIIIII IIIIA FFFF III GGGG UUUU Rrrr ve ve XXXXX A A A A NNNNNNNNNNNMMMM AAAAA AAAAA IIIIAYAYA ”” ”” ”... Görev: 1) Görüntü bileşenlerinde görüntülenen resmi periyodik olarak değiştirerek en basit animasyon için bir uygulama geliştirin. (Resim sayısı en az üç, resimleri kendiniz seçin).

Ayrıca: Laboratuvar çalışması """" PPPP oooo ssss tttt rrrr ooooo eeee nnnn iiii eeee yy y gr rrrr aaaa ffff iii kkkk oooo oooo iiiiii AAAA yyyy rrrr AAAA mmmm mmmm """ "... Görev: 1) Laboratuar 9'daki uygulamayı değiştirin (Verileri bir tabloda görüntüleme). Tablodaki bazı verileri bir çubuk veya pasta grafiğinde görüntüleme yeteneği ekleyin. 2) Belirli bir fonksiyonun grafiğini oluşturun.

Bireysel slaytlarda sunumun 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 grafik bilgileri görüntülemenin iki yolu vardır: önceden hazırlanmış görüntülerin çıktısı; programdan çizim.

3 slayt

Slayt açıklaması:

İlk yöntem, Görüntü ve Şekil bileşenlerini kullanmaya dayanır. Hazır bir resim (piktogram) kullanabilir veya bunları Image Editor kullanarak kendiniz oluşturabilirsiniz. İkinci yol, Canvas nesnesini kullanarak programlı olarak görüntüler oluşturmaktır.

4 slayt

Slayt açıklaması:

Delphi, Canvas özelliği olarak biçimlendirilmiş özel bir nesneye sahiptir. Yalnızca uygulama çalışırken kullanılabilir, bu nedenle yalnızca Object Pascal dilinde gerekli kod yazılarak programdan kontrol edilebilir. Bir nesnenin Canvas özelliği varsa, yüzeyinde çizim yapabilirsiniz. Bu rol için en uygun adaylar formun kendisi ve özel PaintBox bileşenidir.

5 slayt

Slayt açıklaması:

Tuval Nesnesi Özellikleri: Kalem (Tüy) - geometrik şekillerin çizgilerini ve kenarlıklarını çizme özelliği. Kalem, grafik imlecinin komutlarını takip eder ve sırayla kendi iç içe geçmiş özelliklerine sahiptir: Renk - çizginin rengini tanımlar (varsayılan olarak siyah); Mod - çizim stili (burada verilmeyen birçok değere sahiptir); Stil – aşağıdaki değerleri alabilen çizgi stili: psSolid – düz (varsayılan olarak); psDosh - kesikli çizgi; psDot - noktalı çizgi; psDoshDot - noktalı çizgi (ve diğer özellikler); Genişlik - çizgi kalınlığı (varsayılan 1 piksel);

6 slayt

Slayt açıklaması:

Fırça (Fırça) - aşağıdaki iç içe geçmiş özelliklere sahip şekilleri doldurma özelliği: Renk - fırça rengi (varsayılan - beyaz); Stil - aşağıdaki değerleri alabilen fırça süsü: bsClear - düz 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 (Yazı Tipi) - aşağıdaki iç içe geçmiş özelliklere sahip metni görüntülemek için bir özellik: Renk - karakterlerin 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 - üstü çizili;

8 slayt

Slayt açıklaması:

PenPos (Kalem konumu) - geçerli çizim konumunu saklamak için bir özellik (belirli bir zamanda kalemin çizim alanındaki konumunu belirler); Pikseller - çizim alanının ("tuval") tek tek noktalarının koordinatlarını yazmak ve okumak için dizi özelliği.

9 slayt

Slayt açıklaması:

Canvas nesnesinin yöntemleri MoveTo(x,y: integer) – kalemi bir çizgi çizmeden mevcut konumdan verilen x, y koordinatlarına sahip noktaya taşır; LineTo(х.у: tamsayı) - kalemi mevcut konumdan verilen x, y koordinatlarıyla bir çizgi çizerek noktaya hareket ettirir; Yay(x1, y1, x2, y2, x3, y3, x4, y4: tamsayı) - (x1, y1) ve (x2, y2) koordinatlarına sahip bir dikdörtgenin içine çizilmiş bir elips yayı çizer. Yay, (x3, y3) ve (x4, y4) noktalarından geçen elipsin yarıçapları tarafından belirlenir;

10 slayt

Slayt açıklaması:

Chord(x1, y1, x2, y2, x3, y3, x4, y4: integer) – Arc yöntemi için açıklandığı gibi bir elips kiriş çizer; Elips(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 içine yazılmış bir elips çizer; FillRect (Rect (x1, y1, x2, y2: integer)) - dikdörtgeni geçerli fırçada (Fırça) 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: FillStyle=fsBorder ile - x, y koordinatlarına sahip bir noktadan sınıra kadar kapalı bir alan, belirli renk renk; FillStyle=fsSurface ile – yüzeyin Color rengine sahip olan alanı; 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 bölümü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 birleştirerek bir sürekli çizgi çizer; Poligon (Noktalar: TPoint dizisi) - Noktalar dizisinin noktalarını sırayla birleştirerek çokgenler çizer. Çoklu çizginin sonunu otomatik olarak başlangıcına bağlaması bakımı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;

13 slayt

Slayt açıklaması:

Retresh – yöntem, görüntünün yeniden çizilmesi gerektiğinde çağrılır; RoundRect (x1, y1, x2, y2, x3, y3: integer) - Köşeleri yuvarlatılmış bir dikdörtgen çizer. Köşeler, x3 genişliğinde ve y3 yüksekliğinde bir elipsin dörtte biri olarak çizilir; TextOut (x, y:integer, Text:String) - Text parametresinde belirtilen metni verir. Metin, sol üst köşesi x, y koordinatlarına sahip bir dikdörtgene sığar.