مكون لعرض المعلومات الرسومية في دلفي. عرض تقديمي حول موضوع "عرض المعلومات الرسومية في دلفي." قائمة المكونات لعرض المعلومات الرسومية

العمل المختبري

موضوع: « الرسومات فيدلفي- بناء أبسط
الأشكال الهندسية"

معلومات موجزة عن النظرية

توفر دلفي للمطور ثلاث طرق لعرض الرسومات:

التخطيط أثناء تشغيل البرنامج

استخدام الرسومات التي تم إنشاؤها مسبقًا

إنشاء الصور باستخدام المكونات الرسومية

لإنشاء الرسوم البيانية، تم إنشاء فئات خاصة توفر أدوات وطرق للرسم: تم وصف الأدوات في ثلاث فئات - Tfont، Tpen، Tbrush؛ يتم توفير منطقة الرسم والأساليب من خلال فئة Tcanvas.

فصلتفونت- يحدد خصائص الخط المستخدم لعرض النص على اللوحة القماشية. تم توضيح خصائص الفئة في قسم "الخصائص الأساسية المتوفرة لمعظم المكونات".

فصلتبن- يحدد خصائص القلم (القلم الرصاص) الذي يتم به رسم الخطوط.

ملكياتفصل تبن:

لون:Tcolor – لون الخط (افتراضي – أسود)

عرض: عدد صحيح - سمك الخط بالبكسل؛

أسلوب = (psSolid، psDash، psDot، psdashDot، psClear) - يحدد نمط الخط (صلب، متقطع، منقط، منقط بشرطة، غير مرئي)

فصلفرشاة- يضبط خصائص الفرشاة التي ترسم سطح الصورة.

ملكياتفصل فرشاة:

لون:Tcolor – لون الفرشاة (افتراضي – أبيض)

أسلوب- نمط الفرشاة، يمكن أن يأخذ القيم التالية:

BsSolid - تلوين صلب

BsClear – عدم وجود التظليل

BsVertical – الخطوط العمودية

BsBdiagonal – الخطوط القطرية اليمنى

BsDiagCross – خلية مائلة

BsHorizontal – الخطوط الأفقية

BsFdiagonal - الخطوط القطرية اليسرى

BsCross – القفص

فصلقماش- يحدد السطح الذي توضع عليه الصورة التي تم إنشاؤها، والأدوات التي يتم إنشاء الصورة بها: الخط، القلم الرصاص، الفرشاة.

بشكل افتراضي، يتم استخدام منطقة العميل الكاملة للنموذج كمنطقة عمل (لوحة قماشية) (بدون الرأس والقائمة الرئيسية وخطوط التمرير للنموذج)، ولكن يمكنك تخصيص مناطق عمل أصغر داخل النموذج باستخدام المكونات PaintBoxأو صورة. أصل إحداثيات اللوحة القماشية هو الركن الأيسر العلوي من منطقة العمل، ويتم تحديد عرض منطقة العمل من خلال الخاصية عرض العميلالارتفاع - الملكية ارتفاع العميل.

ملكياتفصل قماش:

اللوحة القماشية:Tcanvas - يحدد منطقة الرسم

فرشاة:Tbrush - فرشاة لملء الأشكال المغلقة

الخط:Tfont – خط لعرض النص على اللوحة القماشية

قلم:Tpen – قلم رصاص (قلم) للرسم

نقاط البيع:Tpoint - الموضع الحالي للمؤشر غير المرئي على اللوحة القماشية

تعليق : نوع Tpoint - محدد على النحو التالي:

اكتب نقطة = سجل

بكسل: Tcolor - يضبط ألوان وحدات البكسل القماشية، وإحداثيات البكسل X وY. تعد خاصية البكسل ملائمة للاستخدام لرسم الرسوم البيانية باستخدام نقاط من اللون المحدد.

الطرق الرئيسية لفئة TCanvas

إجراء الانتقال إلى(س، ص: عدد صحيح)؛ - يحرك القلم دون رسم خط إلى نقطة ذات إحداثيات (x، y).

إجراء LineTo(س، ص: عدد صحيح)؛ - رسم خط من النقطة الحالية إلى النقطة ذات الإحداثيات (x، y).

مثال : ارسم خطًا أزرقًا قطريًا على الشكل من الزاوية العلوية اليسرى للشكل إلى الزاوية اليمنى السفلية.

لون القلم:= clblue;

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

إجراء مستطيل(x1,y1,x2,y2:عدد صحيح); - رسم مستطيل: x1,y1 - إحداثيات الزاوية اليسرى العليا؛ x2, y2 هي إحداثيات الزاوية اليمنى السفلى.

مثال : ارسم مربعًا مظللاً باللون الأصفر يبلغ طول ضلعه 60 بكسل في منتصف الشكل.

فار Xc،Yc: عدد صحيح؛ //

Xc:=ClientWidth div 2;

Xy:=ClientHeight div 2;

Canvas.Brush.color:=clyellow;

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

إجراء الشكل البيضاوي(x1,y1,x2,y2:عدد صحيح); - رسم قطع ناقص منقوش في مستطيل بالإحداثيات المحددة.

مثال : ارسم شكلًا بيضاويًا منقوشًا في مكون PaintBox.

PaintBox1.Canvas.Pen.Width:=4; // عرض الخط = 4 بكسل

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

إجراء مضلع()؛ - يرسم مضلعًا مغلقًا محددًا بمجموعة من الإحداثيات.

مثال : ارسم ماسة مملوءة تربط بين نقاط المنتصف لجوانب الشكل

فار Xc،Yc:عدد صحيح؛ // إحداثيات مركز منطقة العميل للنموذج

Xc:=ClientWidth div 2;

Xy:=ClientHeight div 2;

Canvas.Brush.Color:=Rgb(275,140,70); // البرتقالي لون تظليل

Canvas.Polygon();

نهاية؛

إجراء قوس(x1,y1,x2,y2,x3,y3,x4,y4:عدد صحيح); - يعرض قوس القطع الناقص الذي يحده مستطيل (x1، y1، x2، y2). يتم عرض القوس من نقطة بإحداثيات (x3,y3) إلى نقطة بإحداثيات (x4,y4) ضدفي اتجاه عقارب الساعة.

مثال : ارسم قوسًا بيضاويًا يربط منتصف الجانب العلوي للمكون
PaintBox بمنتصف جانبه الأيمن.

الإجراء Tform1.Button1Click(Sender:Tobject);

فار X3,y3,x4,y4: عدد صحيح؛

مع PaintBox1 تفعل ذلك

Canvas.Pen.Color:= clWhite;

Canvas.Pen.Width:= 3;

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

X3:= عرض العميل div 2;

X4:= عرض العميل;

Y4:= ClientHeight div 2;

Canvas.Pen.Color:= clMaroon;

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

نهاية؛

إجراء وتر(x1,y1,x2,y2,x3,y3,x4,y4:عدد صحيح); - يرسم وترًا - خط مستقيم يربط بين نقطتين من القطع الناقص: نقطة بإحداثيات (x3، y3) مع نقطة (x4، y4).

مثال : استبدل طريقة Chord في المثال المقدم لطريقة ARC واحصل على النتيجة التالية.

إجراء فطيرة(x1,y1,x2,y2,x3,y3,x4,y4:عدد صحيح); - رسم قطعة بيضاوية تربط مركز القطع الناقص بالإحداثيات (x3,y3) و (x4,y4).

مثال : في المثال المقدم لطريقة ARC، تخيل طريقة PIE واحصل على هذه النتيجة.

إجراء TextOut(س، ص: عدد صحيح؛ النص: سلسلة)؛ - يقوم بإخراج السلسلة التي تم تمريرها في معلمة النص إلى مستطيل تم تحديد زاويته اليسرى العليا إحداثيات س، ص. يتم تعيين خصائص الخط بواسطة أداة الخط.

مثال : اكتب اسم الرسم البياني المرسوم في أسفل النموذج.

قماش.الخط.الارتفاع:=20 ; // ارتفاع الحرف 20 بكسل

Canvas.Font.Color:=clblue;

Canvas.TextOut(10, ClientHeight-24, 'رسم بياني للدالة SIN(X)');

المكونات الرسومية

تقدم دلفي عددًا من المكونات الجاهزة التي تتيح لك التحسين واجهة المستخدم. هذه المكونات موجودة على الصفحة إضافيو نظاملوحات المكونات.

عنصرصورة(فصلتيماج) - تم إنشاؤه لعرض الصور الرسومية المخزنة في الملفات الخارجية ذات الامتدادات:

إيكو (أيقونة، رسم تخطيطي)؛

Bmp (صورة نقطية، صورة نقطية)؛

Wmf، .emf (ملف التعريف)؛

Jpg، .jpeg (صورة مضغوطة بتنسيق JPEG).

أساسي ملكيات :

الحجم التلقائي:boolean - عند التعيين على true، يقوم المكون بضبط أبعاده وفقًا لحجم الصورة المحملة؛ الافتراضي هو خطأ.

تمتد:boolean - إذا كان صحيحًا، فإن القيمة المحملة تشغل مساحة المكون بالكامل؛ الافتراضي هو خطأ.

اللوحة القماشية:Tcanvas – يستخدم للرسم داخل المكون أثناء تنفيذ البرنامج.

صورة:Tpicture - يحدد الصورة الموضوعة في المكون.

أساسي طُرقفصل الصورة:

إجراء تحميل من ملف(اسم الملف:سلسلة)؛ - يقوم بتحميل صورة من ملف يسمى Filename إلى المكون.

إجراء احفظ الملف(اسم الملف:سلسلة)؛ -يحفظ الصورة من المكون إلى ملف يسمى اسم الملف.

عنصرPaintBox - يحدد منطقة رسم مستطيلة. الخاصية الرئيسية هي اللوحة القماشية، جميع أساليب فئة Tcanvas متاحة، وليس لها خصائص مستقلة.

مثال : ارسم شكلًا بيضاويًا أصفر مدرجًا في مكون PaintBox1.

الإجراء Tform1Button1Click(sender:Tobject);

مع PaintBox1.Canvas تفعل ذلك

Brush.Color:=clyellow;

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

نهاية;

عنصرBitBtn – زر النقطية

يمكن لزر BitBtn، على عكس الزر القياسي، أن يحتوي بالإضافة إلى العنوان (Caption) على صورة محددة بواسطة الخاصية الصورة الرمزية. توجد مجموعة من أزرار BitBtn القياسية، بخصائص محددة مسبقًا (مع صورة ونقش وهدف محدد) - يتم تحديد نوع الزر القياسي من خلال الخاصية عطوف. النوع = (bkCustom، bkAbort،bkCancel، bkClose …)

المهمة رقم 1

قم بإنشاء تطبيق يحتوي على مكونين من مكونات الصورة و4 أزرار في النموذج الرئيسي ("تحميل الصورة"، "إنشاء شكل هندسي"، "تغيير اللون"، "خروج")، ويسمح لك بما يلي:

أ) قم بتحميل الصورة الرسومية التي حددها المستخدم في مكون Image1 بحيث تشغل الصورة كامل مساحة مكون الصورة.

ب) تحت مكون Image1، قم بعرض النقش "هذه صورة من ملف.

(لأي قياس لحجم وموضع المكونصورةينبغي 1 النقش
تقع بدقة تحت المكون).

ج) ارسم شكلًا هندسيًا داخل مكون Image2: قطعة بيضاوية مملوءة تربط منتصف مكون الصورة مع منتصف الجوانب السفلية واليمنى لمكون الصورة.

(لأي تغيير في حجم وموضع المكونصورة2 يجب أن يتم بناء الشكل بشكل صحيح، أي. وفقا للمواصفات المتعلقة بالمكونصورة2)

د) تغيير لون خط الشكل المرسوم في Image2 بناءً على طلب المستخدم باستخدام مكون ColorDialog.

المهمة رقم 2

قم بإنشاء تطبيق يسمح لك بوضع عدة تسميات بشكل عشوائي (على سبيل المثال، الكلمة "مرحى!") في مكون الصورة. لتنفيذ ذلك، استخدم منشئ الأرقام العشوائية Randomize والدالة Random.

يجب على المستخدم إدخال أبعاد مكون الصورة والكلمة المعروضة في الصورة وعدد الكلمات.

المهمة رقم 3

قم بإنشاء تطبيق يسمح لك بتحديد اسم الشكل الهندسي من ListBox ورسم الشكل المحدد في مكون الصورة. يتم تحديد لون الشكل من مكون RadioGroup.

المهمة رقم 4

قم بتقسيم مكون PaintBox1 إلى 4 أجزاء متساوية، وقم بطلاء كل جزء بلون مختلف، على سبيل المثال: الأزرق، الأصفر، الأخضر، الأحمر.

بجوار كل ركن من أركان PaintBox1، اكتب إحداثيات تلك الزاوية (بالنسبة إلى أصل النموذج الذي يوجد عليه مكون PaintBox1).

المهمة رقم 5

مع

حدد نوع الشكل المراد رسمه من مكون Radiogroup1، ولون التعبئة من مكون Radiogroup2، وارسم الشكل المحدد في مكون الصورة.

المهمة رقم 6

قم بإنشاء تطبيق يسمح للمستخدم بتعيين أبعاد مكون PaintBox1 (بالبكسل).

قم بتقسيم مكون PaintBox1 إلى جزأين متساويين، داخل كل جزء ارسم شكلًا بيضاويًا مملوءًا باللون الذي حدده المستخدم في ColorDialog.

المهمة رقم 7

مع قم بإنشاء تطبيق يسمح لك بما يلي:

حدد اسم الشكل الهندسي من ListBox وارسم الشكل المحدد في مكون الصورة. يجب ملء الشكل باللون الذي حدده المستخدم في مكون ColorDialog إذا تم تحديد Yes في مكون RadioGroup.

المهمة رقم 8

قم بإنشاء تطبيق يسمح للمستخدم بتعيين أبعاد مكون PaintBox1 (بالبكسل).

قم بتقسيم مكون PaintBox1 إلى 4 أجزاء متساوية، داخل كل جزء ارسم شكلًا هندسيًا مختلفًا (القطع الناقص والمعين والمثلث والمستطيل). يتم تحديد لون كل شكل من قبل المستخدم في ColorGrid.

المهمة رقم 9

حدد اسم الشكل الهندسي من ListBox
الأشكال (القطع الناقص، المعين، المستطيل) ورسم
الشكل المحدد في مكون الصورة. موقع
الأشكال في مكون الصورة (الربع الأول، الربع الثاني،

الربع الثالث أو الرابع) ويتم تحديد لون الشكل
من مكونات RadioGroup.

المهمة رقم 10

قم بإنشاء تطبيق يسمح للمستخدم بتعيين أبعاد مكون PaintBox1 (بالبكسل).

بشرط ألا يكون حجم الجانب نصًا، ولا يمكن أن يكون رقمًا سالبًا، ولا يمكن أن يتجاوز حجم النموذج الأصغر.

قم بتقسيم مكون PaintBox1 إلى 4 أجزاء متساوية، داخل كل جزء ارسم شكلًا هندسيًا حدده المستخدم في Combobox (القطع الناقص والمعين والمثلث والمستطيل). يتم تحديد لون الشكل من قبل المستخدم في ColorBox.

المهمة رقم 11

قم بإنشاء تطبيق يسمح لك بما يلي:

حدد من مكون Radiogroup موضع الرسم

في مكون الصورة للمثلث الأيمن، اضبط
لون تظليل الشكل أو لون المخطط التفصيلي، اعتمادًا على
تمكين أزرار خانة الاختيار. حدد اللون عبر
مكون ColorGrid

المهمة رقم 12

قم بإنشاء تطبيق يسمح للمستخدم بتعيين أبعاد مكون PaintBox1 (بالبكسل).

بشرط ألا يكون حجم الجانب نصًا، ولا يمكن أن يكون رقمًا سالبًا، ولا يمكن أن يتجاوز حجم النموذج الأصغر.

قم بتقسيم مكون PaintBox1 إلى جزأين متساويين، داخل أحد الأجزاء ارسم شكلًا هندسيًا حدده المستخدم في Combobox (القطع الناقص والمعين والمثلث والمستطيل). يتم تحديد لون الشكل من قبل المستخدم في ColorBox.

على سبيل المثال، يمكنك تغيير لون النموذج كما يلي:

form1.Color:= ColorBox1.Colors;

المهمة رقم 13

قم بإنشاء تطبيق يسمح لك بما يلي:

أ) ارسم مربعًا في منتصف الشكل (يتم إدخال حجم جانب المربع من قبل المستخدم). بشرط ألا يكون حجم الجانب نصًا، ولا يمكن أن يكون رقمًا سالبًا، ولا يمكن أن يتجاوز حجم النموذج الأصغر.

ب) قسّم المربع إلى قطري واحد أو قطريين، اعتمادًا على إدراج أزرار خانة الاختيار، ثم قم بطلاء كل مثلث ناتج بلون مختلف. يتم اختيار اللون من قبل المستخدم.

المهمة رقم 14

قم بإنشاء تطبيق يسمح للمستخدم بتعيين أبعاد مكون PaintBox1 (بالبكسل).

بشرط ألا يكون حجم الجانب نصًا، ولا يمكن أن يكون رقمًا سالبًا، ولا يمكن أن يتجاوز حجم النموذج الأصغر.

قم بتقسيم مكون PaintBox1 إلى جزأين متساويين، داخل جزء واحد ارسم معينًا، وداخل الجزء الآخر ارسم أي مثلث. يتم تحديد لون الشكل من قبل المستخدم في ColorBox.

على سبيل المثال، يمكنك تغيير لون النموذج كما يلي:

form1.Color:= ColorBox1.Colors;

المهمة رقم 15

قم بإنشاء تطبيق يسمح لك بما يلي:

أ) ضبط أبعاد مكون الصورة أفقيًا وعموديًا لتكون هي نفسها وتساوي الرقم الذي أدخله المستخدم من لوحة المفاتيح؛

(يشترط ألا يكون حجم الجانب نصًا، ولا يمكن أن يكون رقمًا سالبًا، ولا يمكن أن يتجاوز حجم النموذج الأصغر)

ب) قسّم مكون الصورة إلى 4 مربعات متساوية بخطين أزرقين؛

ج) داخل كل مربع ناتج، ارسم دائرة منقوشة فيه (اسمح للمستخدم باختيار لون الدوائر من خلال مربع حوار اختيار اللون).

المهمة رقم 16

قم بإنشاء تطبيق يسمح للمستخدم بتعيين أبعاد مكون PaintBox1 (بالبكسل).

بشرط ألا يكون حجم الجانب نصًا، ولا يمكن أن يكون رقمًا سالبًا، ولا يمكن أن يتجاوز حجم النموذج الأصغر.

قم بتقسيم مكون PaintBox1 إلى 9 أجزاء متساوية وقم برسم كل مستطيل من رقعة الشطرنج الناتجة. يتم تحديد لون التعبئة من قبل المستخدم في ColorBox.

على سبيل المثال، يمكنك تغيير لون النموذج كما يلي:

form1.Color:= ColorBox1.Colors;

المهمة رقم 17

ضع مكونين للصورة وأربعة أزرار في النموذج: لون الخط، ولون التعبئة، وموافق، وخروج؛ ومكون التحرير.

عند النقر فوق الزر "موافق"، يتم رسم مربع ذو ضلع X في الصورة 1، ويتم رسم مثلث قائم بأضلاع متساوية، كل منها له طول X، في الصورة 2.

يتطابق رأس المثلث مع أصل الصورة 2. يتطابق أحد رؤوس المربع مع أصل الصورة 1.

يصبح الزر موافق متاحًا فقط عند تحديد لون الخط ولون التعبئة لرسم الشكل.

X - يتم الاختيار عشوائيًا باستخدام وظائف عشوائيةويجب أن يعرض مكون التحرير قيمة X.

المهمة رقم 18

قم بإنشاء تطبيق يسمح للمستخدم بتعيين أبعاد مكون PaintBox1 (بالبكسل).

قم بتقسيم مكون PaintBox1 إلى 4 أجزاء متساوية، داخل الجزء الذي حدده المستخدم، يجب إنشاء دائرة مملوءة، يتم تحديد حجمها من قبل المستخدم. يقوم المستخدم بتحديد لون التعبئة في ColorBox.

على سبيل المثال، يمكنك تغيير لون النموذج كما يلي:

form1.Color:= ColorBox1.Colors;

لعرض المعلومات الرسومية، توفر مكتبة دلفي المكونات، والتي ترد قائمتها في الجدول. 6.

الجدول 6

مكونات لعرض المعلومات الرسومية

عنصر	صفحة	وصف
صورة	إضافي	تستخدم لعرض الرسومات
PaintBox (نافذة للرسم)	نظام	يستخدم لإنشاء منطقة معينة في النموذج الذي يمكنك الرسم به
DrawGrid (جدول الرسومات)	إضافي	يستخدم لعرض البيانات غير النصية في الصفوف والأعمدة
الرسم البياني (الرسوم البيانية والرسوم البيانية)	إضافي	ينتمي المكون إلى عائلة مكونات TeeChart، والتي تُستخدم لإنشاء المخططات والرسوم البيانية
Chartfx (الرسوم البيانية والرسوم البيانية)	اكتف اكس	محرر الرسم البياني والرسوم البيانية
FIBook (صفحات Excel)	اكتف اكس	عنصر إدخال ومعالجة المعلومات الرقمية
فتشارت (الرسوم البيانية)	اكتف اكس	نافذة الرسم التخطيطي

بالإضافة إلى ذلك، يمكنك عرض وإدخال المعلومات الرسومية على سطح أي مكون نافذة لديه هذه الخاصية اللوحة القماشية- اللوحة القماشية.

جداول الصور - مكونات DrawGrid وStringGrid

عنصر رسم الشبكةيستخدم لإنشاء جدول في التطبيق الذي يمكن أن يحتوي على الصور الرسومية. هذا المكون مشابه للمكون StringGridلأن الأخير مشتق من رسم الشبكة.لذلك في رسم الشبكةجميع خصائص وأساليب وأحداث المكون موجودة StringGridباستثناء تلك المتعلقة بالنص، أي. باستثناء الخصائص الخلايا, كولز، صفوف، كائنات.ومن هذا المنطلق فإن المكون StringGridلديه قدرات أكبر بكثير من رسم الشبكةلأنه يمكن تخزين كل من الصور والنصوص في الخلايا. وإذا كنت تريد إدخال نص في بعض الخلايا رسم الشبكةفإنك ستحتاج إلى استخدام طرق عرض النص على المخطط التفصيلي لهذا، وهو أمر غير مناسب للغاية.

عناصر DrawGrid وStringGridلديك مخطط تفصيلي اللوحة القماشية،حيث يمكنك نشر الصور.

هناك طريقة خلية المستقيم،والتي تُرجع مساحة اللوحة القماشية المخصصة لخلية معينة. يتم تعريف هذه الطريقة على أنها

الدالة CellRect(ACol, ARow: Longint): TRect;

أين Acol وARow- مؤشرات الأعمدة والصفوف تبدأ من 0 عند التقاطع الذي تقع فيه الخلية. المنطقة التي يتم إرجاعها بواسطة هذه الوظيفة هي منطقة اللوحة القماشية التي يمكن رسم الصورة المطلوبة فيها. على سبيل المثال، المشغل

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

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

طريقة النسخ CopyRectإلى الخلية (1،1) من الجدول DrawGridlصورة من المكون خريطة نقطية.هذه الخلية هي الثانية من اليسار والثانية من الأعلى في الجدول، حيث أن المؤشرات تبدأ من 0. يرجى ملاحظة أنه إذا كانت الخلية أصغر من حجم الصورة المنسوخة، فسيظهر الجزء العلوي الأيسر فقط من الصورة في الخلية.

الصورة على قماش المكون DrawGrid وStringGrid،كما هو الحال في لوحة أي مكون، فهو عرضة للمسح عندما تتداخل نافذة التطبيق مع نوافذ أخرى، أو على سبيل المثال، عندما يتم تصغير التطبيق.

طريقة ملائمة لإدخال الصور في الخلايا رسم الشبكةهو استخدام معالج الحدث OnDrawCell.تحدث هذه الأحداث لكل خلية في الجدول في الوقت الذي يتم فيه إعادة رسمها. يبدو رأس المعالج كما يلي:

الإجراء TForml.DrawGridlDrawCell(Sender: TObject;

Acol, ARow: عدد صحيح؛ المستقيم: TRect؛ الحالة: TGridDrawState)

معامل ولايةيشير إلى حالة الخلية. وهي مجموعة يمكن أن تحتوي على العناصر التالية: gdSelected- الخلية المحددة، gdFocused- الخلية التي يتم التركيز عليها، gdFixed- خلية في منطقة ثابتة من الجدول. معامل ولايةيمكن استخدامها لعرض الخلايا بشكل مختلف في حالات مختلفة.

مكون الشكل

مكون الشكللا يمكن تصنيفها إلا بشكل مشروط كوسيلة لعرض المعلومات الرسومية، لأنها تمثل ببساطة أشكالًا هندسية مختلفة، مظللة بشكل مناسب. الخاصية الرئيسية لهذا المكون هي شكل(النموذج)، والتي يمكن أن تأخذ القيم التالية:

StRectangle - مستطيل؛

ستسكوير - مربع؛

StRoundRect - مستطيل ذو زوايا مستديرة؛

StRouhdSquare - مربع ذو زوايا مستديرة؛

StEllipse – القطع الناقص.

ست سيركل - دائرة.

خاصية أساسية أخرى للمكون هي فرشاة(فرشاة). هذه الخاصية هي كائن من النوع فرشاة,وجود عدد من الخصائص الفرعية، في لون معين (فرشاة.لون)والأسلوب (الفرشاة.النمط)ملء الشكل. يمكنك رؤية تعبئة بعض قيم النمط في الشكل. 3.2. الخاصية الثالثة المحددة للمكون شكل- قلم(القلم) الذي يحدد نمط الخط.

مكون الرسم البياني

الآن دعونا نلقي نظرة على المكون جدول.يتيح لك هذا المكون إنشاء العديد من المخططات والرسوم البيانية التي تبدو رائعة للغاية. عنصر جدوللها خصائص وأساليب وأحداث كثيرة، حتى لو تأملناها جميعا لوجب علينا أن نخصص لها فصلا كاملا. لذلك، سنقتصر على النظر في الخصائص الرئيسية فقط جدول.يمكنك العثور على الباقي في مساعدة دلفي المضمنة، أو يمكنك تجربتها فقط من خلال تجربة الرسوم البيانية.

عنصر جدولعبارة عن حاوية للأشياء مسلسل- ورثة الطبقة TChartSeries.يمثل كل كائن سلسلة من البيانات التي تتميز بأسلوب عرض معين: رسم بياني أو رسم تخطيطي معين. كل مكون جدولقد تشمل عدة حلقات. إذا كنت تريد عرض رسم بياني، فستتوافق كل سلسلة مع منحنى واحد على الرسم البياني. إذا كنت تريد عرض المخططات، فبالنسبة لبعض أنواع المخططات، يمكنك تراكب عدة سلاسل مختلفة فوق بعضها البعض، وبالنسبة لأنواع أخرى (مثل المخططات الدائرية)، فمن المحتمل أن تبدو قبيحة. ومع ذلك، حتى في هذه الحالة، يمكنك تعيين مكون واحد جدولعدة سلسلة من البيانات متطابقة مع أنواع مختلفةالرسوم البيانية. بعد ذلك، من خلال تنشيط أحدهما في كل مرة، يمكنك تزويد المستخدم باختيار نوع المخطط الذي يعرض البيانات التي يهتم بها.

ضع مكونًا واحدًا أو مكونين جدولفي النموذج وانظر إلى الخصائص التي يتم فتحها في Object Inspector. وفيما يلي بعض التوضيحات لبعض منهم.

السماح بالتحريك - يحدد قدرة المستخدم على تمرير الجزء المرصود من الرسم البياني أثناء التنفيذ بالضغط على زر الفأرة الأيمن. القيم المحتملة: PMNone - التمرير محظور، PMHori/ontal، PM عمودي أو PMBoth - التمرير مسموح به، على التوالي، في الاتجاه الأفقي فقط، أو في الاتجاه الرأسي فقط، أو في كلا الاتجاهين.

AhowZoom - يسمح للمستخدم بتغيير تكبير الصورة في وقت التشغيل عن طريق قطع أجزاء من المخطط أو الرسم البياني باستخدام مؤشر الماوس. إذا تم رسم إطار الجزء إلى اليمين وإلى الأسفل، فسيتم تمديد هذا الجزء ليغطي مجال الرسم البياني بأكمله. وإذا تم رسم الإطار إلى الأعلى وإلى اليسار، فسيتم استعادة المقياس الأصلي.

العنوان - يحدد عنوان الرسم التخطيطي.

القدم - يحدد التسمية التوضيحية الموجودة أسفل الرسم التخطيطي. لا شيء افتراضيا. يتم تحديد نص التوقيع بواسطة الخاصية الفرعية Text.

الإطار - يحدد الإطار حول الرسم التخطيطي.

بجانب العديد من الخصائص المدرجة في Object Inspector، توجد أزرار بها علامات حذف تسمح لك باستدعاء صفحة أو أخرى من محرر المخططات - وهي نافذة متعددة الصفحات تسمح لك بتعيين جميع خصائص المخططات. يمكن أيضًا استدعاء محرر المخطط بالنقر المزدوج فوق المكون جدولأو عن طريق النقر بزر الماوس الأيمن عليه وتحديد أمر تحرير المخطط من القائمة المنبثقة.

انقر مرتين على المكون العلوي جدول.سيتم نقلك إلى نافذة محرر الرسم البياني في صفحة الرسم البياني، والتي تحتوي على عدة علامات تبويب. بادئ ذي بدء، سوف تكون مهتمًا بعلامة التبويب "السلسلة" الموجودة عليها. انقر فوق الزر "إضافة" - أضف سلسلة. سيتم نقلك إلى نافذة حيث يمكنك تحديد نوع المخطط أو الرسم البياني. في هذه الحالة، حدد دائري - مخطط دائري. باستخدام علامة التبويب "العناوين"، يمكنك تعيين عنوان المخطط، وتتيح لك علامة التبويب "أسطورة" تعيين معلمات لعرض وسيلة إيضاح المخطط (قائمة الرموز) أو إزالتها من الشاشة تمامًا، وتحدد علامة التبويب "اللوحة" مظهر اللوحة على الذي يتم عرضه في المخطط، تمنحك علامة التبويب ثلاثي الأبعاد الفرصة لتغيير مظهر المخطط الخاص بك: الإمالة، والإزاحة، والسمك، وما إلى ذلك.

عندما تعمل في محرر المخططات وتحدد نوع المخطط، فإن المكونات جدوليعرض النموذج الخاص بك مظهره مع البيانات الشرطية المدخلة فيه. لذلك، يمكنك أن ترى على الفور نتيجة تطبيق الخيارات المختلفة على تطبيقك، وهو أمر مريح للغاية.

تمنحك صفحة السلسلة، التي تحتوي أيضًا على عدد من علامات التبويب، القدرة على تحديد خيارات عرض إضافية للسلسلة. على وجه الخصوص، بالنسبة للمخطط الدائري، في علامة التبويب "تنسيق"، من المفيد تمكين خيار "دائري محاط بدائرة"، والذي سيضمن عرض المخطط كدائرة بأي حجم لمكون المخطط. في علامة التبويب "علامات"، تحدد أزرار مجموعة النمط ما سيتم كتابته على التسميات المتعلقة بالأجزاء الفردية من المخطط: القيمة - القيمة، والنسبة المئوية - النسب المئوية، والتسمية - أسماء البيانات، وما إلى ذلك.

يمكنك، إذا كنت ترغب في ذلك، إضافة سلسلة مماثلة أخرى إلى مكون المخطط هذا عن طريق النقر فوق الزر "استنساخ" الموجود في علامة تبويب السلسلة بصفحة المخطط، ثم لهذا سلسلة جديدةانقر فوق الزر "تغيير" وحدد نوع مخطط مختلف، على سبيل المثال، شريط.

اخرج من محرر المخططات، وحدد مكون المخطط السفلي في تطبيقك وكرر تعيين خصائصه باستخدام محرر المخططات. في هذه الحالة، ستحتاج إلى تحديد سلسلتين إذا كنت تريد عرض منحنيين على الرسم البياني، وتحديد نوع المخطط الخطي. بسبب ال نحن نتحدث عنفيما يتعلق بالرسوم البيانية، يمكنك استخدام علامتي التبويب "المحور" و"الجدران" لتحديد الخصائص الإحداثية للمحاور والحواف ثلاثية الأبعاد للرسم البياني.

هذا كل شيء للتصميم مظهرينتهي التطبيق. كل ما تبقى هو كتابة الكود الذي يحدد البيانات التي تريد عرضها. بالنسبة لتطبيق الاختبار، فلنقم فقط بتعيين بعض البيانات الثابتة في المخطط الدائري وبعض الوظائف في الرسوم البيانية.

لتعيين القيم المعروضة، يجب عليك استخدام أساليب السلسلة. دعونا نركز فقط على ثلاث طرق رئيسية.

طريقة واضحمسح سلسلة من البيانات التي تم إدخالها مسبقًا.

طريقة يضيف:

إضافة(Const AValue:Double; Const ALabel:String; AColor:TColor) ،

يسمح لك بإضافة نقطة جديدة إلى الرسم التخطيطي. معامل القيمةيتوافق مع القيمة المضافة، المعلمة أليبل- التسمية التي سيتم عرضها على الرسم البياني وفي وسيلة الإيضاح، لون- لون. معامل أليبل- اختياري، يمكن وضعه فارغًا: ' '. طريقة إضافةXY:

AddXY(Const AXValue، AYValue: مزدوج؛ Const ALabel: سلسلة؛ AColor: TColor)

يسمح لك بإضافة نقطة جديدة إلى الرسم البياني للوظيفة. خيارات قيمة AXو AYValueتتوافق مع الوسيطة والوظيفة. خيارات ALabel وAColorنفس الشيء كما في الطريقة يضيف.

وبالتالي، فإن إجراء تحميل البيانات في مثالنا يمكن أن يبدو كما يلي:

ثابت آل = ​​155؛ أ2=251; A3=203; A4=404; فار ط:كلمة؛ يبدأ

مع السلسلة تبدأ

Add(Al,"Workshop l",clYellow);

Add(A2"،ورشة عمل 2"،clBlue);

Add(A3"،ورشة عمل 3"،clRed);

Add(A4"،ورشة عمل 4"،clPurple); نهاية؛

السلسلة 2. واضح؛ سلسلةS.Clear؛ لأني:=0 إلى 100 تبدأ

Series2.AddXY (0.02 * بي * أنا، الخطيئة (0.02 * بي * أنا)

SeriesS.AddXY(0.02*Pi*i,cos(0.02*Pi*i) النهاية;

كلريد)؛ ، clBlue)؛

العاملين واضحهناك حاجة إليها إذا كنت ستقوم بتحديث البيانات أثناء تشغيل التطبيق.

بهذا نختتم مقدمتنا للمكون جدول.صحيح أننا نظرنا فقط في جزء صغير من قدراتها.

"عرض المعلومات الرسومية في دلفي" مخطط الموضوع: 1.C S pppp ooooo ssss ooooo bbbb yyyy 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 iiiiiiiiiii في الرابع في D D D D eeee llll pppp hhhh iii O O tttt ooo bbbb rrrrr aaaa zhzhzh eee nnnn iiiii eee k k aaaa rrrrr tttt iiii nnnnn ooooo kkkk O O tttt ooooo bbbb rrrrr aaa zhzhzh eee nnnnn iiiii eee g g y g eee ooooo mmmm eee ttt rr rr الثالث hhchh eee ssss kkkk iiii xxxxx ffff iii yyyy uuuu rrrrr P Pooooo ssss ttt rrrrr ooooo eee nnnn iii eee yy g g rrrrr aaaa ffff iiii kkkk ooooo vvvv i i i and d d d iiiii aaaa yyyy rrrrr aaaa mmmm mmmm ....

1. طرق عرض المعلومات الرسومية. في دلفي، هناك عدة طرق لعرض المعلومات الرسومية: إخراج الصور المعدة مسبقا (الصورة، مكونات الشكل)؛ بناء الرسوم البيانية والرسوم البيانية (مكون الرسم البياني، وما إلى ذلك)؛ F تكوين الصور برمجياً (Canvas object).

2. عرض 2. عرض الصور. عرض الصور باستخدام مكون الصورة الذي قمنا بفحصه في LLC DDDDD DDDD LLC Yiyy و و ZZZZ P P P P PRRRDDDDDDDDDDD IIII XXXX T T T T T T T T T T TOTEMMM .... هنا سننظر في مثال على التنفيذ أبسط الرسوم المتحركةعن طريق تغيير الصورة المعروضة في مكونات الصورة بشكل دوري. PPPP EDURRRREEEE YYYE TTTT IIII n N N n AAAAAAA PP PRRR IIII MMMMEEEE RRRRR ...

3. العرض 3. عرض الأشكال الهندسية. ومن العديد من مكونات الشكل يمكنك إنشاء رسومات بسيطة. P عن طريق تغيير الموضع (.Left،.Top)، والحجم (.Width،.Height) واللون (Brush.Color) لمكونات الشكل في الرسم برمجيًا، يمكنك تنفيذ عناصر من أبسط الرسوم المتحركة. r r r r aaaa ssssssss mmmm ooooh tttt rrrrr eee tttt yee p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p p

4. البناء 4. بناء الرسوم البيانية والرسوم البيانية. تم تصميم المخططات لتمثيل أكثر وضوحًا لصفائف البيانات الرقمية وعرضها وتحليلها بشكل مرئي. PPPP rrrrr iii mmmm eee rrrrr.... لإنشاء المخططات في دلفي هناك عدة مكونات، أحدها هو مكون المخطط (القسم TeeChart Std).

الرسوم البيانية والرسوم البيانية. عادةً ما يتم تمرير البيانات التي سيتم عرضها إلى المخطط برمجياً، على سبيل المثال: Series1.Clear; (سلسلة واضحة) لـ i:=1 إلى N do Series1.addxy(i, A[i], clGreen); القيمة x-axis قيمة y-axis القيمة x-axis label coll on the pp Chart aaaa ssssssssss mmmm ooooo tttt rrrr eee ttt yee p p p p prrr iiii mmmm eee rrrrr RR AAAA FFFF III KKKK AAAA f f f f uuuu nnnn kkkk tsstst iiiii y y y y = = = = S S S S iii nnnn ((((xxxx))))

التالي: العمل المختبري """ OOOO tttt ooooo bbbb rrrrr aaaa zhzhzh eee nnnn eee k k k aaaa rrrrr tttt iii nnnn ooooo kkkk i i i i yyyy eee ooooo mmmm eee tttt rrrrr iii hchchh eee ssss kkkk iii xxxx ffff iii yyyy uu ش rrrrr، و و و xxxx a a a a a nnnn iii mmmm aaaa tsstst iii yayayaya """"...المهمة: 1) تطوير تطبيق لتنفيذ رسوم متحركة بسيطة عن طريق تغيير الصورة المعروضة في مكونات الصورة بشكل دوري. (عدد الصور لا يقل عن ثلاث، اختر الصور بنفسك).

التالي: العمل المختبري “”” PPPP oooo ssss tttt rrrrr ooooo eee nnnn iii yy g rrrrr aaaa ffff iii kkkk ooooo vvvv i i i i d d d iii aaaa yyyy rrrrr aaaa mmmm mmmm """..المهمة: 1) م تعديل التطبيق من العمل المختبري 9 (عرض البيانات في جدول). إضافة إمكانية عرض بعض البيانات من جدول في رسم بياني أو مخطط دائري. 2) إنشاء رسم بياني للدالة المعطاة.

توفر لنا مكتبة المكونات المرئية (VCL) دلفي المكونات المرئية التالية لعرض المعلومات الرسومية: الصورة (الصورة)، PaintBox (نافذة للرسم)، DrawGrid (جدول الصور)، الرسم البياني (المخططات والرسوم البيانية)، الرسوم المتحركة (إخراج مقاطع الفيديو) )، وكذلك النموذج. تحتوي هذه المكونات على خاصية Canvas (تمت مناقشتها أعلاه) والتي تتيح الوصول إلى كل بكسل. بالطبع، ليس عليك رسم بكسل تلو الآخر للعمل مع الرسومات في دلفي، فنظام دلفي يوفر أدوات قوية للعمل مع الرسومات.

دعونا نلقي نظرة فاحصة على المكونات المذكورة أعلاه:

مكون الصورة

هو كائن من فئة TImage. يستخدم لعرض الصور المقروءة من الملفات الرسومية. افتراضيًا، يتم عرض الصور المقدمة بتنسيق *.bmp على سطح النموذج. لإخراج الصور بتنسيق jpg، تحتاج إلى تضمين وحدة JPEG في توجيه الاستخدامات. يقع في علامة التبويب الإضافية في لوحة المكونات.

بعد وضع مكون الصورة على النموذج، فإنه يأخذ شكل منطقة مستطيلة مختارة.

الشكل 9 - مكون الصورة في النموذج

لفتح مربع حوار لتحديد الصورة المطلوبة، يجب عليك القيام بما يلي باستخدام Object Inspector. للقيام بذلك، ابحث عن خاصية الصورة وانقر على النقاط الثلاث الموجودة على يسارها. تفتح نافذة محرر الصور وفيها حدد تحميل، وفي النافذة التي تفتح، حدد ملف الصورة.

يمكن أيضًا القيام بذلك برمجيًا عن طريق استدعاء الأسلوب LoadFromFile الخاص بخاصية الصورة:

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

حيث name_pic.jpeg هو اسم الملف.

الجدول 8 - الخصائص الأساسية لمكون الصورة

ملكية		وصف
		الصورة المعروضة في حقل المكون
	أبعاد المكونات. إذا كانت هذه الأبعاد أصغر من حجم الرسم التوضيحي، وتم تعيين خصائص التمدد والحجم التلقائي والتناسب على خطأ، فسيتم عرض جزء من الصورة
	يتيح لك تغيير حجم الصور تلقائيًا دون تشويه. لإجراء القياس، يجب تعيين خاصية AutoSize إلى False
	يسمح لك بقياس (تقليص أو تمديد) الصورة تلقائيًا لتلائم حجم مكون الصورة. إذا كان حجم المكون لا يتناسب مع حجم الصورة، فسيتم تشويه الصورة
	يسمح لك بتغيير حجم المكون تلقائيًا ليناسب حجم الصورة
	يتيح لك تحديد الموضع الأفقي للصورة في حقل مكون الصورة إذا كان عرض الصورة أقل من عرض المكون.
	سطح لعرض الرسومات
	يحدد لون خلفية الصورة الشفافة

مثال 1: اكتب برنامجًا لعرض الصور باستخدام مكون الصورة. يجب أن يتمتع البرنامج بالإمكانيات التالية:

• · عرض الصور في المجلد.
• · عرض الصورة بالحجم الكامل أو بالتنسيق الأكثر ملاءمة لحجم النافذة؛
• · إدارة ملفات الصور، بالإضافة إلى طباعة الصور وحفظها وحذفها وتحريرها.
• · إذا لزم الأمر، افتح الصورة في برنامج التحرير.

الشكل 10 - نافذة البرنامج قبل أن يبدأ

إنشاء مشروع:

• 1. قم بإنشاء مجلد لملفات البرنامج وقم بتشغيل بيئة التطوير المتكاملة لدلفي.
• 2. أضف مكونات إلى النموذج:

أولاً، سنضع مكون الصورة في النموذج، وهو المكون الرئيسي الذي سيتعين علينا العمل معه. بالإضافة إلى ذلك، سنحتاج إلى المكونات التالية:

• · ScrollBox من الضروري عندما تكون الصورة في وضع الحجم الكامل سوف تتجاوز الصورة. نقوم بتعيين القيمة alClient لخاصية Aling الخاصة بها بحيث تتغير أبعادها بشكل متناسب مع حجم النافذة. ووضع مكون الصورة عليه؛
• · سوف نقوم أيضًا بإضافة مكونات الحوار SavePictureDialog وOpenPictureDialog، المصممة لحفظ الصور وفتحها. نحتاج إلى الأول لنسخ الصورة إلى الدليل المحدد، والثاني - لاستدعاء مربع الحوار الافتتاحي ملف رسومي. وهي موجودة في صفحة الحوارات في لوحة المكونات. من هذه الصفحة، نحتاج أيضًا إلى مكون PrintDialog، والذي نحتاج إلى استدعاء مربع الحوار الخاص باختيار الطابعة للطباعة.
• · إضافة القائمة الرئيسية لإضافة القائمة الرئيسية للبرنامج وXPManifest لتصميم أكثر سخونة
• · نحتاج أيضًا إلى تخزين أسماء الصور الموجودة في دليل العمل في مكان ما. يعد مكون ListBox مناسبًا لهذه الأغراض، حيث يمكن إخفاؤه عند معالجة حدث إنشاء Form1.
• · لوضع أزرار التنقل والعمل معها بسهولة، سنضيف لوحة الحجاب، والتي سنضع عليها هذه الأزرار (الصورة السابقة، الصورة التالية، الحجم الحقيقي، مناسب للحجم، حذف، نسخ إلى، طباعة، تحرير). تم تحديد SpeedButton كمكون لهم.
• · إضافة مؤقت لالتقاط ضغطات المفاتيح "يسار" (الصورة السابقة)، "يمين" (الصورة التالية) ومفتاح "ديل" (حذف الصورة).
• · وعنصر آخر - ProgressBar، الذي يعرض عملية تحميل ملفات *.Jpg الكبيرة.
• 3. اكتب رمزًا لمعالجة حدث النقر على الزر (الصورة السابقة، الصورة التالية، الحجم الحقيقي، ملاءمة الحجم، حذف، نسخ إلى، طباعة، تحرير). كتابة التعليمات البرمجية لمعالجة حدث النقر على عناصر القائمة الرئيسية (خروج، فتح، إغلاق، إنشاء).
• 4. قم بضبط الإعدادات الأولية لإنشاء النموذج. انقر مرتين على مساحة فارغةقم بتكوين وكتابة إجراء رمز الإجراء TForm1.FormCreate(Sender:TObject)، راجع رمز الوحدة في الملحق 1.
• 5. اكتب الإجراءات من النوع التالي:

الإجراء FindFileInFolder(path, ext: string);

يقوم هذا الإجراء بفحص مجلد المسار بحثًا عن الملفات باستخدام القناع الفرعي.

توجد القائمة الكاملة لرمز وحدة البرنامج في الملحق 1 (قائمة البرامج 3).

• 1. اذكر إمكانيات مكون الصورة.
• 2. ما هي الفئة التي ينتمي إليها مكون الصورة؟
• 3. 3. ما نوع الملف الذي يدعمه مكون الصورة افتراضيًا؟
• 4. 4. قم بإدراج الخصائص الرئيسية لمكون الصورة.
• 5. 5. ما الخاصية التي تخزن صورة مكون الصورة؟

وصف العرض التقديمي من خلال الشرائح الفردية:

1 شريحة

وصف الشريحة:

2 شريحة

وصف الشريحة:

البيئة البصرية برمجة دلفي، مثل ويندوز، يدعم واجهة المستخدم الرسوميةالمستخدم (GDI – واجهة دلفي الرسومية). في دلفي، هناك طريقتان لعرض المعلومات الرسومية: عرض الصور المعدة مسبقا؛ الرسم من البرنامج .

3 شريحة

وصف الشريحة:

تعتمد الطريقة الأولى على استخدام مكونات الصورة والشكل. يمكنك استخدام صورة (أيقونة) جاهزة أو إنشائها بنفسك باستخدام محرر الصور. الطريقة الثانية هي إنشاء الصور برمجياً باستخدام كائن Canvas.

4 شريحة

وصف الشريحة:

دلفي تحت تصرفها كائن خاص، والتي تم تصميمها كخاصية Canvas. وهو متاح فقط أثناء تشغيل التطبيق، لذلك لا يمكن التحكم فيه من البرنامج إلا عن طريق الكتابة الرمز المطلوبفي لغة الكائن باسكال. إذا كان الكائن يمتلك خاصية Canvas، فيمكنك الرسم على سطحه. المرشحون الأكثر ملاءمة لهذا الدور هم النموذج نفسه ومكون PaintBox الخاص.

5 شريحة

وصف الشريحة:

خصائص كائن القماش: القلم – خاصية رسم خطوط وحدود الأشكال الهندسية. يتبع القلم أوامر المؤشر الرسومي، وله بدوره خصائصه المتداخلة: اللون - يحدد لون الخط (أسود افتراضيًا)؛ الوضع – أسلوب الرسم (له العديد من المعاني التي لم يتم ذكرها هنا)؛ النمط – نمط الخط، والذي يمكن أن يأخذ القيم التالية: РsSolid – صلب (افتراضي)؛ rsDosh - متقطع؛ بسدوت – منقط. РsDoshDot - الخط المنقط (وخصائص أخرى)؛ Widh - سمك الخط (افتراضي 1 بكسل)؛

6 شريحة

وصف الشريحة:

فرشاة - خاصية لملء الأشكال بالخصائص المتداخلة التالية: اللون - لون الفرشاة (أبيض بشكل افتراضي)؛ النمط - نمط الفرشاة، والذي يمكن أن يأخذ القيم التالية: bsClear - تلوين خالص؛ bsHorizontal – الخطوط الأفقية. bsVertical - الخطوط العمودية؛ bsFdiagonal - الخطوط القطرية اليسرى؛ bsBDiagonal - الخطوط القطرية اليمنى؛ بكروس - خلية؛ bsDiagCross – خلية مائلة.

7 شريحة

وصف الشريحة:

الخط - خاصية لعرض النص الذي يحتوي على الخصائص المتداخلة التالية: اللون - لون الحرف؛ الارتفاع - ارتفاع الخط بالبكسل؛ الاسم - اسم الخط؛ الحجم - حجم الخط؛ النمط – نمط الخط، والذي يمكن أن يأخذ القيم التالية: fsBold – غامق؛ fsItalic - مائل؛ fsUnderline - تحته خط؛ fsStrikeOut - تم شطبها؛

8 شريحة

وصف الشريحة:

PenPos (موضع القلم) – خاصية لتخزين موضع الرسم الحالي (تحدد موضع القلم في منطقة الرسم في هذه اللحظةوقت)؛ البكسل – خاصية مصفوفة لكتابة وقراءة إحداثيات النقاط الفردية لمنطقة الرسم ("اللوحة القماشية").

الشريحة 9

وصف الشريحة:

أساليب كائن Canvas MoveTo(x,y: integer) - يحرك القلم من الموضع الحالي إلى نقطة بإحداثيات x وy المحددة دون رسم خط؛ LineTo(x.y: integer) - يحرك القلم من الموضع الحالي إلى نقطة ذات الإحداثيات المحددة x، y، لرسم خط؛ القوس (x1، y1، x2، y2، x3، y3، x4، y4: عدد صحيح) - يرسم قوس القطع الناقص المدرج في مستطيل بإحداثيات (x1، y1) و (x2، y2). يتم تحديد القوس من خلال نصف قطر القطع الناقص الذي يمر عبر النقطتين (x3,y3) و (x4,y4);

10 شريحة

وصف الشريحة:

Chord(x1, y1, x2, y2, x3, y3, x4, y4: عدد صحيح) - يرسم وترًا للقطع الناقص وفقًا للوصف المقدم لطريقة القوس؛ القطع الناقص (x1، y1، x2، y2: عدد صحيح) - يرسم شكلًا بيضاويًا منقوشًا في مستطيل بحيث تكون الزاوية اليسرى العليا عند النقطة (x1، y1) والزاوية اليمنى السفلية عند النقطة (x2، y2)؛ fillRect(Rect (x1, y1, x2, y2: integer)) - يملأ المستطيل باللون المحدد في الفرشاة الحالية. يستخدم الدالة Rect، التي تمثل مستطيلاً عند الإحداثيات المحددة؛

11 شريحة

وصف الشريحة:

FloodFill(x,y: integer; Color: TColor; fillStyle: TFillStyle) – التعبئة باللون الحالي المحدد في خاصية الفرشاة: باستخدام fillStyle=fsBorder – منطقة مغلقة من النقطة ذات الإحداثيات x وy إلى الحدود المحددة بواسطة لون؛ باستخدام fillStyle=fsSurface – ذلك الجزء من السطح الذي يحتوي على اللون اللون؛ Pie(x1, y1, x2, y2, x3, y3, x4, y4: عدد صحيح) – يرسم قطاعًا من القطع الناقص مدرجًا في مستطيل بإحداثيات (x1, y1) و (x2, y2). يتم تعريف القطاع من خلال نصف قطرين بيضاويين يمران عبر النقاط (x3، y3) و (x4، y4)؛

12 شريحة

وصف الشريحة:

خط متعدد (النقاط: مصفوفة TPoint) - يرسم خطًا متعددًا، ويربط نقاط مصفوفة النقاط بالتسلسل؛ المضلع (النقاط: مصفوفة TPoint) - يرسم المضلعات عن طريق توصيل النقاط في مصفوفة النقاط بالتسلسل. وهي تختلف عن طريقة الخطوط المتعددة في أنها تربط نهاية الخط متعدد الخطوط ببدايته تلقائيًا؛ مستطيل (x1، y1، x2، y2: عدد صحيح) - يرسم مستطيلاً بحيث تكون الزاوية اليسرى العليا عند النقطة (x1، y1) والزاوية اليمنى السفلية عند النقطة (x2، y2)؛

الشريحة 13

وصف الشريحة:

Retresh – يتم استدعاء الطريقة عندما يكون من الضروري إعادة رسم الصورة؛ RoundRect (x1, y1, x2, y2, x3, y3: عدد صحيح) – يرسم مستطيلاً بزوايا مستديرة. يتم رسم الزوايا على شكل أرباع شكل بيضاوي بعرض x3 وارتفاع y3؛ TextOut (x, y:integer, Text:String) - يقوم بإخراج النص المحدد في معلمة النص. يتم احتواء النص داخل مستطيل تحتوي الزاوية اليسرى العليا منه على إحداثيات x وy.