کامپوننت برای نمایش اطلاعات گرافیکی در دلفی. ارائه با موضوع "نمایش اطلاعات گرافیکی در دلفی." لیست اجزای نمایش اطلاعات گرافیکی

کار آزمایشگاهی

موضوع: « گرافیک دردلفی- ساخت ساده ترین
شکل های هندسی"

اطلاعات مختصری از نظریه

دلفی سه راه برای نمایش گرافیک در اختیار توسعه دهنده قرار می دهد:

ترسیم در حین اجرای برنامه

استفاده از گرافیک های از پیش ساخته شده

ایجاد تصاویر با استفاده از اجزای گرافیکی

برای ساخت نمودارها، کلاس‌های خاصی ایجاد شده‌اند که ابزارها و روش‌هایی را برای ترسیم فراهم می‌کنند: ابزارها در سه کلاس - Tfont، Tpen، Tbrush توضیح داده شده‌اند. منطقه ترسیم و روش ها توسط کلاس Tcanvas ارائه شده است.

کلاسTfont- ویژگی های فونت مورد استفاده برای نمایش متن روی بوم را مشخص می کند. ویژگی‌های کلاس در بخش «ویژگی‌های اساسی موجود برای اکثر مؤلفه‌ها» توضیح داده شده است.

کلاسTpen– مشخصات قلم (مداد) که با آن خطوط کشیده می شود را مشخص می کند.

خواصکلاس Tpen:

رنگ:Tcolor – رنگ خط (پیش‌فرض – سیاه)

عرض:integer – ضخامت خط بر حسب پیکسل.

سبک = (psSolid، psDash، psDot، psdashDot، psClear) - سبک خط را تعریف می کند (جامد، چین دار، نقطه چین، نقطه چین، نامرئی)

کلاسبراش- ویژگی های قلمویی که سطح تصویر را رنگ می کند را تنظیم می کند.

خواصکلاس براش:

رنگ:Tcolor – رنگ قلم مو (پیش فرض – سفید)

سبک- الگوی قلم مو، می تواند مقادیر زیر را به خود بگیرد:

BsSolid - رنگ ثابت

BsClear - عدم وجود سایه

Bs عمودی - خطوط عمودی

BsBdiagonal – خطوط مورب راست

BsDiagCross - سلول مایل

BsHorizontal – خطوط افقی

BsFdiagonal – خطوط مورب سمت چپ

BsCross – قفس

کلاسTcanvas– سطحی که تصویر ایجاد شده روی آن قرار می گیرد و ابزارهایی که تصویر با آن ایجاد می شود: فونت، مداد، قلم مو را تعیین می کند.

به طور پیش فرض، کل ناحیه مشتری فرم به عنوان ناحیه کار (بوم) (بدون هدر، منوی اصلی و خطوط پیمایش فرم) استفاده می شود، اما می توانید با استفاده از مؤلفه ها، مناطق کاری کوچکتر را در داخل فرم اختصاص دهید. PaintBoxیا تصویر. مبدأ مختصات بوم گوشه سمت چپ بالای محل کار است، عرض منطقه کار توسط ویژگی تعیین می شود. پهنای مشتری, ارتفاع – ملک ارتفاع مشتری.

خواصکلاس Tcanvas:

بوم:Tcanvas – ناحیه طراحی را مشخص می کند

قلم مو:Tbrush – قلم مو برای رنگ آمیزی اشکال بسته

فونت:Tfont – فونت برای نمایش متن روی بوم

خودکار:Tpen – مداد (قلم) برای طراحی

PenPos:Tpoint – موقعیت فعلی مکان نما نامرئی روی بوم

اظهار نظر : نوع Tpoint – به صورت زیر تعریف می شود:

تایپ نقطه = رکورد

پیکسل ها: Tcolor - رنگ پیکسل های بوم، X، Y - مختصات پیکسل را تنظیم می کند. ویژگی Pixels برای رسم نمودارها با استفاده از نقاط رنگ انتخاب شده راحت است.

روش های اصلی کلاس TCanvas

روش MoveTo(x,y:integer); - قلم را بدون رسم خط به نقطه ای با مختصات (x,y) حرکت می دهد.

روش LineTo(x,y:integer); - یک خط از نقطه فعلی به نقطه با مختصات (x, y) رسم می کند.

مثال : یک خط آبی مورب روی شکل از گوشه سمت چپ بالای شکل تا گوشه سمت راست پایین بکشید.

Pen.color:= cblue;

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

روش مستطیل(x1,y1,x2,y2:عدد صحیح); - یک مستطیل رسم می کند: x1,y1 - مختصات گوشه سمت چپ بالا. x2، y2 مختصات گوشه پایین سمت راست هستند.

مثال : یک مربع زردرنگ با ضلع 60 پیکسل در وسط شکل بکشید.

var Xc,Yc: عدد صحیح; //

Xc:=ClientWidth div 2;

Xy:=ClientHeight div 2;

Canvas.Brush.color:=cyellow;

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);

روش چند ضلعی()؛ - یک چند ضلعی بسته مشخص شده توسط آرایه ای از مختصات را رسم می کند.

مثال : یک الماس پر شده بکشید که نقاط میانی دو طرف شکل را به هم وصل می کند

Var Xc,Yc:integer; // مختصات مرکز ناحیه مشتری فرم

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);

Var X3,y3,x4,y4: عدد صحیح.

با PaintBox1 انجام دهید

Canvas.Pen.Color:= clWhite;

Canvas.Pen.Width:= 3;

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

X3:= ClientWidth div 2;

X4: = ClientWidth;

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:عدد صحیح); - یک وتر می کشد - یک خط مستقیم که 2 نقطه بیضی را به هم متصل می کند: یک نقطه با مختصات (x3، y3) با یک نقطه (x4، y4).

مثال : روش Chord در مثال داده شده را جایگزین روش ARC کنید و نتیجه زیر را بگیرید.

روش پای(x1,y1,x2,y2,x3,y3,x4,y4:عدد صحیح); - یک قطعه بیضی رسم می کند که مرکز بیضی را با مختصات (x3,y3) و (x4,y4) وصل می کند.

مثال : در مثالی که برای روش ARC داده شد، روش PIE را تصور کنید و این نتیجه را بگیرید.

روش TextOut(x,y:integer;Text:string); - خروجی رشته ارسال شده در پارامتر Text به مستطیلی که گوشه سمت چپ بالای آن مشخص شده است مختصات x,y. ویژگی های فونت توسط ابزار Font تنظیم می شود.

مثال : نام نمودار رسم شده را در پایین فرم بنویسید.

Canvas.Font.Height:=20 ; //ارتفاع کاراکتر 20 پیکسل

Canvas.Font.Color:=club;

Canvas.TextOut(10، ClientHeight-24، 'graph of function SIN(X)');

اجزای گرافیکی

دلفی تعدادی مؤلفه آماده ارائه می دهد که به شما امکان بهبود می دهد رابط کاربری. این اجزا در صفحه قرار دارند اضافیو سیستمپالت های کامپوننت

جزءتصویر(کلاستیماژ) – ایجاد شده برای نمایش تصاویر گرافیکی ذخیره شده در فایل های خارجی با پسوند:

نماد (نماد، پیکتوگرام)؛

Bmp (بیت مپ، بیت مپ)؛

Wmf، .emf (متافیل);

Jpg، .jpeg (تصویر فشرده JPEG).

پایه ای خواص :

اندازه اتوماتیک:boolean - وقتی روی true تنظیم شود، مولفه ابعاد خود را با اندازه تصویر بارگذاری شده تنظیم می کند. پیش فرض نادرست است.

کش آمدن:boolean - اگر درست باشد، مقدار بارگذاری شده کل منطقه جزء را اشغال می کند. پیش فرض نادرست است.

بوم:Tcanvas – برای ترسیم داخل کامپوننت در حین اجرای برنامه استفاده می شود.

تصویر:Tpicture - تصویر قرار داده شده در کامپوننت را تعریف می کند.

پایه ای مواد و روش هاکلاس تصویر:

روش LoadFromFile(نام فایل: رشته)؛ - یک تصویر را از فایلی به نام Filename در کامپوننت بارگذاری می کند.

روش ذخیره در فایل(نام فایل: رشته)؛ -تصویر را از کامپوننت در فایلی به نام Filename ذخیره می کند.

جزءPaintBox - یک منطقه طراحی مستطیلی را تعریف می کند. ملک اصلی است بوم، تمام متدهای کلاس Tcanvas موجود است، هیچ ویژگی مستقلی ندارد.

مثال : یک بیضی زرد که در مولفه PaintBox1 حک شده است بکشید.

رویه Tform1Button1Click(فرستنده:موضوع);

با PaintBox1.Canvas انجام دهید

Brush.Color:=cyellow;

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

پایان;

جزءBitBtn – دکمه شطرنجی

دکمه BitBtn، بر خلاف دکمه استاندارد، می تواند علاوه بر عنوان (Caption)، حاوی تصویر مشخص شده توسط ویژگی باشد. گلیف. مجموعه ای از دکمه های استاندارد BitBtn، با ویژگی های از پیش تعریف شده (با تصویر، کتیبه و هدف خاص) وجود دارد - نوع دکمه استاندارد از طریق ویژگی انتخاب می شود. نوع. Kind=(bkCustom، bkAbort، bkCancel، bkClose…)

وظیفه شماره 1

برنامه ای ایجاد کنید که شامل دو جزء تصویر و 4 دکمه در فرم اصلی باشد ("بارگذاری تصویر"، "ساخت یک شکل هندسی"، "تغییر رنگ"، "خروج") و به شما امکان می دهد:

الف) تصویر گرافیکی انتخاب شده توسط کاربر را در مؤلفه Image1 بارگذاری کنید تا تصویر کل منطقه مولفه Image را اشغال کند.

ب) در زیر مؤلفه Image1 نوشته «این تصویر از یک فایل است.

(برای هر اندازه گیری اندازه و موقعیت جزءتصویر1 کتیبه باید
دقیقاً در زیر مؤلفه قرار دارد).

ج) یک شکل هندسی در داخل مؤلفه Image2 رسم کنید: یک بخش بیضی پر شده که وسط مؤلفه Image را به وسط های پایین و سمت راست مؤلفه Image متصل می کند.

(برای هرگونه تغییر در اندازه و موقعیت قطعهتصویر2 شکل باید به درستی ساخته شود، یعنی. با توجه به مشخصات مربوط به جزءتصویر2)

د) رنگ خط یک شکل ترسیم شده در Image2 را به درخواست کاربر با استفاده از مؤلفه ColorDialog تغییر دهید.

وظیفه شماره 2

برنامه ای ایجاد کنید که به شما امکان می دهد به طور تصادفی چندین برچسب (مثلاً کلمه "هورا!") را در مؤلفه Image قرار دهید. برای پیاده سازی این، از مولد اعداد تصادفی تصادفی و تابع Random استفاده کنید.

ابعاد کامپوننت Image، کلمه نمایش داده شده در تصویر و تعداد کلمات باید توسط کاربر وارد شود.

وظیفه شماره 3

برنامه ای ایجاد کنید که به شما امکان می دهد نام یک شکل هندسی را از یک ListBox انتخاب کنید و شکل انتخاب شده را در جزء Image رسم کنید. رنگ شکل از جزء RadioGroup انتخاب می شود.

وظیفه شماره 4

کامپوننت PaintBox1 را به 4 قسمت مساوی تقسیم کنید، هر قسمت را با رنگ متفاوت رنگ کنید، به عنوان مثال: آبی، زرد، سبز، قرمز.

در کنار هر گوشه PaintBox1 مختصات آن گوشه را بنویسید (نسبت به مبدا فرمی که کامپوننت PaintBox1 روی آن قرار دارد).

وظیفه شماره 5

با

نوع شکلی را که باید از مولفه Radiogroup1 ترسیم شود، رنگ پر را از مولفه Radiogroup2 انتخاب کنید و شکل انتخاب شده را در مولفه Image رسم کنید.

وظیفه شماره 6

برنامه ای ایجاد کنید که به کاربر امکان می دهد ابعاد مولفه PaintBox1 (بر حسب پیکسل) را تنظیم کند.

کامپوننت PaintBox1 را به 2 قسمت مساوی تقسیم کنید، داخل هر قسمت یک بیضی بکشید که با رنگ انتخاب شده توسط کاربر در ColorDialog پر شده است.

وظیفه شماره 7

با برنامه ای ایجاد کنید که به شما امکان می دهد:

نام یک شکل هندسی را از ListBox انتخاب کنید و شکل انتخاب شده را در جزء Image رسم کنید. اگر در مولفه RadioGroup بله انتخاب شده باشد، شکل باید با رنگ انتخاب شده توسط کاربر در مؤلفه ColorDialog پر شود.

وظیفه شماره 8

برنامه ای ایجاد کنید که به کاربر امکان می دهد ابعاد مولفه PaintBox1 (بر حسب پیکسل) را تنظیم کند.

مولفه PaintBox1 را به 4 قسمت مساوی تقسیم کنید، داخل هر قسمت یک شکل هندسی متفاوت (بیضی، لوزی، مثلث و مستطیل) بکشید. رنگ هر شکل توسط کاربر در ColorGrid انتخاب می شود.

وظیفه شماره 9

نام شکل هندسی را از ListBox انتخاب کنید
اشکال (بیضی، لوزی، مستطیل) و رسم
شکل انتخاب شده در مؤلفه Image. محل
اشکال در مؤلفه Image (ربع اول، سه ماهه دوم،

ربع III یا IV) و رنگ شکل انتخاب می شود
از اجزای RadioGroup.

وظیفه شماره 10

برنامه ای ایجاد کنید که به کاربر امکان می دهد ابعاد مولفه PaintBox1 (بر حسب پیکسل) را تنظیم کند.

به شرطی که اندازه کناری متن نباشد، عدد منفی نباشد و از اندازه فرم کوچکتر تجاوز نکند.

مولفه PaintBox1 را به 4 قسمت مساوی تقسیم کنید، داخل هر قسمت یک شکل هندسی انتخاب شده توسط کاربر در Combobox (بیضی، لوزی، مثلث و مستطیل) بکشید. رنگ شکل توسط کاربر در ColorBox انتخاب می شود.

کار شماره 11

برنامه ای ایجاد کنید که به شما امکان می دهد:

از مولفه Radiogroup موقعیت نقشه را انتخاب کنید

در مولفه Image مثلث قائم الزاویه، تنظیم کنید
رنگ سایه یا رنگ طرح شکل، بسته به
فعال کردن دکمه های چک باکس رنگ را از طریق انتخاب کنید
جزء ColorGrid.

کار شماره 12

برنامه ای ایجاد کنید که به کاربر امکان می دهد ابعاد مولفه PaintBox1 (بر حسب پیکسل) را تنظیم کند.

به شرطی که اندازه کناری متن نباشد، عدد منفی نباشد و از اندازه فرم کوچکتر تجاوز نکند.

کامپوننت PaintBox1 را به 2 قسمت مساوی تقسیم کنید، داخل یکی از قسمت ها یک شکل هندسی انتخاب شده توسط کاربر در Combobox (بیضی، لوزی، مثلث و مستطیل) بکشید. رنگ شکل توسط کاربر در ColorBox انتخاب می شود.

برای مثال می توانید رنگ فرم را به صورت زیر تغییر دهید:

form1.Color:= ColorBox1.Colors;

وظیفه شماره 13

برنامه ای ایجاد کنید که به شما امکان می دهد:

الف) یک مربع در وسط شکل بکشید (اندازه ضلع مربع توسط کاربر وارد می شود). به شرطی که اندازه کناری متن نباشد، عدد منفی نباشد و از اندازه فرم کوچکتر تجاوز نکند.

ب) مربع را به یک یا دو مورب تقسیم کنید، بسته به اینکه دکمه های چک باکس درج شده است، و هر مثلث به دست آمده را با رنگ متفاوتی رنگ کنید. انتخاب رنگ توسط کاربر انجام می شود.

کار شماره 14

برنامه ای ایجاد کنید که به کاربر امکان می دهد ابعاد مولفه PaintBox1 (بر حسب پیکسل) را تنظیم کند.

به شرطی که اندازه کناری متن نباشد، عدد منفی نباشد و از اندازه فرم کوچکتر تجاوز نکند.

کامپوننت PaintBox1 را به 2 قسمت مساوی تقسیم کنید، داخل یک قسمت یک لوزی و داخل قسمت دیگر هر مثلثی را رسم کنید. رنگ شکل توسط کاربر در ColorBox انتخاب می شود.

برای مثال می توانید رنگ فرم را به صورت زیر تغییر دهید:

form1.Color:= ColorBox1.Colors;

کار شماره 15

برنامه ای ایجاد کنید که به شما امکان می دهد:

الف) ابعاد مولفه Image را به صورت افقی و عمودی یکسان و برابر با عدد وارد شده توسط کاربر از صفحه کلید تنظیم کنید.

(به شرطی که اندازه کناری متن نباشد، عدد منفی نباشد و از اندازه فرم کوچکتر تجاوز نکند)

ب) جزء Image را به 4 مربع مساوی با دو خط آبی تقسیم کنید.

ج) در داخل هر مربع حاصل، دایره ای را که در آن حک شده است رسم کنید (به کاربر اجازه دهید رنگ دایره ها را از طریق کادر محاوره ای انتخاب رنگ انتخاب کند).

وظیفه شماره 16

برنامه ای ایجاد کنید که به کاربر امکان می دهد ابعاد مولفه PaintBox1 (بر حسب پیکسل) را تنظیم کند.

به شرطی که اندازه کناری متن نباشد، عدد منفی نباشد و از اندازه فرم کوچکتر تجاوز نکند.

مولفه PaintBox1 را به 9 قسمت مساوی تقسیم کنید و هر مستطیل شطرنجی حاصل را رنگ کنید. رنگ پر شده توسط کاربر در ColorBox انتخاب می شود.

برای مثال می توانید رنگ فرم را به صورت زیر تغییر دهید:

form1.Color:= ColorBox1.Colors;

وظیفه شماره 17

در فرم، دو جزء Image و چهار دکمه را قرار دهید: Line Color، Fill Color، Ok و Exit. و جزء ویرایش.

وقتی روی دکمه OK کلیک می کنید، یک مربع با ضلع X در Image1 رسم می شود و یک مثلث قائم الزاویه با پایه های مساوی که هر کدام دارای طول X هستند، در Image2 رسم می شود.

راس مثلث با مبدا Image2 منطبق است. یکی از رئوس مربع با مبدا Image1 منطبق است.

دکمه OK فقط زمانی در دسترس می شود که یک رنگ خط و یک رنگ پر را برای رسم شکل انتخاب کرده باشید.

X - به طور تصادفی با استفاده از آن انتخاب می کند توابع تصادفیو جزء Edit باید مقدار X را نمایش دهد.

کار شماره 18

برنامه ای ایجاد کنید که به کاربر امکان می دهد ابعاد مولفه PaintBox1 (بر حسب پیکسل) را تنظیم کند.

کامپوننت PaintBox1 را به 4 قسمت مساوی تقسیم کنید؛ در داخل قسمت انتخاب شده توسط کاربر باید یک دایره پر ساخته شود که اندازه آن توسط کاربر تعیین می شود. کاربر رنگ پر را در ColorBox انتخاب می کند.

برای مثال می توانید رنگ فرم را به صورت زیر تغییر دهید:

form1.Color:= ColorBox1.Colors;

برای نمایش اطلاعات گرافیکی، کتابخانه دلفی اجزایی را ارائه می دهد که فهرست آنها در جدول آورده شده است. 6.

جدول 6

اجزای نمایش اطلاعات گرافیکی

جزء	صفحه	شرح
تصویر	اضافی	برای نمایش گرافیک استفاده می شود
PaintBox (پنجره برای طراحی)	سیستم	برای ایجاد ناحیه ای روی فرم که می توانید در آن نقاشی کنید استفاده می شود
DrawGrid (جدول نقشه ها)	اضافی	برای نمایش داده های غیر متنی در سطرها و ستون ها استفاده می شود
نمودار (نمودار و نمودار)	اضافی	این کامپوننت متعلق به خانواده کامپوننت های TeeChart است که برای ایجاد نمودارها و نمودارها استفاده می شود
Chartfx (نمودارها و نمودارها)	ActiveX	ویرایشگر نمودار و نمودار
FIBook (صفحات اکسل)	ActiveX	مولفه ورودی و پردازش اطلاعات عددی
VtChart (نمودار)	ActiveX	پنجره نمودار

علاوه بر این، می توانید اطلاعات گرافیکی را روی سطح هر جزء پنجره ای که دارای خاصیت است نمایش داده و وارد کنید بوم- بوم.

جداول تصویر - اجزای DrawGrid و StringGrid

جزء DrawGridبرای ایجاد جدولی در برنامه که می تواند شامل شود استفاده می شود تصاویر گرافیکی. این کامپوننت مشابه کامپوننت است StringGridاز آنجا که دومی مشتق شده است DrawGrid.بنابراین در DrawGridتمام ویژگی ها، روش ها، رویدادهای جزء وجود دارد StringGridبه جز موارد مربوط به متن، یعنی. به جز خواص سلول ها, ستون ها، ردیف ها، اشیاء.از این منظر جزء StringGridدارای قابلیت های قابل توجهی بیشتر از DrawGridزیرا می تواند هم تصاویر و هم متون را در سلول ها ذخیره کند. و اگر می خواهید متنی را در برخی سلول ها وارد کنید DrawGridسپس برای این کار باید از روش هایی برای نمایش متن روی طرح کلی استفاده کنید که خیلی راحت نیست.

اجزاء DrawGrid و StringGridیک طرح کلی داشته باشید بوم،که می توانید تصاویر را روی آن قرار دهید.

یک روش وجود دارد Cell-Rect،که ناحیه بوم اختصاص داده شده برای یک سلول معین را برمی گرداند. این روش به صورت تعریف شده است

تابع 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،مانند روی بوم هر جزء، زمانی که پنجره برنامه با پنجره های دیگر همپوشانی داشته باشد یا، برای مثال، زمانی که برنامه به حداقل می رسد، در معرض پاک شدن قرار می گیرد.

یک راه راحت برای وارد کردن تصاویر به سلول ها DrawGridاستفاده از کنترل کننده رویداد است OnDrawCell.این رویدادها برای هر سلول جدول در زمان ترسیم مجدد رخ می دهد. هدر handler به شکل زیر است:

روش TForml.DrawGridlDrawCell(فرستنده: TObject;

ACol، Arow: عدد صحیح. Rect: TRect; وضعیت: TGridDrawState)

پارامتر حالتوضعیت سلول را نشان می دهد. این مجموعه ای است که می تواند شامل عناصر زیر باشد: gdانتخاب شد- سلول انتخاب شده، gdمتمرکز- سلولی که در تمرکز است، gd ثابت شد- یک سلول در یک منطقه ثابت از جدول. پارامتر حالتمی توان از آن برای نمایش سلول ها در حالت های مختلف استفاده کرد.

مولفه شکل

مولفه شکلفقط به صورت مشروط می تواند به عنوان وسیله ای برای نمایش اطلاعات گرافیکی طبقه بندی شود، زیرا به سادگی اشکال هندسی مختلف را نشان می دهد که به طور مناسب سایه دار شده اند. خاصیت اصلی این جزء است شکل(فرم)، که می تواند مقادیر زیر را داشته باشد:

StRectangle – مستطیل؛

StSquare – مربع؛

StRoundRect - مستطیل با گوشه های گرد.

StRouhdSquare - مربع با گوشه های گرد.

StEllipse – بیضی;

StCircle - دایره.

یکی دیگر از ویژگی های ضروری کامپوننت این است قلم مو(قلم مو). این ویژگی یک شی از نوع است براش،داشتن تعدادی ویژگی فرعی، به ویژه رنگ (براش.رنگ)و سبک (Brush.Style)پر کردن شکل می‌توانید پر کردن برخی از مقادیر Style را در شکل مشاهده کنید. 3.2. سومین ویژگی خاص جزء شکل- خودکار(قلم) که سبک خط را تعریف می کند.

جزء نمودار

حالا بیایید به کامپوننت نگاه کنیم چارت سازمانی.این مولفه به شما امکان می دهد نمودارها و نمودارهای مختلفی بسازید که بسیار چشمگیر به نظر می رسند. جزء چارت سازمانیدارای خواص، روش ها، وقایع بسیاری است، به طوری که اگر همه آنها را در نظر می گرفتیم، باید یک فصل کامل را به این موضوع اختصاص دهیم. بنابراین، ما خود را به در نظر گرفتن ویژگی های اصلی محدود می کنیم چارت سازمانی.بقیه موارد را می توانید در راهنمای داخلی دلفی بیابید یا فقط با آزمایش نمودارها آنها را امتحان کنید.

جزء چارت سازمانیظرفی از اشیا است سلسله- وارثان طبقه TChartSeries.هر یک از این شیء نشان دهنده یک سری داده است که با یک سبک نمایش مشخص مشخص می شود: یک نمودار یا نمودار خاص. هر جزء چارت سازمانیممکن است شامل چندین قسمت باشد. اگر می خواهید یک نمودار نمایش دهید، هر سری با یک منحنی در نمودار مطابقت دارد. اگر می خواهید نمودارها را نمایش دهید، برای برخی از انواع نمودارها می توانید چندین سری مختلف را روی هم قرار دهید، برای برخی دیگر (مانند نمودار دایره ای) احتمالاً زشت به نظر می رسد. با این حال، حتی در این مورد، شما می توانید برای یک جزء تنظیم کنید چارت سازمانیچندین سری از داده های یکسان با انواع متفاوتنمودارها سپس با فعال کردن یکی از آنها در هر بار، می توانید انتخابی از نوع نموداری که داده های مورد نظر او را نمایش می دهد، در اختیار کاربر قرار دهید.

یک یا دو جزء را قرار دهید چارت سازمانیروی فرم و به ویژگی هایی که در Object Inspector باز می شوند نگاه کنید. در اینجا به توضیح برخی از آنها می پردازیم.

AllowPanning - توانایی کاربر برای پیمایش قسمت مشاهده شده از نمودار در حین اجرا با فشار دادن دکمه سمت راست ماوس را تعیین می کند. مقادیر ممکن: pmNone - پیمایش ممنوع است، pmHori/ontal، pm عمودی یا pmBoth - پیمایش به ترتیب فقط در جهت افقی، فقط در جهت عمودی یا در هر دو جهت مجاز است.

AhowZoom - به کاربر اجازه می دهد تا با برش قطعات نمودار یا نمودار با نشانگر ماوس، زوم تصویر را در زمان اجرا تغییر دهد. اگر کادر یک قطعه به سمت راست و پایین کشیده شود، این قطعه به گونه ای کشیده می شود که کل میدان نمودار را پوشش دهد. و اگر قاب کشیده شود و به سمت چپ باشد، مقیاس اصلی بازیابی می شود.

عنوان - عنوان نمودار را مشخص می کند.

Foot - شرح زیر نمودار را مشخص می کند. هیچ کدام به صورت پیش فرض متن امضا توسط ویژگی فرعی Text تعیین می شود.

قاب - قاب اطراف نمودار را مشخص می کند.

در کنار بسیاری از ویژگی های فهرست شده در Object Inspector دکمه هایی با بیضی وجود دارد که به شما امکان می دهد یک صفحه از ویرایشگر نمودار را فراخوانی کنید - یک پنجره چند صفحه ای که به شما امکان می دهد تمام ویژگی های نمودارها را تنظیم کنید. ویرایشگر نمودار را نیز می توان با دوبار کلیک بر روی کامپوننت فراخوانی کرد چارت سازمانییا با کلیک راست بر روی آن و انتخاب دستور Edit Chart از منوی پاپ آپ.

روی کامپوننت بالا دوبار کلیک کنید چارت سازمانی.شما به پنجره ویرایشگر نمودار در صفحه نمودار هدایت می شوید که دارای چندین تب است. اول از همه، شما به تب Series در آن علاقه مند خواهید شد. بر روی دکمه افزودن کلیک کنید - یک سری اضافه کنید. به پنجره ای هدایت می شوید که در آن می توانید نوع نمودار یا نمودار را انتخاب کنید. در این مورد، Pie - a Pie chart را انتخاب کنید. با استفاده از تب Titles می توانید عنوان نمودار را تنظیم کنید، تب Legend به شما امکان می دهد پارامترهایی را برای نمایش افسانه نمودار (فهرست نمادها) تنظیم کنید یا آن را به طور کلی از صفحه حذف کنید، تب Panel ظاهر پانل را تعیین می کند. که نمودار نمایش داده می شود، تب 3D به شما این فرصت را می دهد که ظاهر نمودار خود را تغییر دهید: شیب، تغییر، ضخامت و غیره.

هنگامی که در ویرایشگر نمودار کار می کنید و یک نوع نمودار را انتخاب کرده اید، اجزاء چارت سازمانیفرم شما ظاهر خود را با داده های مشروط وارد شده در آن نشان می دهد. بنابراین، می توانید بلافاصله نتیجه اعمال گزینه های مختلف در برنامه خود را مشاهده کنید که بسیار راحت است.

صفحه Series که دارای تعدادی تب نیز می باشد، این امکان را به شما می دهد که گزینه های نمایش اضافی را برای سری انتخاب کنید. به طور خاص، برای نمودار دایره ای، در تب Format، فعال کردن گزینه دایره دایره ای مفید است، که اطمینان حاصل می کند که نمودار به صورت دایره ای در هر اندازه ای از جزء نمودار نمایش داده می شود. در برگه علامت‌ها، دکمه‌های گروه Style تعیین می‌کنند که چه چیزی روی برچسب‌های مربوط به بخش‌های جداگانه نمودار نوشته می‌شود: ارزش - مقدار، درصد - درصد، برچسب - نام داده‌ها و غیره.

در صورت تمایل می توانید با کلیک بر روی دکمه Clone در تب Series صفحه نمودار و سپس برای این، یک سری مشابه دیگر به این جزء نمودار اضافه کنید. سری جدیدروی دکمه تغییر کلیک کنید و نوع نمودار دیگری را انتخاب کنید، به عنوان مثال نوار.

از ویرایشگر نمودار خارج شوید، مولفه پایین نمودار را در برنامه خود انتخاب کنید و تنظیمات آن را با استفاده از ویرایشگر نمودار تکرار کنید. در این حالت، اگر می خواهید دو منحنی روی نمودار نمایش داده شود، باید دو سری را مشخص کنید و نوع نمودار خطی را انتخاب کنید. از آنجا که ما در مورددر مورد نمودارها، می‌توانید از زبانه‌های Axis و Walls برای مشخص کردن مختصات محورها و یال‌های سه‌بعدی نمودار استفاده کنید.

این برای طراحی است ظاهربرنامه به پایان می رسد. تنها چیزی که باقی می ماند نوشتن کدی است که داده هایی را که می خواهید نمایش دهید را مشخص می کند. برای برنامه آزمایشی، اجازه دهید فقط برخی از داده های ثابت را در نمودار دایره ای، و برخی از توابع را در نمودارها تنظیم کنیم.

برای تنظیم مقادیر نمایش داده شده باید از متدهای سری استفاده کنید. بیایید فقط روی سه روش اصلی تمرکز کنیم.

روش پاک کردنیک سری از داده های وارد شده قبلی را پاک می کند.

روش اضافه کردن:

افزودن (Const AValue:Double; Const ALabel:String; AColor:TCcolor)

به شما امکان می دهد یک نقطه جدید به نمودار اضافه کنید. پارامتر AValueمربوط به ارزش افزوده، پارامتر است یک برچسب- برچسبی که بر روی نمودار و در افسانه نمایش داده می شود، یک رنگ- رنگ پارامتر یک برچسب- اختیاری است، می توان آن را خالی تنظیم کرد: "". روش AddXY:

AddXY (Const AXValue، AYValue: Double؛ Const ALabel: String؛ AColor: TColor)

به شما امکان می دهد یک نقطه جدید به نمودار تابع اضافه کنید. گزینه ها AXValueو AYValueبا آرگومان و تابع مطابقت دارد. گزینه ها ALabel و AColorمانند روش اضافه کردن.

بنابراین، رویه بارگیری داده ها در مثال ما می تواند به صورت زیر باشد:

const Al=155; A2=251; A3=203; A4=404; var i:word; شروع

با سریال شروع می شود

افزودن (Al,Workshop l,clYellow);

افزودن (A2"Workshop 2",clBlue);

افزودن(A3,Workshop 3,clRed);

افزودن(A4,Workshop 4,clPurple); پایان؛

Series2.Clear; SeriesS.Clear; برای i:=0 تا 100 شروع کنید

Series2.AddXY(0.02*Pi*i,sin(0.02*Pi*i)

SeriesS.AddXY(0.02*Pi*i,cos(0.02*Pi*i) end;

ClRed)؛ ,clBlue)؛

اپراتورها پاک کردناگر می خواهید داده ها را در حین اجرای برنامه به روز کنید، مورد نیاز است.

این مقدمه ما را با مؤلفه به پایان می رساند چارت سازمانی.درست است، ما تنها بخش کوچکی از قابلیت های آن را در نظر گرفته ایم.

"نمایش اطلاعات گرافیکی در دلفی" طرح موضوع: 1.C S pppp ooooo ssss ooooo bbbb yyyy in in in yyyy vvvv ooooo dddd aaaa yy g rrrrr aaaa ffff iii ههههههههههههههههههههههههههههههههههههههههه rr r mmmm ahhh tskst iiiiii iiiiii در iv در D D D D eeee llll pppp hhhh iiii O O tttt ooo bbbb rrrrr aaaa zhzhzh eee nnnn iiii eee k k aaaa rrrrr tttt iiii nnnnn اوووووووووووووووووووووووووووووووووووو n eeee eee g g y g eee ooooo mmmm eee ttt rrrr eeee hhchh eee ssss kkkk eeee xxxx ffff iii yyyy uuu rrrrr P Pooooo ssss ttt rrrrr اوووو ای ای nnnn eeee eeee y yy g rrrrr aaaa fff eeeee kkkk اووووووووووووووووووووووووو ررر آااا مممممممم....

1. روش های نمایش اطلاعات گرافیکی. در دلفی راه های مختلفی برای نمایش اطلاعات گرافیکی وجود دارد: خروجی تصاویر از پیش آماده شده (تصویر، اجزای شکل). P ساخت نمودارها و نمودارها (جزء نمودار و غیره)؛ F تشکیل تصاویر به صورت برنامه ای (شیء Canvas).

2.نمایش 2.نمایش تصاویر. نمایش تصاویر با استفاده از مؤلفه Image ما در LLC DDDDD DDDD LLC Yiyy و و و ZZZZ P P P P PRRRDDDDDDDDDDDDD IIII XXXX T T T T T T T T T T TOTEMMM بررسی کردیم. در اینجا نمونه ای از پیاده سازی را در نظر خواهیم گرفت. ساده ترین انیمیشنبا تغییر متناوب تصویر نمایش داده شده در اجزای Image. PPPP EDURRRREEEEE YYYE TTTT IIII n N N n AAAAAA PP PRRR IIII MMMMEEEE RRRRR ...

3.نمایش 3.نمایش اشکال هندسی. و از چندین مؤلفه Shape می توانید نقاشی های ساده ایجاد کنید. P با تغییر برنامه‌ای موقعیت (سمت چپ، بالا)، اندازه (عرض، ارتفاع) و رنگ (Brush.Color) اجزای Shape در نقاشی، می‌توانید عناصر ساده‌ترین انیمیشن را پیاده‌سازی کنید. R R R R aaaa sssssss mmmm ooooh tttt rrrrr eee tttt yee p p p p rrrrr iii mmmm eee rrrrr ....

4.ساخت 4.ساخت نمودارها و نمودارها. نمودارها برای نمایش بصری بیشتر آرایه های داده های عددی، نمایش بصری و تجزیه و تحلیل آنها طراحی شده اند. PPPP rrrrr iiii mmmm eee rrrrr... برای ایجاد نمودار در دلفی چندین مؤلفه وجود دارد که یکی از آنها مؤلفه Chart است (بخش TeeChart Std).

نمودارها و نمودارها. داده هایی که نمایش داده می شوند معمولاً به صورت برنامه ریزی شده به نمودار ارسال می شوند، به عنوان مثال: Series1.Clear; (سری پاک) برای i:=1 تا N do Series1.addxy(i, A[i], clGreen); مقدار محور X ارزش محور Y برچسب محور X رنگ داده در نمودار PP aaaa sssssssssss mmmm اووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووو a ffff iii kkkk aaaa f f f f uuuu nnnn kkkk tsstst iiiiii y y y = = = = S S S S iiii nnnn ((((xxxx))))

بعدی: کار آزمایشگاهی """ اووو تتت اوووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووو iiii xxxx ffff iiii yyyy uuuu rrrrr، و و و xxxx a a a a a nnnn iiii mmmm aaaa tsstst iiii yayayaya """"...وظیفه: 1) با تغییر متناوب تصویر نمایش داده شده در اجزای Image، یک برنامه کاربردی برای اجرای انیمیشن های ساده ایجاد کنید. (تعداد عکس ها حداقل سه عدد است، عکس ها را خودتان انتخاب کنید).

بعدی: کار آزمایشگاهی """" PPPP oooo ssss tttt rrrrr oooo eee nnnn iiii eee yy g rrrrr aaaa ffff iiii kkkk ooooo vvvv i i i i i d d d iiii aaaa "Yayy rrrr" . برنامه از جانب کار آزمایشگاهی 9 (نمایش داده ها در یک جدول). امکان نمایش برخی از داده ها از جدول را در نمودار هیستوگرام یا دایره ای اضافه کنید. 2) یک نمودار از تابع داده شده بسازید.

Visual Component Library (VCL) Delphi اجزای بصری زیر را برای نمایش اطلاعات گرافیکی در اختیار ما قرار می دهد: تصویر (تصویر)، PaintBox (پنجره ای برای طراحی)، DrawGrid (جدول تصاویر)، نمودار (نمودارها و نمودارها)، متحرک سازی (کلیپ های ویدیویی خروجی). ) و همچنین فرم. این کامپوننت‌ها دارای ویژگی Canvas هستند (که در بالا بحث شد) که به هر پیکسل دسترسی می‌دهد. البته برای کار با گرافیک در دلفی نیازی نیست پیکسل به پیکسل بکشید؛ سیستم دلفی ابزارهای قدرتمندی را برای کار با گرافیک فراهم می کند.

بیایید نگاهی دقیق تر به اجزای بالا بیاندازیم:

جزء تصویر

یک شی از کلاس TImage است. برای نمایش تصاویر خوانده شده از فایل های گرافیکی استفاده می شود. به طور پیش فرض، تصاویر ارائه شده با فرمت *.bmp را روی سطح فرم نمایش می دهد. برای خروجی تصاویر با فرمت jpg، باید ماژول JPEG را در دستورالعمل استفاده قرار دهید. در تب Additional پالت Component قرار دارد.

پس از قرار دادن مولفه Image بر روی فرم، به شکل یک ناحیه مستطیل شکل انتخاب شده به خود می گیرد.

شکل 9 - جزء تصویر روی فرم

برای باز کردن یک دیالوگ برای انتخاب تصویر مورد نظر، باید با استفاده از Object Inspector موارد زیر را انجام دهید. برای این کار ویژگی Picture را پیدا کرده و روی سه نقطه سمت چپ آن کلیک کنید. پنجره Picture Editor باز می شود و در آن Load را انتخاب کنید و در پنجره باز شده فایل تصویر را انتخاب کنید.

این کار را می‌توان با فراخوانی متد LoadFromFile از ویژگی Picture به صورت برنامه‌نویسی نیز انجام داد:

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

که در آن name_pic.jpeg نام فایل است.

جدول 8 - ویژگی های اساسی مولفه Image

ویژگی		شرح
		تصویر در قسمت کامپوننت نمایش داده می شود
	ابعاد اجزاء اگر این ابعاد کوچکتر از اندازه تصویر باشد و ویژگی های Stretch، AutoSize و Proportional روی False تنظیم شده باشد، بخشی از تصویر نمایش داده می شود.
	به شما امکان می دهد تصاویر را بدون اعوجاج به صورت خودکار مقیاس بندی کنید. برای انجام مقیاس بندی، ویژگی AutoSize باید روی False تنظیم شود
	به شما این امکان را می‌دهد که به طور خودکار یک تصویر را برای اندازه مولفه تصویر مقیاس (کوچک یا کشیده) کنید. اگر اندازه مولفه با اندازه تصویر متناسب نباشد، در این صورت تصویر مخدوش می شود
	به شما امکان می دهد تا اندازه یک جزء را به طور خودکار تغییر دهید تا متناسب با اندازه تصویر باشد
	در صورتی که عرض تصویر کمتر از عرض جزء باشد، به شما امکان می دهد موقعیت افقی تصویر را در قسمت مولفه Image تعیین کنید.
	سطحی برای نمایش گرافیک
	رنگ پس زمینه تصویر شفاف را مشخص می کند

مثال 1: برنامه ای بنویسید تا تصاویر را با استفاده از مولفه Image مشاهده کنید. برنامه باید دارای قابلیت های زیر باشد:

• · مشاهده تصاویر در پوشه.
• · مشاهده تصویر در اندازه کامل یا در فرمت مناسب برای اندازه پنجره.
• · مدیریت فایل های تصویری، و همچنین چاپ، ذخیره، حذف و ویرایش تصاویر.
• · در صورت لزوم، تصویر را در یک برنامه ویرایش باز کنید.

شکل 10 - پنجره برنامه قبل از شروع آن

ایجاد پروژه:

• 1. یک پوشه برای فایل های برنامه ایجاد کنید و محیط توسعه یکپارچه دلفی را راه اندازی کنید.
• 2. اجزاء را به فرم اضافه کنید:

ابتدا کامپوننت Image را روی فرم قرار می دهیم، جزء اصلی که باید با آن کار کنیم. علاوه بر این، ما به اجزای زیر نیاز خواهیم داشت:

• · ScrollBox هنگامی که در حالت تمام اندازه تصویر فراتر از تصویر می رود لازم است. مقدار alClient را به خاصیت Aling آن اختصاص می دهیم تا ابعاد آن متناسب با اندازه پنجره تغییر کند. و کامپوننت Image را روی آن قرار دهید.
• · همچنین اجزای محاوره ای SavePictureDialog و OpenPictureDialog را اضافه می کنیم که برای ذخیره و باز کردن تصاویر طراحی شده اند. ما به اولین مورد نیاز داریم تا تصویر را در فهرست انتخاب شده کپی کنیم، دومی - برای فراخوانی گفتگوی باز فایل گرافیکی. آنها در صفحه دیالوگ های پالت مؤلفه قرار دارند. از این صفحه به کامپوننت PrintDialog نیز نیاز داریم که باید آن را برای انتخاب چاپگر برای چاپ فراخوانی کنیم.
• · اضافه کردن MainMenu برای اضافه کردن منوی اصلی به برنامه و XPManifest برای طراحی رنگارنگ تر
• · همچنین باید نام تصاویری که در دایرکتوری کاری قرار دارند را در جایی ذخیره کنیم. مولفه ListBox برای این اهداف مناسب است؛ می‌توان آن را هنگام پردازش رویداد Create Form1 پنهان کرد.
• · برای قرار دادن دکمه های ناوبری و کار راحت با آنها، یک پنل Veil اضافه می کنیم که این دکمه ها را روی آن قرار می دهیم (تصویر قبلی، تصویر بعدی، اندازه واقعی، متناسب با اندازه، حذف، کپی در، چاپ، ویرایش). SpeedButton به عنوان یک جزء برای آنها انتخاب شده است.
• یک تایمر برای گرفتن کلیدهای "چپ" (تصویر قبلی)، "راست" (تصویر بعدی) و کلید "Del" (در حال حذف تصویر) اضافه کنید.
• · و یک مؤلفه دیگر - ProgressBar، که روند بارگذاری فایل های بزرگ *.Jpg را نمایش می دهد.
• 3. کدی را برای پردازش رویداد کلیک دکمه بنویسید (تصویر قبلی، تصویر بعدی، اندازه واقعی، متناسب با اندازه، حذف، کپی در، چاپ، ویرایش). برای پردازش رویداد کلیک روی آیتم های منوی اصلی (خروج، باز کردن، بستن، ایجاد) کد بنویسید.
• 4. تنظیمات اولیه را برای ایجاد فرم تنظیم کنید. دوبار کلیک کنید فضای خالیروال کد رویه TForm1.FormCreate(Sender:TObject) را تشکیل داده و بنویسید، کد ماژول را در پیوست 1 ببینید.
• 5. رویه هایی از نوع زیر را بنویسید:

Procedure FindFileInFolder(path, ext: string);

این روش با استفاده از ماسک ext پوشه مسیر را برای فایل‌ها اسکن می‌کند.

فهرست کامل کد ماژول برنامه در پیوست 1 (فهرست برنامه 3) قرار دارد.

• 1. قابلیت های کامپوننت Image را فهرست کنید.
• 2. جزء Image جزء کدام کلاس است؟
• 3. 3. کامپوننت Image به طور پیش فرض از چه نوع فایلی پشتیبانی می کند؟
• 4. 4. مشخصات اصلی مؤلفه Image را فهرست کنید.
• 5. 5. چه ویژگی تصویر جزء Image را ذخیره می کند؟

شرح ارائه توسط اسلایدهای جداگانه:

1 اسلاید

توضیحات اسلاید:

2 اسلاید

توضیحات اسلاید:

محیط بصری برنامه نویسی دلفی، مانند ویندوز، پشتیبانی می کند رابط کاربری گرافیکیکاربر (GDI – رابط گرافیکی دلفی). در دلفی دو راه برای نمایش اطلاعات گرافیکی وجود دارد: نمایش تصاویر از پیش آماده شده. نقاشی از برنامه

3 اسلاید

توضیحات اسلاید:

روش اول مبتنی بر استفاده از اجزای Image و Shape است. می توانید از یک تصویر (آیکون) آماده استفاده کنید یا خودتان آنها را با استفاده از ویرایشگر تصویر ایجاد کنید. راه دوم تولید تصاویر به صورت برنامه نویسی با استفاده از شی Canvas است.

4 اسلاید

توضیحات اسلاید:

دلفی در اختیار دارد شی خاص، که به عنوان ویژگی Canvas استایل دهی شده است. فقط زمانی که برنامه در حال اجرا است در دسترس است، بنابراین فقط با نوشتن می توان آن را از برنامه کنترل کرد کد مورد نیازدر زبان Object Pascal. اگر یک شی دارای ویژگی Canvas باشد، می توانید روی سطح آن نقاشی کنید. مناسب ترین کاندیدها برای این نقش، خود فرم و کامپوننت مخصوص PaintBox هستند.

5 اسلاید

توضیحات اسلاید:

ویژگی های شی بوم: قلم – خاصیت ترسیم خطوط و مرزهای اشکال هندسی. قلم از دستورات مکان نما گرافیکی پیروی می کند و به نوبه خود ویژگی های تودرتوی خود را دارد: رنگ - رنگ خط را تعیین می کند (به طور پیش فرض سیاه). حالت - سبک طراحی (معانی زیادی دارد که در اینجا ذکر نشده است). Style – سبک خط، که می تواند مقادیر زیر را داشته باشد: рsSolid – solid (پیش فرض). рsDosh – خط چین psDot – نقطه‌دار؛ рsDoshDot - خط نقطه چین (و سایر ویژگی ها)؛ Widh – ضخامت خط (پیش‌فرض 1 پیکسل)؛

6 اسلاید

توضیحات اسلاید:

Brush – یک ویژگی برای پر کردن اشکال با ویژگی های تو در تو زیر: Color – brush color (سفید به طور پیش فرض). سبک – الگوی قلم مو، که می تواند مقادیر زیر را داشته باشد: bsClear – رنگ آمیزی یکدست. خطوط افقی – افقی؛ خطوط عمودی – عمودی؛ bsFDiagonal – خطوط مورب سمت چپ؛ bsBDiagonal – خطوط مورب سمت راست؛ bsCross – سلول؛ bsDiagCross - سلول مایل.

7 اسلاید

توضیحات اسلاید:

فونت – ویژگی برای نمایش متنی که دارای ویژگی های تودرتوی زیر است: رنگ – رنگ کاراکتر. ارتفاع – ارتفاع فونت بر حسب پیکسل. نام - نام فونت؛ اندازه - اندازه فونت؛ Style – سبک فونت که می تواند مقادیر زیر را داشته باشد: fsBold – bold; fsItalic – ایتالیک; fsUnderline – underlined; fsStrikeOut - خط خورده.

8 اسلاید

توضیحات اسلاید:

PenPos (موقعیت قلم) - یک ویژگی برای ذخیره موقعیت ترسیم فعلی (موقعیت قلم را در منطقه ترسیم در این لحظهزمان)؛ پیکسل - یک ویژگی آرایه برای نوشتن و خواندن مختصات نقاط منفرد منطقه ترسیم ("بوم").

اسلاید 9

توضیحات اسلاید:

روش‌های شی Canvas MoveTo(x,y: integer) – قلم را از موقعیت فعلی به نقطه‌ای با مختصات x، y مشخص شده بدون ترسیم خط حرکت می‌دهد. LineTo(x.y: عدد صحیح) - قلم را از موقعیت فعلی به نقطه ای با مختصات داده شده x، y، با کشیدن یک خط حرکت می دهد. قوس (x1، y1، x2، y2، x3، y3، x4، y4: عدد صحیح) - قوس یک بیضی را که در یک مستطیل با مختصات (x1، y1) و (x2، y2) محاط شده است، ترسیم می کند. قوس توسط شعاع های بیضی که از نقاط (x3,y3) و (x4,y4) عبور می کند تعیین می شود.

10 اسلاید

توضیحات اسلاید:

آکورد (x1، y1، x2، y2، x3، y3، x4، y4: عدد صحیح) - طبق توضیحات ارائه شده برای روش Arc، یک وتر از بیضی را رسم می کند. بیضی (x1، y1، x2، y2: عدد صحیح) - یک بیضی حک شده در یک مستطیل با گوشه سمت چپ بالا در نقطه (x1، y1) و گوشه پایین سمت راست در نقطه (x2، y2) ترسیم می کند. FillRect (Rect (x1، y1، x2، y2: عدد صحیح)) - مستطیل را با رنگ مشخص شده در Brush فعلی پر می کند. از تابع Rect استفاده می کند که یک مستطیل را در مختصات داده شده نشان می دهد.

11 اسلاید

توضیحات اسلاید:

FloodFill(x,y: integer; Color: TColor; FillStyle: TFillStyle) - پر کردن با رنگ فعلی مشخص شده در ویژگی Brush: با FillStyle=fsBorder - یک ناحیه بسته از نقطه با مختصات x، y تا مرز تعریف شده توسط رنگ؛ با FillStyle=fsSurface – آن قسمت از سطح که رنگ Color دارد. پای (x1، y1، x2، y2، x3، y3، x4، y4: عدد صحیح) - بخشی از یک بیضی را می‌کشد که در یک مستطیل با مختصات (x1، y1) و (x2، y2) محاط شده است. بخش توسط دو شعاع بیضی که از نقاط (x3, y3) و (x4, y4) عبور می کنند تعریف می شود.

12 اسلاید

توضیحات اسلاید:

Polyline (نقاط: آرایه TPoint) - یک چند خط رسم می کند و به ترتیب نقاط آرایه Points را به هم متصل می کند. چند ضلعی (نقاط: آرایه TPoint) - چند ضلعی ها را با اتصال متوالی نقاط در آرایه Points ترسیم می کند. تفاوت آن با روش Polyline در این است که به طور خودکار انتهای چند خط را به ابتدای آن متصل می کند. مستطیل (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) - متن مشخص شده در پارامتر Text را خروجی می دهد. متن در یک مستطیل قرار می گیرد که گوشه سمت چپ بالای آن دارای مختصات x، y است.