үй › BY › Delphi-де графикалық ақпаратты көрсетуге арналған компонент. «Delphi-де графикалық ақпаратты көрсету» тақырыбына презентация. Графикалық ақпаратты бейнелеуге арналған компоненттер тізімі

Delphi-де графикалық ақпаратты көрсетуге арналған компонент. «Delphi-де графикалық ақпаратты көрсету» тақырыбына презентация. Графикалық ақпаратты бейнелеуге арналған компоненттер тізімі

ЛАБОРАТОРИЯЛЫҚ ЖҰМЫС

ТАҚЫРЫП: « Графика ішіндегіDelphi– ең қарапайым құрылыс
геометриялық пішіндер»

Теориядан қысқаша мәлімет

Delphi әзірлеушіге графиканы көрсетудің үш әдісін ұсынады:

бағдарлама жұмыс істеп тұрған кезде сызба құру

алдын ала жасалған графиканы пайдалану

графикалық құрамдастарды пайдаланып кескіндерді жасау

Графиктерді тұрғызу үшін сызу құралдары мен әдістерін беретін арнайы кластар құрылды: құралдар үш класста сипатталған – Tfont, Tpen, Tbrush; Сурет салу аймағы мен әдістерін Tcanvas сыныбы қамтамасыз етеді.

СыныпTфонт– кенепте мәтінді көрсету үшін қолданылатын қаріптің сипаттамаларын көрсетеді. Кластың сипаттары «Көптеген құрамдастарға қолжетімді негізгі сипаттар» бөлімінде сипатталған.

СыныпTpen– сызықтар сызылатын қаламның (қарындаштың) сипаттамасын көрсетеді.

Қасиеттерсынып Tpen:

Түс:Tcolor – сызық түсі (әдепкі – қара)

Ені:integer – пиксельдегі сызық қалыңдығы;

Стиль = (psSolid, psDash, psDot, psdashDot, psClear) – сызық стилін анықтайды (тұтас, үзік, нүктелі, сызықша нүктелі, көрінбейтін)

СыныпҚылқалам– кескіннің бетін бояйтын қылқаламның сипаттамаларын белгілейді.

Қасиеттерсынып Қылқалам:

Түс:Tcolor – қылқалам түсі (әдепкі – ақ)

Стиль– қылқалам үлгісі, келесі мәндерді қабылдай алады:

BsSolid – қатты бояу

BsClear – көлеңкенің болмауы

BsVertical – тік сызықтар

BsBdiagonal – оң қиғаш сызықтар

BsDiagCross – қиғаш ұяшық

Bs Горизонталь – көлденең сызықтар

BsFdiagonal – сол жақ қиғаш сызықтар

BsCross – тор

СыныпTcanvas– құрылатын кескіннің қай бетке орналасатынын және кескіннің жасалатын құралдарын анықтайды: шрифт, қарындаш, қылқалам.

Әдепкі бойынша, пішіннің бүкіл клиент аймағы жұмыс аймағы (кенеп) ретінде пайдаланылады (тақырыпсыз, негізгі мәзірсіз және пішіннің айналдыру сызықтарысыз), бірақ құрамдастарды пайдаланып пішін ішінде кішірек жұмыс аймақтарын бөлуге болады. PaintBoxнемесе Кескін. Кенеп координатасының бастауы жұмыс аймағының сол жақ жоғарғы бұрышы болып табылады, жұмыс аймағының ені сипатпен анықталады ClientWidth, биіктігі – қасиет ClientHeight.

Қасиеттерсынып Tcanvas:

Кенеп:Tcanvas – сызба аймағын анықтайды

Щетка:Tbrush – жабық пішіндерді толтыруға арналған щетка

Қаріп:Tfont – кенепте мәтінді көрсетуге арналған шрифт

Қалам:Tpen – сурет салуға арналған қарындаш (қалам).

PenPos:Tpoint – кенептегі көрінбейтін курсордың ағымдағы орны

Түсініктеме : Tpoint түрі – келесідей анықталады:

Нүкте = жазба теріңіз

Пиксельдер: Tcolor – кенеп пикселдерінің түстерін, X, Y – пиксель координаталарын орнатады. Pixels қасиеті таңдалған түстің нүктелерін пайдаланып графиктерді салу үшін пайдалануға ыңғайлы.

TCanvas класының негізгі әдістері

процедура Жылжыту(x,y:бүтін); - қаламды координаталары (х, у) нүктеге түзусіз жылжытады.

Процедура LineTo(x,y:бүтін); - ағымдағы нүктеден координаталары (х, у) нүктеге дейін түзу жүргізеді.

Мысал : Кескіннің жоғарғы сол жақ бұрышынан төменгі оң жақ бұрышына дейін кескінге диагональды көк сызық сызыңыз.

Pen.color:= clblue;

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

процедура Көпбұрыш(); - координаталар массивімен көрсетілген тұйық көпбұрышты салады.

Мысал : пішіннің жақтарының ортаңғы нүктелерін қосатын толтырылған гауһар тасты салыңыз

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

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 нүктесін қосатын түзу: координаталары (х3, у3) нүктемен (х4, у4) нүкте.

Мысал : ARC әдісі үшін келтірілген мысалдағы Chord әдісін ауыстырыңыз және келесі нәтижені алыңыз.

процедура Пирог(x1,y1,x2,y2,x3,y3,x4,y4:бүтін сан); - (x3,y3) және (x4,y4) координаталары бар эллипстің центрін қосатын эллипс кесіндісін салады.

Мысал : ARC әдісі үшін берілген мысалда PIE әдісін елестетіп, осы нәтижені алыңыз.

процедура TextOut(x,y:integer;Мәтін:жол); - Text параметрінде берілген жолды жоғарғы сол жақ бұрышы көрсетілген тіктөртбұрышқа шығарады x,y координаталары. Қаріп сипаттамалары Қаріп құралы арқылы орнатылады.

Мысал : пішіннің төменгі жағына сызылған графиктің атын жазыңыз.

Canvas.Font.Height:=20 ; //таңба биіктігі 20 пиксель

Canvas.Font.Color:=clblue;

Canvas.TextOut(10, ClientHeight-24, ‘SIN(X) функциясының графигі’);

Графикалық компоненттер

Delphi жақсартуға мүмкіндік беретін бірқатар дайын компоненттерді ұсынады пайдаланушы интерфейсі. Бұл компоненттер бетте орналасқан ҚосымшаЖәне Жүйеқұрамдас палитралар.

ҚұрамдасКескін(сыныпУақыт) – кеңейтімі бар сыртқы файлдарда сақталған графикалық кескіндерді көрсету үшін жасалған:

Ico(белгіше, пиктограмма);

Bmp (разрядтық кескін, нүктелік кескін);

Wmf, .emf (метафайл);

Jpg, .jpeg (JPEG қысылған кескін).

Негізгі қасиеттері :

Автоматты өлшем:boolean – шын мәніне орнатылғанда, компонент өзінің өлшемдерін жүктелген кескіннің өлшеміне қарай реттейді; әдепкі - жалған.

Созу:boolean – егер шын болса, жүктелген мән құрамдастың бүкіл аумағын алады; әдепкі - жалған.

Кенеп:Tcanvas – программаны орындау кезінде компоненттің ішіне сурет салу үшін қолданылады.

Сурет:Tpicture - компонентте орналастырылған кескінді анықтайды.

Негізгі әдістерісынып Сурет:

Процедура LoadFromFile(Файл аты:жол); - компонентке Filename атты файлдан суретті жүктейді.

Процедура SaveToFile(Файл аты:жол); -компоненттегі суретті Filename атты файлға сақтайды.

ҚұрамдасPaintBox - тікбұрышты сызба аймағын анықтайды. Негізгі қасиет Кенеп, Tcanvas класының барлық әдістері қол жетімді, оның тәуелсіз қасиеттері жоқ.

Мысал : PaintBox1 компонентіне жазылған сары эллипсті салыңыз.

Процедура Tform1Button1Click(жіберуші:Тобъект);

PaintBox1.Canvas көмегімен орындаңыз

Brush.Color:=clyellow;

Эллипс(0,0,PaintBox1.ClientWidth, PaintBox1.ClientHeight);

Соңы;

ҚұрамдасBitBtn – растрлық түйме

BitBtn түймесі стандарттыдан айырмашылығы, тақырыпқа (Тақырып) қосымша сипатпен көрсетілген суретті қамтуы мүмкін. Глиф. Стандартты BitBtn түймелерінің жиынтығы бар, алдын ала анықталған қасиеттері бар (белгілі бір суреті, жазуы және мақсаты бар) - стандартты түйменің түрі сипат арқылы таңдалады. Мейірімді. Түр=(bkCustom, bkAbort,bkCancel, bkClose …)

№1 тапсырма

Негізгі пішінде екі Image компоненті мен 4 түймесі бар қолданбаны құрыңыз («Кескінді жүктеу», «Геометриялық фигураны құрастыру», «Түсті өзгерту», «Шығу») және сізге:

a) пайдаланушы таңдаған графикалық кескінді Image1 компонентіне жүктеңіз, сонда кескін Image компонентінің бүкіл аумағын алады.

б) Image1 компонентінің астында «Бұл файлдан алынған сурет.

(компоненттің өлшемі мен орнын кез келген өлшеу үшінКескін1 жазу керек
қатаң түрде құрамдас астында орналасқан).

в) Image2 компонентінің ішіне геометриялық фигураны салу: Image компонентінің ортасын Image компонентінің төменгі және оң жақтарының орталарымен қосатын толтырылған эллипс сегменті.

(компоненттің өлшемі мен орнындағы кез келген өзгеріс үшінКескін2 фигураны дұрыс құрастыру керек, яғни. компонентке қатысты спецификацияға сәйкесКескін2)

d) ColorDialog компоненті арқылы пайдаланушының сұрауы бойынша Image2-де сызылған фигураның сызығының түсін өзгерту.

№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 компонентіндегі пішіндер (I тоқсан, II тоқсан,

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 компонентін және төрт түймені орналастырыңыз: Сызық түсі, Бояу түсі, Ok және Шығу; және Edit компоненті.

OK түймешігін басқан кезде Image1-те X жағы бар шаршы, ал Image2-де әрқайсысының ұзындығы X болатын катеттері бірдей тікбұрышты үшбұрыш сызылады.

Үшбұрыштың төбесі Image2 бастауымен сәйкес келеді. Шаршы төбелерінің бірі Image1 бастауымен сәйкес келеді.

OK түймесі кескінді салу үшін сызық түсін және бояу түсін таңдаған кезде ғана қолжетімді болады.

X – пайдаланып, кездейсоқ таңдайды Кездейсоқ функцияларал Edit компоненті X мәнін көрсетуі керек.

№18 тапсырма

Пайдаланушыға PaintBox1 компонентінің өлшемдерін орнатуға мүмкіндік беретін қолданбаны жасаңыз (пиксельде).

PaintBox1 компонентін 4 тең бөлікке бөліңіз; пайдаланушы таңдаған бөліктің ішінде толтырылған шеңберді салу керек, оның өлшемін пайдаланушы белгілейді. Пайдаланушы ColorBox ішіндегі бояу түсін таңдайды.

Мысалы, пішіннің түсін келесідей өзгертуге болады:

form1.Color:= ColorBox1.Colors;

Графикалық ақпаратты бейнелеу үшін Delphi кітапханасы құрамдас бөліктерді ұсынады, олардың тізімі кестеде берілген. 6.

6-кесте

Графикалық ақпаратты бейнелеуге арналған компоненттер

Құрамдас	Бет	Сипаттама
Кескін	Қосымша	Графикалық бейнелерді көрсету үшін қолданылады
PaintBox (сурет салуға арналған терезе)	Жүйе	Пішінде сурет салуға болатын аумақты жасау үшін қолданылады
DrawGrid (сызбалар кестесі)	Қосымша	Жолдар мен бағандарда мәтіндік емес деректерді көрсету үшін қолданылады
Диаграмма (диаграммалар мен графиктер)	Қосымша	Компонент диаграммалар мен графиктерді құру үшін пайдаланылатын компоненттердің TeeChart тобына жатады
Chartfx (диаграммалар мен графиктер)	ActiveX	Диаграмма және график редакторы
FIBook (Excel беттері)	ActiveX	Сандық ақпаратты енгізу және өңдеу компоненті
VtChart (диаграммалар)	ActiveX	Диаграммалау терезесі

Сонымен қатар, қасиетке ие кез келген терезе компонентінің бетіне графикалық ақпаратты көрсетуге және енгізуге болады Кенеп- кенеп.

Кескін кестелері - DrawGrid және StringGrid компоненттері

Құрамдас DrawGridқамтуы мүмкін қолданбада кесте құру үшін пайдаланылады графикалық бейнелер. Бұл компонент компонентке ұқсас StringGridсоңғысы шыққандықтан DrawGrid.Сондықтан в DrawGridкомпоненттің барлық қасиеттері, әдістері, оқиғалары бар StringGridмәтінге қатыстыларды қоспағанда, яғни. қасиеттерден басқа Жасушалар, Түстер, жолдар, нысандар.Осы тұрғыдан алғанда компонент StringGridқарағанда айтарлықтай үлкен мүмкіндіктерге ие DrawGridөйткені ол ұяшықтарда суреттерді де, мәтіндерді де сақтай алады. Ал кейбір ұяшықтарға мәтін енгізгіңіз келсе DrawGridонда бұл үшін мәтінді контурда көрсету әдістерін қолдану қажет, бұл өте ыңғайлы емес.

Құрамдас бөліктер 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компоненттен алынған сурет BitMap.Бұл ұяшық кестеде сол жақтан екінші және жоғарыдан екінші болып табылады, өйткені индекстер 0-ден басталады. Егер ұяшық көшірілген кескіннің өлшемінен кішірек болса, онда кескіннің тек жоғарғы сол жақ бөлігі ғана пайда болатынын ескеріңіз. жасуша.

Құрамдас кенептегі сурет DrawGrid және StringGrid,кез келген құрамдастың кенепіндегі сияқты, қолданба терезесі басқа терезелермен қабаттасқанда немесе, мысалы, қолданба кішірейтілгенде, ол өшірілуге жатады.

Ұяшықтарға кескіндерді енгізудің ыңғайлы жолы DrawGridоқиға өңдеушісін пайдалану болып табылады OnDrawCell.Бұл оқиғалар әрбір кесте ұяшығы үшін қайта сызылған кезде орын алады. Өңдеуші тақырыбы келесідей көрінеді:

procedure TForml.DrawGridlDrawCell(Жіберуші: TObject;

ACol, ARow: бүтін; Rect: TRect; Күй: TGridDrawState)

Параметр Мемлекетұяшықтың күйін көрсетеді. Бұл келесі элементтерді қамтуы мүмкін жиын: gdТаңдалған- таңдалған ұяшық, gdFocused- фокустағы ұяшық, gdFixed- кестенің бекітілген аймағындағы ұяшық. Параметр Мемлекетұяшықтарды әртүрлі күйлерде әртүрлі көрсету үшін пайдалануға болады.

Пішін компоненті

Пішін компонентіграфикалық ақпаратты көрсету құралы ретінде шартты түрде ғана жіктелуі мүмкін, өйткені ол жай ғана сәйкес көлеңкеленген әртүрлі геометриялық фигураларды бейнелейді. Бұл компоненттің негізгі қасиеті Пішін(форма), ол келесі мәндерді қабылдай алады:

StRectangle – төртбұрыш;

StSquare – шаршы;

StRoundRect – бұрыштары дөңгеленген тіктөртбұрыш;

StRouhdSquare - бұрыштары дөңгеленген шаршы;

Stellipse – эллипс;

StCircle - шеңбер.

Компоненттің тағы бір маңызды қасиеті Щетка(щетка). Бұл сипат типті объект болып табылады туберкулез,бірқатар ішкі қасиеттерге, атап айтқанда түске ие (Қылқалам. Түс)және стиль (Қылқалам.Стиль)фигураны толтыру. Кейбір мәнер мәндерінің толтырылуын суретте көруге болады. 3.2. Компоненттің үшінші спецификалық қасиеті Пішін- Қалам(қалам) сызық стилін анықтайтын.

Диаграмма құрамдас бөлігі

Енді компонентті қарастырайық Диаграмма.Бұл компонент өте әсерлі көрінетін әртүрлі диаграммалар мен графиктерді құруға мүмкіндік береді. Құрамдас Диаграммакөптеген қасиеттерге, әдістерге, оқиғаларға ие, сондықтан олардың барлығын қарастыратын болсақ, бұған тұтас бір тарауды арнауға тура келеді. Сондықтан біз тек негізгі сипаттамаларды қарастырумен шектелеміз Диаграмма.Қалғанын Delphi-дің кірістірілген анықтамасынан таба аласыз немесе диаграммалармен тәжірибе жасап көріңіз.

Құрамдас Диаграммаобъектілердің контейнері болып табылады Сериялар- сыныптың мұрагерлері TChartSeries.Әрбір мұндай нысан белгілі бір көрсету стилімен сипатталатын деректер қатарын білдіреді: белгілі бір график немесе диаграмма. Әрбір компонент Диаграммабірнеше эпизодты қамтуы мүмкін. Егер сіз графикті көрсеткіңіз келсе, онда әрбір қатар графиктегі бір қисыққа сәйкес болады. Диаграммаларды көрсеткіңіз келсе, диаграммалардың кейбір түрлері үшін бірнеше түрлі серияларды бір-бірінің үстіне қоюға болады, басқалары үшін (дөңгелек диаграммалар сияқты) ол ұсқынсыз болып көрінуі мүмкін. Дегенмен, бұл жағдайда да бір құрамдас үшін орнатуға болады Диаграммабірдей деректердің бірнеше сериясы әртүрлі түрлерідиаграммалар. Содан кейін олардың біреуін әр уақытта белсенді ету арқылы пайдаланушыға оларды қызықтыратын деректерді көрсететін диаграмма түрін таңдау мүмкіндігін бере аласыз.

Бір немесе екі компонентті орналастырыңыз Диаграммапішінде және нысан инспекторында ашылатын сипаттарды қараңыз. Міне, олардың кейбіреулері туралы кейбір түсініктемелер.

AllowPanning – қолданушының орындау кезінде тінтуірдің оң жақ батырмасын басу арқылы графиктің байқалатын бөлігін айналдыру мүмкіндігін анықтайды. Мүмкін мәндер: pmNone – айналдыруға тыйым салынады, pmHori/ontal, pm Vertical немесе pmBoth – сәйкесінше тек көлденең бағытта, тек тік бағытта немесе екі бағытта да айналдыруға рұқсат етіледі.

AhowZoom - пайдаланушыға тінтуір курсорымен диаграмманың немесе графиктің фрагменттерін кесу арқылы орындау уақытында кескін масштабын өзгертуге мүмкіндік береді. Егер фрагменттің жақтауы оңға және төменге сызылған болса, онда бұл фрагмент графиктің бүкіл өрісін жабу үшін созылады. Ал егер жақтау жоғары және солға қарай сызылған болса, онда бастапқы масштаб қалпына келеді.

Тақырып – диаграмма тақырыбын анықтайды.

Аяқ – диаграмманың астындағы жазуды анықтайды. Әдепкі бойынша ешқайсысы. Қолтаңба мәтіні Text ішкі қасиеті арқылы анықталады.

Frame - диаграмманың айналасындағы жақтауды анықтайды.

Объектілер инспекторында аталған көптеген сипаттардың жанында Диаграмма редакторының бір немесе басқа бетін шақыруға мүмкіндік беретін эллипстері бар түймелер бар - диаграммалардың барлық қасиеттерін орнатуға мүмкіндік беретін көп бетті терезе. Диаграммалар редакторын компонентті екі рет шерту арқылы да шақыруға болады Диаграмманемесе оны тінтуірдің оң жақ түймешігімен басып, қалқымалы мәзірден Диаграмманы өңдеу пәрменін таңдау арқылы.

Жоғарғы компонентті екі рет басыңыз Диаграмма.Сіз бірнеше қойындысы бар Диаграмма бетіндегі Диаграмма өңдегішінің терезесіне өтесіз. Ең алдымен, сізді ондағы Сериялар қойындысы қызықтырады. «Қосу» түймесін басыңыз - серияны қосыңыз. Сіз диаграмма немесе график түрін таңдауға болатын терезеге барасыз. Бұл жағдайда Pie - дөңгелек диаграмманы таңдаңыз. «Тақырыптар» қойындысын пайдаланып, диаграмма тақырыбын орнатуға болады, «Мәндік белгілер» қойындысы диаграмманың таңбашасын (таңбалар тізімі) көрсету үшін параметрлерді орнатуға немесе оны экраннан мүлдем алып тастауға мүмкіндік береді, «Панель» қойындысы тақтаның сыртқы түрін анықтайды. 3D қойындысы диаграмманың сыртқы түрін өзгертуге мүмкіндік береді: көлбеу, жылжу, қалыңдық, т.б.

Диаграмма өңдегішінде жұмыс істеп, диаграмма түрін таңдаған кезде, құрамдас бөліктер ДиаграммаПішініңіз оның сыртқы түрін оған енгізілген шартты деректермен көрсетеді. Сондықтан, сіз өзіңіздің қолданбаңызға әртүрлі опцияларды қолданудың нәтижесін бірден көре аласыз, бұл өте ыңғайлы.

Бірнеше қойындылары бар Сериялар беті сериялар үшін қосымша көрсету опцияларын таңдау мүмкіндігін береді. Атап айтқанда, дөңгелек диаграмма үшін «Пішім» қойындысында «Дөңгелектелген дөңгелек» опциясын қосу пайдалы, ол диаграмманың Диаграмма құрамдас бөлігінің кез келген өлшемінде шеңбер түрінде көрсетілетінін қамтамасыз етеді. Белгілер қойындысында Стиль тобының түймелері диаграмманың жеке сегменттеріне қатысты белгілерде не жазылатынын анықтайды: Мән - мән, Пайыз - пайыздар, Белгі - деректер атаулары және т.б.

Қаласаңыз, Диаграмма бетіндегі Сериялар қойындысындағы Клондау түймешігін басу арқылы осы Диаграмма құрамдас бөлігіне басқа бір қатарды қосуға болады, содан кейін ол үшін жаңа сериясыӨзгерту түймесін басып, басқа диаграмма түрін таңдаңыз, мысалы, Жолақ.

Диаграмма өңдегішінен шығыңыз, қолданбаңыздың төменгі Диаграмма құрамдас бөлігін таңдап, оның сипаттарын орнатуды Диаграмма өңдегішінің көмегімен қайталаңыз. Бұл жағдайда графикте екі қисықты көрсеткіңіз келсе, екі қатарды көрсету керек және Сызық диаграмма түрін таңдаңыз. Өйткені туралы айтып отырмызграфиктер туралы білсеңіз, осьтердің координаталық сипаттамаларын және графиктің үш өлшемді жиектерін көрсету үшін Ось және Қабырғалар қойындыларын пайдалануға болады.

Бұл дизайн үшін сыртқы түріқолданба аяқталады. Көрсеткіңіз келетін деректерді көрсететін кодты жазу ғана қалады. Сынақ қолданбасы үшін дөңгелек диаграммадағы кейбір тұрақты деректерді және графиктердегі кейбір функцияларды орнатайық.

Көрсетілген мәндерді орнату үшін Series әдістерін пайдалану керек. Негізгі үш әдіске ғана тоқталайық.

Әдіс Тазабұрын енгізілген деректер қатарын тазартады.

Әдіс Қосу:

Қосу(Const AValue:Double; Const ALabel:String; AColor:TColor) ,

диаграммаға жаңа нүкте қосуға мүмкіндік береді. Параметр AV мәнқосылған мәнге, параметрге сәйкес келеді ALabel- диаграммада және легендада көрсетілетін белгі, AColor- түсті. Параметр ALabel- міндетті емес, оны бос орнатуға болады: ' '. Әдіс AddXY:

AddXY(Const AXValue, AYValue: Қос; Const ALabel: Жол; AColor: TColor)

функция графигіне жаңа нүкте қосуға мүмкіндік береді. Опциялар AXValueЖәне AYМәнаргумент пен функцияға сәйкес келеді. Опциялар ALabel және AColorәдістегідей қосу.

Осылайша, біздің мысалдағы деректерді жүктеу процедурасы келесідей болуы мүмкін:

const Al=155; A2=251; A3=203; A4=404; var i:word; БАСТА

Сериядан басталады

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

Add(A2,"Workshop 2",clBlue);

Add(A3,"Workshop 3",clRed);

Add(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) соңы;

ClRed); ,clBlue);

Операторлар Тазақолданба жұмыс істеп тұрған кезде деректерді жаңартқыңыз келсе қажет.

Осымен біздің компонентке кіріспе аяқталады Диаграмма.Рас, біз оның мүмкіндіктерінің аз ғана бөлігін қарастырдық.

“Delphi-де графикалық ақпаратты көрсету” Тақырыптың қысқаша мазмұны: 1.C S pppp ooooo ssss ooooo bbbb yyyy in in in yyyy vvvv ooooo dddd aaaa yy g rrrrr аааа ffff iii hhhh ee ssss kkffffnmmr ooooooooooooo tskst iiiiii iiiiii в iv в D D D D eeee llll pppp hhhh iiii O O tttt ooo bbbb rrrrr aaaa zhzhzh ee nnnn iiii ee k k k aaaa rrrrr tttt iiii nnnnn oooo кккк О ттттбжнр о ттббжнр о ттб бржна ееееiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiкккк иии ххххх фффф иииии аааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааааа ррр аааа мммм мммм....

1. Графикалық ақпаратты бейнелеу әдістері. Delphi-де графикалық ақпаратты бейнелеудің бірнеше жолы бар: Алдын ала дайындалған кескіндерді шығару (Image, Shape компоненттері); P Графиктер мен диаграммаларды құру (Chart компоненті және т.б.); F Бағдарламалық түрде кескіндерді қалыптастыру (Canvas нысаны).

2.Дисплей 2.Суреттерді көрсету. Сурет құрамдас бөлігін пайдаланып суреттерді көрсету біз DDDDD DDDD LLC Yiyy және және және және ZZZZ P P P P PRRRDDDDDDDDDDDD IIII XXXX T T T T T T T T T T T TOTEMMM .... Мұнда біз іске асыру мысалын қарастырамыз. ең қарапайым анимацияКескін құрамдастарында көрсетілетін кескінді мезгіл-мезгіл өзгерту арқылы. ПППП ееее рррр ееееееееееееееееееееееееееееееееееееееееееееекееееееееееееееееееееееееек

3.Көрсеткіш 3.Геометриялық фигураларды көрсету. ЖӘНЕ Бірнеше Shape құрамдастарынан қарапайым сызбаларды жасауға болады. P Сызбадағы Shape компоненттерінің орнын (.Сол,.Жоғарғы), өлшемін (.Ені,.Биіктігі) және түсін (Қылқалам.Түс) бағдарламалы түрде өзгерту арқылы қарапайым анимация элементтерін жүзеге асыруға болады. Р Р Р Р аааа сссссссссс мммм ооооо ттт рррр ееее ттт ее п п п п рррр ии мммм ее ррррр....

4.Құрылысы 4.Графиктер мен диаграммаларды құрастыру. Диаграммалар сандық деректер массивтерін визуалды түрде көрсетуге, оларды визуалды көрсетуге және талдауға арналған. PPPP rrrrr iiii mmmm eee rrrrr.... Delphi-де диаграммалар құру үшін бірнеше компоненттер бар, олардың бірі Chart компоненті (TeeChart Std бөлімі).

Графиктер мен диаграммалар. Көрсетілетін деректер әдетте Диаграммаға бағдарламалы түрде беріледі, мысалы: Series1.Clear; (айқын қатар) i:=1 үшін N үшін Series1.addxy(i, A[i], clGreen); X осінің мәні Y осінің мәні X осінің белгісі PP диаграммасындағы деректер түсі аааа ssssssssssss mmmm ooooo tttt rrrrr ee tttt yee p p p p prrrr iiii mmmm ee rrrrr p p p pooooo ssssssssssssssssрррр аааа ffff iii kkkk aaaa f f f f uuuu nnnn kkkk tsstst iiiiii y y y y = = = = S S S S iiii nnnn ((((хххх))))

Келесі: Зертханалық жұмыс “““” ОООО ттт ооооо bbbb rrrrr аааа жжж ееее nnnn iiii ee k k k k aaaa rrrrr tttt iiii nnnn ooooo kkkk i i i i yyyy eeee ooooo mmmmseeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeккк 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 OOOOOO rrrrr ooooo eee nnnn iii iii iii iii iii iii iii iii iii iyi eoe kkmm» бастап зертханалық жұмыс 9 (Деректерді кестеде көрсету). Кестедегі кейбір деректерді гистограммада немесе дөңгелек диаграммада көрсету мүмкіндігін қосыңыз. 2) Берілген функцияның графигін тұрғыз.

Visual Component Library (VCL) Delphi бізге графикалық ақпаратты көрсету үшін келесі визуалды компоненттерді ұсынады: Image (сурет), PaintBox (сызуға арналған терезе), DrawGrid (суреттер кестесі), Chart (диаграммалар мен графиктер), Animate (шығару бейнеклиптері). ), сондай-ақ пішін. Бұл құрамдастарда әрбір пикселге рұқсат беретін Canvas қасиеті (жоғарыда талқыланды) бар. Әрине, Delphi-де графикамен жұмыс істеу үшін пиксель-пиксель салудың қажеті жоқ, Delphi жүйесі графикамен жұмыс істеу үшін қуатты құралдарды ұсынады.

Жоғарыда аталған компоненттерді толығырақ қарастырайық:

Кескін құрамдас бөлігі

TImage класының объектісі болып табылады. Графикалық файлдардан оқылған кескіндерді көрсету үшін қолданылады. Әдепкі бойынша пішіннің бетінде *.bmp пішімінде ұсынылған кескіндерді көрсетеді. Суреттерді jpg пішімінде шығару үшін JPEG модулін uses директивасына қосу керек. Компоненттер палитрасының Қосымша қойындысында орналасқан.

Формаға Image компонентін орналастырғаннан кейін ол таңдалған төртбұрышты аймақтың пішінін алады.

9-сурет – Пішіндегі кескін компоненті

Қажетті кескінді таңдау диалогын ашу үшін Объектілер инспекторы арқылы келесі әрекеттерді орындау керек. Ол үшін Picture қасиетін тауып, оның сол жағындағы үш нүктені басыңыз. Сурет өңдегішінің терезесі ашылады және одан Жүктеуді таңдаңыз, ашылған терезеде сурет файлын таңдаңыз.

Мұны Picture қасиетінің LoadFromFile әдісін шақыру арқылы да бағдарламалы түрде жасауға болады:

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

мұндағы name_pic.jpeg файл атауы.

Кесте 8 – Image компонентінің негізгі қасиеттері

Меншік		Сипаттама
		Құрамдас өрісте кескін көрсетіледі
	Компонент өлшемдері. Егер бұл өлшемдер иллюстрация өлшемінен кішірек болса және Stretch, AutoSize және Proportional сипаттары False күйіне орнатылса, кескіннің бір бөлігі көрсетіледі.
	Суреттерді бұрмалаусыз автоматты түрде масштабтауға мүмкіндік береді. Масштабтауды орындау үшін AutoSize қасиетін False мәніне орнату керек
	Кескін компонентінің өлшеміне сәйкес келетін кескінді автоматты түрде масштабтауға (кішірейтуге немесе созуға) мүмкіндік береді. Егер құрамдас бөліктің өлшемі кескін өлшеміне пропорционал болмаса, онда кескін бұрмаланады
	Кескін өлшеміне сәйкес келетін құрамдас өлшемін автоматты түрде өзгертуге мүмкіндік береді
	Кескіннің ені компоненттің енінен аз болса, Image компонентінің өрісіндегі кескіннің көлденең орнын анықтауға мүмкіндік береді.
	Графиканы көрсетуге арналған бет
	Мөлдір кескіннің өң түсін анықтайды

1-мысал: Image компоненті арқылы кескіндерді қарау бағдарламасын жазыңыз. Бағдарлама келесі мүмкіндіктерге ие болуы керек:

· папкадағы суреттерді қарау;
· суретті толық көлемде немесе терезе өлшеміне ең қолайлы форматта қарау;
· кескін файлдарын басқару, сонымен қатар суреттерді басып шығару, сақтау, жою және өңдеу;
· қажет болған жағдайда суретті өңдеу бағдарламасында ашыңыз;

10-сурет – Бағдарламаның басталар алдындағы терезесі

Жоба құру:

1. Бағдарлама файлдары үшін қалтаны жасаңыз және Delphi біріктірілген өңдеу ортасын іске қосыңыз.
2. Пішінге компоненттерді қосыңыз:

Алдымен формаға Image компонентін орналастырамыз, онымен жұмыс істеуге тура келетін негізгі компонент. Бұған қоса, бізге келесі компоненттер қажет:

· ScrollBox Толық өлшемді режимде кескін Кескін шеңберінен шығып кеткенде қажет. Оның өлшемдері терезе өлшеміне пропорционалды өзгеретіндей етіп, оның Aling қасиетіне alClient мәнін тағайындаймыз. Және оған Image компонентін орналастырыңыз;
· Біз сондай-ақ кескіндерді сақтауға және ашуға арналған SavePictureDialog және OpenPictureDialog диалогтық компоненттерін қосамыз. Бізге біріншісі кескінді таңдалған каталогқа көшіру үшін қажет, екіншісі - ашылу диалогын шақыру үшін графикалық файл. Олар Компоненттер палитрасының Диалогтар бетінде орналасқан. Бұл бетте бізге PrintDialog компоненті де қажет, оны басып шығару үшін принтерді таңдау диалогын шақыру керек.
· Бағдарламаға негізгі мәзірді қосу үшін MainMenu және түрлі-түсті дизайн үшін XPManifest қосыңыз
· Сондай-ақ жұмыс каталогында орналасқан кескіндердің атауларын бір жерде сақтау керек. ListBox компоненті осы мақсаттарға ыңғайлы, оны Form1-тің Create оқиғасын өңдеу кезінде жасыруға болады.
· Навигациялық түймелерді орналастыру және олармен ыңғайлы жұмыс істеу үшін біз «Перде» панелін қосамыз, оған осы түймелерді орналастырамыз (Алдыңғы сурет, Келесі сурет, Шынайы өлшем, Өлшемге сәйкестендіру, Жою, Көшіру, Басып шығару, Өңдеу). Олар үшін құрамдас ретінде SpeedButton таңдалған.
· «Солға» (алдыңғы сурет), «Оңға» (келесі сурет) және «Del» пернесін (суретті жою) пернелерді басу үшін таймер қосыңыз.
· Және тағы бір компонент – ProgressBar, ол үлкен *.Jpg файлдарды жүктеу процесін көрсетеді.
3. Түймені басу оқиғасын өңдеуге арналған кодты жазыңыз (Алдыңғы сурет, Келесі сурет, Шынайы өлшем, Өлшемге сәйкестендіру, Жою, Көшіру, Басып шығару, Өңдеу). Негізгі меню мәзірінің элементтерін басу оқиғасын өңдеуге арналған кодты жазыңыз (Шығу, Ашу, Жабу, Жасау).
4. Пішінді құрудың бастапқы параметрлерін орнатыңыз. Екі рет басыңыз бос орын TForm1.FormCreate(Sender:TObject) процедурасының код процедурасын қалыптастырыңыз және жазыңыз, 1-қосымшадағы модуль кодын қараңыз.
5. Келесі түрдегі процедураларды жазыңыз:

процедурасы FindFileInFolder(жол, ішкі: жол);

Бұл процедура ext маскасын пайдаланып файлдар үшін жол қалтасын сканерлейді.

Бағдарламалық модуль кодының толық тізімі 1-қосымшада (Бағдарламалар тізімі 3) орналасқан.

1. Image компонентінің мүмкіндіктерін көрсетіңіз.
2. Image компоненті қандай класстың объектісі болып табылады?
3. 3. Image компоненті әдепкі бойынша қандай файл түрін қолдайды?
4. 4. Image компонентінің негізгі қасиеттерін көрсетіңіз.
5. 5. Image компонентінің кескіні қандай қасиетте сақталады?

Презентацияны жеке слайдтар арқылы сипаттау:

1 слайд

Слайд сипаттамасы:

2 слайд

Слайд сипаттамасы:

Көрнекі орта Delphi программалауы, Windows сияқты, қолдайды GUIпайдаланушы (GDI – Graphic Delphi Interface). Delphi-де графикалық ақпаратты бейнелеудің екі жолы бар: алдын ала дайындалған кескіндерді көрсету; бағдарламадан сурет салу.

3 слайд

Слайд сипаттамасы:

Бірінші әдіс Image және Shape компоненттерін пайдалануға негізделген. Дайын суретті (белгішені) пайдалануға немесе Image Editor көмегімен өзіңіз жасауға болады. Екінші әдіс - Canvas нысанын пайдаланып кескіндерді бағдарламалы түрде жасау.

4 слайд

Слайд сипаттамасы:

Delphi өз қолында арнайы объект, ол Canvas сипаты ретінде стильдендірілген. Ол қолданба жұмыс істеп тұрған кезде ғана қол жетімді, сондықтан оны тек жазу арқылы бағдарламадан басқаруға болады қажетті код Object Pascal тілінде. Егер нысанда Canvas қасиеті болса, оның бетіне сурет салуға болады. Бұл рөлге ең қолайлы үміткерлер пішіннің өзі және арнайы PaintBox компоненті болып табылады.

5 слайд

Слайд сипаттамасы:

Кенеп нысаны Қасиеттер: Қалам – геометриялық фигуралардың сызықтары мен жиектерін салуға арналған қасиет. Қалам графикалық курсордың командаларын орындайды және өз кезегінде өзінің кірістірілген қасиеттеріне ие: Түс – жолдың түсін анықтайды (әдепкі бойынша қара); Режим – сурет салу стилі (мұнда берілмеген көптеген мағыналары бар); Стиль – келесі мәндерді қабылдай алатын сызық стилі: рsSolid – тұтас (әдепкі); рсDosh – сызықша; psDot – нүктелі; рsDoshDot – нүктелі сызық (және басқа қасиеттер); Widh – сызық қалыңдығы (әдепкі 1 пиксель);

6 слайд

Слайд сипаттамасы:

Brush – келесі кірістірілген сипаттары бар пішіндерді толтыруға арналған сипат: Түс – қылқалам түсі (әдепкі бойынша ақ); Стиль – щетка үлгісі, ол келесі мәндерді қабылдай алады: bsClear – тұтас бояу; bs Horizontal – көлденең сызықтар; bsVertical – тік сызықтар; bsFDiagonal – сол жақ қиғаш сызықтар; bsBDiagonal – оң жақ қиғаш сызықтар; bsCross – ұяшық; bsDiagCross – қиғаш ұяшық;

7 слайд

Слайд сипаттамасы:

Font – келесі кірістірілген қасиеттері бар мәтінді көрсетуге арналған қасиет: Color – символ түсі; Height – пиксельдегі қаріп биіктігі; Name – шрифт атауы; Size – шрифт өлшемі; Стиль – шрифт стилі, ол келесі мәндерді қабылдай алады: fsBold – қалың; fsItalic – курсив; fsUnderline – асты сызылған; fsStrikeOut – сызылған;

8 слайд

Слайд сипаттамасы:

PenPos (Қаламның орны) – ағымдағы сызба орнын сақтауға арналған сипат (сурет аймағындағы қаламның орнын анықтайды. осы сәтуақыт); Пикселдер – сызба аймағының жеке нүктелерінің координаталарын жазуға және оқуға арналған массив қасиеті («кенеп»).

Слайд 9

Слайд сипаттамасы:

Canvas нысанының әдістері MoveTo(x,y: integer) – қаламды ағымдағы орыннан x, y координаталары көрсетілген нүктеге сызық сызусыз жылжытады; LineTo(x.y: integer) - қаламды ағымдағы орыннан x, y координаталары берілген нүктеге, түзу жүргізе отырып жылжытады; Arc(x1, y1, x2, y2, x3, y3, x4, y4: integer) – координаталары (x1, y1) және (x2, y2) тіктөртбұрышқа іштей сызылған эллипс доғасын салады. Доға (x3,y3) және (x4,y4) нүктелері арқылы өтетін эллипс радиустары арқылы анықталады;

10 слайд

Слайд сипаттамасы:

Chord(x1, y1, x2, y2, x3, y3, x4, y4: integer) – Arc әдісі үшін берілген сипаттама бойынша эллипс хордасын салады; Ellipse(x1, y1, x2, y2: integer) – жоғарғы сол жақ бұрышы (x1, y1) нүктесінде және төменгі оң жақ бұрышы (x2, y2) нүктесінде болатын тіктөртбұрышқа іштей сызылған эллипс сызады; FillRect(Rect (x1, y1, x2, y2: integer)) – тіктөртбұрышты ағымдағы Brush-те көрсетілген түспен толтырады. Берілген координаталардағы тіктөртбұрышты бейнелейтін Rect функциясын қолданады;

11 слайд

Слайд сипаттамасы:

FloodFill(x,y: integer; Color: TColor; FillStyle: TFillStyle) – Brush қасиетінде көрсетілген ағымдағы түспен толтыру: FillStyle=fsBorder көмегімен – x, y координаталары бар нүктеден нүктемен анықталған шекараға дейінгі тұйық аймақ. Түс; FillStyle=fsSurface көмегімен – Түс түсі бар беттің сол бөлігі; Pie(x1, y1, x2, y2, x3, y3, x4, y4: integer) – координаталары (x1, y1) және (x2, y2) тіктөртбұрышқа іштей сызылған эллипстің секторын салады. Сектор (x3, y3) және (x4, y4) нүктелері арқылы өтетін екі эллипс радиусымен анықталады;

12 слайд

Слайд сипаттамасы:

Polyline (Points: array of TPoint) – Points массивінің нүктелерін дәйекті түрде қосатын полисызықты салады; Көпбұрыш (Нүктелер: TPoint массиві) – Points массивіндегі нүктелерді тізбектей қосу арқылы көпбұрыштарды салады. Оның Polyline әдісінен айырмашылығы, ол полисызықтың соңын оның басына автоматты түрде қосады; Rectangle (x1, y1, x2, y2: integer) – жоғарғы сол жақ бұрышы (x1, y1) нүктесінде және төменгі оң жақ бұрышы (x2, y2) нүктесінде болатын тіктөртбұрыш салады;

Слайд 13

Слайд сипаттамасы:

Retresh – суретті қайта салу қажет болғанда әдіс шақырылады; RoundRect (x1, y1, x2, y2, x3, y3: integer) – бұрыштары дөңгеленген тіктөртбұрышты салады. Бұрыштар ені х3 және биіктігі у3 эллипстің төрттен бір бөлігі ретінде сызылған; TextOut (x, y:integer, Text:String) – Text параметрінде көрсетілген мәтінді шығарады. Мәтін жоғарғы сол жақ бұрышында x, y координаталары бар тіктөртбұрышқа сәйкес келеді.

Санаттағы танымал: