Prezentácia o programovaní v prostredí Delphi na tému: "Zobrazovanie grafických informácií v Delphi". Použitie grafických schopností Delphi Stručný základ teórie

Na zobrazenie grafických informácií v knižnici Delphi sú k dispozícii komponenty, ktorých zoznam je uvedený v tabuľke. 6.

Tabuľka 6

Komponenty na zobrazovanie grafických informácií

Komponent Stránka Popis
obrázok (obrázok) Dodatočné Používa sa na zobrazenie grafiky
PaintBox (okno na kreslenie) Systém Používa sa na vytvorenie oblasti na formulári, do ktorej môžete kresliť
DrawGrid (tabuľka na kreslenie) Dodatočné Používa sa na zobrazenie netextových údajov v riadkoch a stĺpcoch
Graf (grafy a grafy) Dodatočné Komponent patrí do rodiny komponentov TeeChart, ktoré sa používajú na vytváranie tabuliek a grafov
Chartfx (grafy a grafy) ActiveX Editor grafov a grafov
FIBook (stránky programu Excel) ActiveX Komponent pre vstup a spracovanie numerických informácií
VtChart (grafy) ActiveX Okno diagramu

Okrem toho môžete zobraziť a zadať grafické informácie na povrchu akéhokoľvek komponentu okna, ktorý má danú vlastnosť Plátno- plátno.

Obrazové tabuľky - komponenty DrawGrid a StringGrid

Komponent DrawGrid používa sa na vytvorenie tabuľky v aplikácii, ktorá môže obsahovať grafiku. Tento komponent je podobný komponentu Strunová mriežka, keďže to druhé je odvodené od mriežka. Preto v DrawGrid sú prítomné všetky vlastnosti, metódy, udalosti komponentu Strunová mriežka, iné ako tie, ktoré súvisia s textom, t.j. okrem vlastností Bunky, Stĺpce, riadky, objekty. Z tohto pohľadu súčiastka StringGrid má oveľa väčší potenciál ako sťahovacia mriežka, pretože do buniek dokáže ukladať obrázky aj texty. A ak chcete zadať text do niektorých buniek sťahovacia mriežka, potom na to budete musieť použiť metódy na výstup textu na plátno, čo nie je príliš pohodlné.

Komponenty DrawGrid a StringGrid mať plátno Plátno, kde je možné umiestniť obrázky.

Existuje metóda bunkový obdĺžnik, ktorý vráti plochu plátna pridelenú pre danú bunku. Táto metóda je definovaná ako

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

kde ACol a ARow- stĺpcové a riadkové indexy začínajúce od 0, na priesečníku ktorých sa bunka nachádza. Oblasť vrátená touto funkciou je oblasť plátna, do ktorej je možné nakresliť požadovaný obrázok. Napríklad operátor

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

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

kópie podľa metódy CopyRect do bunky (1,1) tabuľky DrawGridl obrázok z komponentu bitová mapa. Táto bunka je v tabuľke druhá zľava a druhá zhora, pretože indexy začínajú od 0. Všimnite si, že ak sú rozmery bunky menšie ako veľkosť kopírovaného obrázka, potom sa zobrazí iba ľavá horná časť obrázka. sa objaví v bunke.

Komponentný obraz na plátne DrawGrid a StringGrid ako na plátne akéhokoľvek komponentu, aj tento podlieha vymazaniu, keď je okno aplikácie prekryté inými oknami alebo napríklad keď je aplikácia minimalizovaná.

Pohodlný spôsob vkladanie obrázkov do buniek DrawGrid je použiť obsluhu udalosti OnDrawCell. Tieto udalosti sa vyskytujú pre každú bunku tabuľky v momente jej prekresľovania. Hlavička obslužného programu vyzerá takto:

procedure TForml.DrawGridlDrawCell(Sender: TObject;

ACol, ARow: celé číslo; Rect: TRect; State: TGridDrawState)

Parameter Štát označuje stav bunky. Je to sada, ktorá môže obsahovať nasledujúce prvky: gdVybrané- zvýraznená bunka gdFocused- bunka, ktorá je zaostrená, gdFixed- bunka v pevnej oblasti stola. Parameter Štát možno použiť na rôzne zobrazenie buniek v rôznych stavoch.

Tvarový komponent

Tvarový komponent možno len podmienečne pripísať prostriedkom zobrazovania grafických informácií, pretože jednoducho predstavuje rôzne geometrické tvary, vhodne zatienené. Hlavnou vlastnosťou tohto komponentu je tvar(form), ktorý môže nadobúdať tieto hodnoty:

StRectangle - obdĺžnik;

StSquare - štvorec;

StRoundRect - obdĺžnik so zaoblenými rohmi;

StRouhdSquare - štvorec so zaoblenými rohmi;

StEllipse - elipsa;

StCircle – kruh.

Ďalšou podstatnou vlastnosťou komponentu je Kefa(kefa). Táto vlastnosť je objektom typu kefa, ktoré majú množstvo vedľajších vlastností, najmä farbu (Farba štetca) a štýl (Štýl štetca) výplň tvaru. Výplň môžete vidieť pri niektorých hodnotách štýlu na obr. 3.2. Tretia zo špecifických vlastností komponentu tvar- perom(pero), ktoré definuje štýl čiary.

Komponent grafu

Teraz zvážte komponent Graf. Tento komponent vám umožňuje vytvárať rôzne tabuľky a grafy, ktoré vyzerajú veľmi pôsobivo. Komponent graf má veľa vlastností, metód, udalostí, takže ak ich všetky zvážite, museli by ste tomu venovať celú kapitolu. Preto sa obmedzíme na zváženie iba hlavných charakteristík Graf. A zvyšok nájdete v vstavanom pomocníkovi Delphi alebo si ich jednoducho vyskúšajte experimentovaním s diagramami.

Komponent graf je kontajner predmetov séria- triedni potomkovia TchartSeries. Každý takýto objekt predstavuje sériu údajov charakterizovanú určitým štýlom zobrazenia: jeden alebo iný graf alebo graf. Každý komponent graf môže obsahovať niekoľko sérií. Ak chcete zobraziť graf, potom bude každá séria zodpovedať jednej krivke na grafe. Ak chcete zobraziť grafy, pri niektorých typoch grafov môžete prekryť niekoľko rôznych sérií na seba, pri iných (napríklad pri koláčových grafoch) to bude zrejme vyzerať nepekne. V tomto prípade však môžete nastaviť pre jeden komponent graf viaceré série rovnakých údajov s rôznym typom grafu. Potom aktivovaním jedného z nich v každom okamihu môžete používateľovi dať na výber typ grafu, ktorý zobrazuje údaje, ktoré ho zaujímajú.

Umiestnite jeden alebo dva komponenty graf vo formulári a pozrite sa na vlastnosti, ktoré sa otvárajú v Inšpektorovi objektov. Poďme si niektoré z nich vysvetliť.

AllowPanning – určuje schopnosť používateľa posúvať pozorovanú časť grafu počas vykonávania stlačením pravého tlačidla myši. Možné hodnoty: pmNone - rolovanie je zakázané, pmHori/ontal, pm Vertical alebo pmBoth - rolovanie je povolené len v horizontálnom smere, len vo vertikálnom smere alebo v oboch smeroch.

AhowZoom - umožňuje používateľovi zmeniť priblíženie obrázka za behu vyrezaním fragmentov tabuľky alebo grafu pomocou kurzora myši. Ak je rám fragmentu nakreslený doprava a nadol, potom sa tento fragment roztiahne na celé pole grafu. A ak je rám nakreslený a vľavo, potom sa obnoví pôvodná mierka.

Title – definuje názov grafu.

Noha - definuje popis pod diagramom. Štandardne žiadne. Text štítku je definovaný podvlastnosťou Text.

Rám – definuje rám okolo grafu.

Vedľa mnohých vlastností uvedených v Inšpektore objektov sa nachádzajú tlačidlá s tromi bodkami, ktoré vám umožňujú vyvolať jednu alebo druhú stránku Editora grafov – viacstránkové okno, ktoré vám umožní nastaviť všetky vlastnosti grafov. Vyvolanie Editora diagramov je možné aj dvojitým kliknutím na komponent graf alebo kliknutím naň pravým tlačidlom myši a výberom príkazu Upraviť graf z kontextovej ponuky.

Dvakrát kliknite na horný komponent Graf. Dostanete sa do okna Editor grafov na stránku Graf, ktorá má niekoľko kariet. V prvom rade vás na ňom zaujme záložka Séria. Kliknite na tlačidlo Pridať - pridajte sériu. Dostanete sa do okna, kde si môžete vybrať typ grafu alebo grafu. V tomto prípade zvoľte Koláč – koláčový graf. Pomocou záložky Názvy môžete nastaviť názov diagramu, karta Legenda umožňuje nastaviť možnosti zobrazenia pre legendu diagramu (zoznam symbolov) alebo ju úplne odstrániť z obrazovky, karta Panel určuje vzhľad panelu na ktorom je diagram zobrazený, karta 3D vám umožňuje zmeniť vzhľad diagramu: sklon, šmyk, hrúbka atď.

Keď pracujete s Editorom grafov a máte vybratý typ grafu, komponenty graf váš formulár zobrazí svoj vzhľad s podmienenými údajmi zadanými do neho. Preto môžete okamžite sledovať výsledok použitia rôznych možností vo vašej aplikácii, čo je veľmi výhodné.

Stránka Series, ktorá má tiež niekoľko kariet, umožňuje výber doplnkové vlastnosti zobrazenie série. Najmä pre koláčový graf na karte Formát je užitočné povoliť možnosť Kruhový koláč, ktorá zabezpečí zobrazenie grafu ako kruh pri akejkoľvek veľkosti komponentu Graf. Na karte Značky určujú tlačidlá skupiny Štýl, čo sa bude písať na menovky súvisiace s jednotlivými segmentmi grafu: Hodnota - hodnota, Percento - percentá, Označenie - názvy údajov atď.

Ak chcete, môžete do tohto komponentu grafu pridať ďalšiu identickú sériu kliknutím na tlačidlo Klonovať na karte Séria na stránke grafu a potom nová séria kliknite na tlačidlo Zmeniť a vyberte iný typ grafu, napríklad pruh.

Ukončite Editor grafov, vyberte spodný komponent grafu vo svojej aplikácii a zopakujte preň nastavenie vlastností pomocou Editora grafov. V tomto prípade budete musieť zadať dve série, ak chcete na grafe zobraziť dve krivky, a vybrať typ Čiarový graf. Keďže hovoríme o grafoch, pomocou kariet Os a Steny môžete nastaviť charakteristiky súradníc osí a trojrozmerných plôch grafu.

Na tomto dizajne vzhľad aplikácia končí. Zostáva napísať kód, ktorý špecifikuje údaje, ktoré chcete zobraziť. Pre testovaciu aplikáciu definujme len niektoré konštantné údaje v koláčovom grafe a niektoré funkcie v grafoch.

Na nastavenie zobrazených hodnôt použite metódy série. Zamerajme sa na tri hlavné metódy.

Metóda jasný vymaže sériu z predtým zadaných údajov.

Metóda Pridať:

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

umožňuje pridať nový bod do grafu. Parameter AValue zodpovedá pridanej hodnote, parametru ALabel- štítok, ktorý sa zobrazí na grafe a v legende, ACcolor- farba. Parameter ALabel- voliteľné, môže byť prázdne: „ “. Metóda AddXY:

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

umožňuje pridať nový bod do funkčného grafu. možnosti AXValue a AYValue zodpovedať argumentu a funkcii. možnosti ALabel a AColor rovnako ako v metóde Pridať.

Postup načítania údajov v našom príklade teda môže vyzerať takto:

constAl=155; A2 = 251; A3 = 203; A4 = 404; var i:word; začať

So Serieslom začnite

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

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

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

Add(A4,"Design 4",clPurple); koniec;

Séria2.Vymazať; SeriesS.Clear; pre i:=0 až 100 začnite

Séria2.AddXY(0,02*Pi*i,sin(0,02*Pi*i)

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

ClRed); ,clBlue);

Operátori jasný sú potrebné, ak sa chystáte aktualizovať údaje počas prevádzky aplikácie.

Týmto končíme náš úvod do komponentu. Graf. Pravda, zvažovali sme len malú časť jeho schopností.

Knižnica vizuálnych komponentov (VCL) Delphi nám poskytuje nasledujúce vizuálne komponenty na zobrazovanie grafických informácií: Obrázok (obrázok), PaintBox (okno kreslenia), DrawGrid (tabuľka s obrázkami), Graf (diagramy a grafy), Animate (výstupné videoklipy) , ako aj Formulár. Tieto komponenty majú vlastnosť Canvas (popísanú vyššie), ktorá umožňuje prístup ku každému pixelu. Na prácu s grafikou v Delphi samozrejme nemusíte kresliť pixel po pixeli, systém Delphi poskytuje výkonné nástroje na prácu s grafikou.

Pozrime sa bližšie na vyššie uvedené komponenty:

Komponent obrázka (obrázok)

Je to objekt triedy TImage. Používa sa na zobrazenie obrázkov načítaných z grafických súborov. Štandardne sa na povrchu formulára zobrazujú obrázky prezentované vo formáte *.bmp. Ak chcete zobraziť obrázky vo formáte jpg, musíte do príkazu use zahrnúť modul JPEG. Nachádza sa na karte Ďalšie na palete komponentov.

Po umiestnení komponentu Obrázok na formulár nadobudne podobu vybranej obdĺžnikovej plochy.

Obrázok 9 - Komponent obrázka na formulári

Ak chcete otvoriť dialógové okno na výber požadovaného obrázka, pomocou nástroja Object Inspector vykonajte nasledujúce. Ak to chcete urobiť, nájdite vlastnosť Obrázok a kliknite na tri bodky naľavo od nej. Otvorí sa okno Editor obrázkov a vyberte možnosť Načítať do neho, v okne, ktoré sa otvorí, vyberte súbor obrázka.

Dá sa to urobiť aj programovo volaním metódy LoadFromFile vlastnosti Picture:

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

kde name_pic.jpeg je názov súboru.

Tabuľka 8 - Hlavné vlastnosti komponentu Image

Nehnuteľnosť

Popis

Obrázok zobrazený v poli komponentu

Rozmery komponentov. Ak sú tieto rozmery menšie ako veľkosť ilustrácie a vlastnosti Roztiahnuť, Automatická veľkosť a Proporcionálne sú nastavené na hodnotu False, zobrazí sa časť obrázka

Umožňuje vám automaticky meniť mierku obrázkov bez skreslenia. Ak chcete vykonať zmenu mierky, hodnota vlastnosti AutoSize musí byť False

Umožňuje automaticky zmenšiť (stlačiť alebo roztiahnuť) obrázok podľa veľkosti komponentu Obrázok. Ak veľkosť komponentu nie je úmerná veľkosti obrázka, bude obrázok zdeformovaný.

Umožňuje vám automaticky zmeniť veľkosť komponentu tak, aby zodpovedal veľkosti obrázka

Umožňuje určiť polohu obrázka v poli komponentu Obrázok horizontálne, ak je šírka obrázka menšia ako šírka komponentu.

Plocha na zobrazenie grafiky

Určuje priehľadnú farbu pozadia obrázka

Príklad 1: Napíšte prehliadač obrázkov pomocou komponentu Image. Program musí mať nasledujúce vlastnosti:

  • zobraziť obrázky v priečinku;
  • Zobrazte obrázok v plnej veľkosti alebo vo formáte najvhodnejšom pre veľkosť okna;
  • · spravovať obrazové súbory, ako aj tlačiť, ukladať, mazať a upravovať obrázky;
  • v prípade potreby otvorte obrázok v programe na úpravu;

Obrázok 10 - Okno programu pred jeho spustením

Vytvorenie projektu:

  • 1. Vytvorte priečinok pre súbory programu a spustite integrované vývojové prostredie Delphi.
  • 2. Pridajte komponenty do formulára:

Najprv na formulár umiestnime komponent Image, hlavný komponent, s ktorým budeme musieť pracovať. Okrem toho potrebujeme nasledujúce komponenty:

  • · ScrollBox Je potrebné, keď v režime plnej veľkosti obrázok presahuje obrázok. Jej vlastnosti Aling priradíme hodnotu alClient tak, aby sa jej rozmery menili proporcionálne s veľkosťou okna. A umiestnime naň komponent Image;
  • · Pridáme aj dialógové komponenty SavePictureDialog a OpenPictureDialog na ukladanie a otváranie obrázkov. Prvý potrebujeme na skopírovanie obrázka do zvoleného adresára, druhý na vyvolanie dialógu na otvorenie grafického súboru. Nachádzajú sa na stránke Dialógy palety komponentov. Z tejto stránky potrebujeme aj komponent PrintDialog, ktorý musíme nazvať dialógovým oknom výberu tlačiarne pre tlač.
  • Pridajme MainMenu na pridanie hlavného menu do programu a XPManifest pre farebnejší dizajn
  • · Potrebujeme tiež niekde uložiť názvy obrázkov, ktoré sú v pracovnom adresári. Pre tieto účely je vhodná komponenta ListBox, ktorú je možné skryť pri spracovaní udalosti Create formulára Form1.
  • · Pre umiestnenie navigačných tlačidiel a pohodlnú prácu s nimi pridajme panel Závoj, na ktorý tieto tlačidlá umiestnime (Predchádzajúci obrázok, Nasledujúci obrázok, Skutočná veľkosť, Prispôsobiť veľkosti, Odstrániť, Kopírovať do, Tlačiť, Upraviť). Ako komponent je pre nich vybraný SpeedButton.
  • · Pridajte časovač, ktorý zachytí stlačenie tlačidiel "Doľava" (predchádzajúci obrázok), "Doprava" (nasledujúci obrázok) a tlačidlo "Del" (vymazať obrázok).
  • · A ešte jeden komponent - ProgressBar, ktorý zobrazuje proces načítania veľkých *.Jpg súborov.
  • 3. Napíšte kód na spracovanie udalosti kliknutia na tlačidlo (Predchádzajúci obrázok, Nasledujúci obrázok, Skutočná veľkosť, Prispôsobiť veľkosti, Odstrániť, Kopírovať do, Tlačiť, Upraviť). Napíšte kód pre spracovanie udalosti kliknutia na položky menu Hlavného menu (Ukončiť, Otvoriť, Zatvoriť, Vytvoriť).
  • 4. Pýtajte sa počiatočné nastavenia vytvorenie formulára. Dvakrát kliknite na voľné miesto formuláre a písanie kódu postup postupu TForm1.FormCreate(Sender:TObject), pozri kód modulu v prílohe 1.
  • 5. Napíšte procedúry v nasledujúcom tvare:

procedure FindFileInFolder(cesta, ext: string);

Tento postup vyhľadá v priečinku cesty súbory s maskou ext.

Kompletný číselník programového modulu sa nachádza v Prílohe 1 (Výpis programu 3).

  • 1. Uveďte možnosti komponentu Image.
  • 2. Ktorý objekt triedy je komponent Image?
  • 3. 3. Aký typ súboru štandardne podporuje komponent Image?
  • 4. 4. Uveďte hlavné vlastnosti komponentu Image.
  • 5. 5. Aká vlastnosť ukladá obrázok komponentu Image?

"Zobrazenie grafických informácií v Delphi"
Plán témy:
1. Metódy grafického výstupu
informácie v Delphi.
2. Zobrazenie obrázkov.
3. Geometrický displej
postavy.

1. Spôsoby zobrazovania grafických informácií.
V Delphi existuje niekoľko spôsobov
výstup grafických informácií:
Záver vopred pripravený
obrázky (komponenty obrázkov,
tvar);
Konštrukcia grafov a tabuliek
(komponent grafu atď.);
Zobrazovanie
programovo(objekt
Plátno).

2. Zobrazenie obrázkov.
Zobrazenie obrázkov pomocou
komponent Image, o ktorom sme diskutovali
jedno z predchádzajúcich vlákien.
Tu sa pozrieme na príklad
implementácia najjednoduchšej animácie
periodickou zmenou
zobrazený obrázok v
Komponenty obrazu.
Prejdite na príklad.


Zobrazenie prvokov
geometrické tvary na formulári
poskytuje komponent Shape.

3. Zobrazenie geometrických tvarov.
Hlavné vlastnosti komponentu Shape:
Kefa
perom
tvar
Farba (.Color) a štýl (.Style) pre
vyplnenie tvaru.
Farba (.Color), Štýl (.Style), Šírka
(.Width) a spôsob výstupu (.Mode) riadkov
postavy.
Typ geometrického útvaru.

3. Zobrazenie geometrických tvarov.
Z viacerých tvarových komponentov
Môžete vytvárať jednoduché kresby.
Programovo mení polohu
(.Vľavo, .Hore) veľkosť (.Width, .Height) a
farbu (Brush.Color) komponentov Shape
na obrázku môžete
jednoduché animačné prvky.
Zvážte príklad.

4. Konštrukcia grafov a diagramov.
Grafy sú pre
viac vizuálnej prezentácie
polia číselných údajov, ich
vizuálne zobrazenie a analýza.
Príklad.
Pre mapovanie v Delphi
existuje niekoľko komponentov
jedným z nich je komponent Graf (časť
TeeChartStd.

4. Konštrukcia grafov a diagramov.
Pohľad na komponent Chart za ním
nastavenia vo formulári:

4. Konštrukcia grafov a diagramov.
Okrem inšpektora objektov, prístup k
vlastnosti komponentu Graf, môžete
získate otvorením špeciálneho okna
dialóg ( pravé tlačidlo na komponente \
Upraviť graf...)
Pridať
rad údajov
Zmeniť typ
diagramy

4. Konštrukcia grafov a diagramov.
Výber typu grafu:

4. Konštrukcia grafov a diagramov.
Nastavenie vlastností pre súradnicové osi
(Os):

4. Konštrukcia grafov a diagramov.
Údaje na zobrazenie sú zvyčajne
sú prenesené do Chart programovo,
príklad:
Séria1.Vymazať; (jasná séria)
pre i:=1 až N do
Séria1.addxy(i, A[i], '', clZelená);
Hodnota podľa
os X
Hodnota podľa
os Y
Podpis
os X
Farba údajov
na diagrame
Zvážte príklad stavby
graf funkcie y = Sin(x)

ďalej:
Laboratórne práce č. 13.1.
„Zobrazovanie obrázkov a geometrické
figúrky, ich animácia.
Cvičenie:
1) Vyvinúť aplikáciu na implementáciu
najjednoduchšia animácia podľa periodika
zmeniť zobrazený obrázok
Komponenty obrazu. (Počet obrázkov nie je
menej ako tri, vyzdvihnite obrázky
sám za seba).

Cvičenie:
2) Vymyslite a nakreslite obrázok z
Tvarové komponenty. Programovo
zmena polohy, veľkosti alebo farby
Vytvarujte komponenty na výkrese
implementovať prvky najjednoduchších
animácií.

ďalej:
Laboratórne práce č. 13.2.
"Budovanie grafov a diagramov".
Cvičenie:
1) Upravte aplikáciu z
laboratórne práceč. 9 (Displej
údaje v tabuľke). Pridať príležitosť
zobrazenie niektorých údajov z tabuľky
na stĺpcovom alebo koláčovom grafe.
2) Zostrojte graf danej funkcie.

“O zobrazovanie grafických informácií v Delphi” Plán témy: 1.С С С pppp oooo ssss oooo bbbb yyyy v v vyyyy vvv oooo dddd aaaa yy grrrr aaaa ffff iiiii hhhh eeee ssssssssstttt ooooh bbbb rrrrhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhy yeeee oooo mmmm eeee tttt rrrr iii ddaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaammmmmmmm....


1. Spôsoby zobrazovania grafických informácií. Existuje niekoľko spôsobov, ako zobraziť grafické informácie v Delphi: Výstup vopred pripravených obrázkov (komponenty Image, Shape); P Zostavovanie grafov a tabuliek (komponent Chart, atď.); F Vytváranie obrázkov programovo (objekt Canvas).


2.Zobrazenie 2.Zobrazenie obrázkov. Skúmali sme zobrazovanie obrázkov pomocou komponentu Image pri periodickej zmene zobrazeného obrázku v komponentoch Image. PPPP EDURREEEE YYYE TTTT IIII NNAAAAA P P PRRR III MMMMEEEEE RRRRR ...






3. Zobrazenie 3. Zobrazenie geometrických tvarov. A môžete vytvárať jednoduché kresby z niekoľkých komponentov Shape. P Programovou zmenou polohy (.Left,.Top), veľkosti (.Width,.Height) a farby (Brush.Color) komponentov Shape na obrázku môžete implementovať prvky najjednoduchšej animácie. R R R R aaaa ssssssssss mmmm oooo tttt rrrr eeee tttt b pp pp rrrr iiiiii mmmm eeee rrrr...


4. Konštrukcia 4. Konštrukcia grafov a tabuliek. Diagramy sú určené na vizuálnejšiu reprezentáciu polí číselných údajov, ich vizuálne zobrazenie a analýzu. RRRR iiiiii mmmm eeee rrrr.... V Delphi je niekoľko komponentov na vykresľovanie grafov, jedným z nich je komponent Chart (časť TeeChart Std).










Grafy a diagramy. Údaje na zobrazenie sa zvyčajne prenášajú do grafu programovo, napríklad: Series1.Clear; (jasná séria) pre i:=1 až N do Séria1.addxy(i, A[i], clZelená); X-axis value Y-axis value X-axis label Data color on the chart rrrraaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaathat that is that is rrrrrrrrrrrr y y y y y y y y y y y y y = = = = S S S S iiii nnnn ((((xxxx))))


Next: Laboratory work """" OOOO tttt oooo bbbb rrrraaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa!;aaaaaaaaaaaaaaaaaaaaaaa have been XXXX FFFF IIII GGGG UUUU Rrrr, and and and XXXXX A A A NNNNNNNNNNNEM MMMM AAAAA AAAAA IIIIIAIA ”” ”” ”” .... Task: 1) vyvinúť aplikáciu na vykonávanie jednoduchej animácie periodickou zmenou zobrazeného obrázka v komponentoch Image. (Počet obrázkov je minimálne tri, obrázky si vyberte sami).




Ďalej: Laboratórne práce """" PPPP oooo ssss tttt rrrr oooo eeee nnnn iiiiii eeee yy y gr rrrr aaaa ffff iii kkkk oooo vvvv i i dd dd iii AAAA rrrr mmmmmmmm "."Amm "."Amm. Upravte aplikáciu z laboratória 9 (Zobrazenie údajov v tabuľke). Pridajte možnosť zobraziť niektoré údaje z tabuľky na stĺpcovom alebo koláčovom grafe. 2) Zostrojte graf danej funkcie.

Popis prezentácie na jednotlivých snímkach:

1 snímka

Popis snímky:

2 snímka

Popis snímky:

Vizuálne programovacie prostredie Delphi, podobne ako Windows, podporuje GUI užívateľ (GDI - Graphic Delphi Interface). Existujú dva spôsoby zobrazenia grafických informácií v Delphi: výstup vopred pripravených obrázkov; čerpanie z programu.

3 snímka

Popis snímky:

Prvý spôsob je založený na použití komponentov Image a Shape. Môžete použiť hotový obrázok (piktogram) alebo si ho vytvoriť sami pomocou editora obrázkov. Druhým spôsobom je programové generovanie obrázkov pomocou objektu Canvas.

4 snímka

Popis snímky:

Delphi má k dispozícii špeciálny objekt, ktorý je naformátovaný ako vlastnosť Canvas. Je dostupný iba počas spustenia aplikácie, takže ho možno ovládať z programu iba napísaním potrebného kódu v jazyku Object Pascal. Ak má objekt vlastnosť Canvas, môžete kresliť na jeho povrch. Najvhodnejšími kandidátmi na túto rolu sú samotná forma a špeciálny komponent PaintBox.

5 snímka

Popis snímky:

Vlastnosti objektu plátna: Pero (perie) - vlastnosť na kreslenie čiar a okrajov geometrických tvarov. Pero sa riadi príkazmi grafického kurzora a má svoje vlastné vnorené vlastnosti: Farba – definuje farbu čiary (štandardne čierna); Režim - štýl kreslenia (má veľa hodnôt, ktoré tu nie sú uvedené); Style – štýl čiary, ktorý môže nadobúdať nasledovné hodnoty: psSolid – plná (štandardne); psDosh - prerušovaná čiara; psDot - bodkovaná čiara; psDoshDot - bodkovaná pomlčka (a ďalšie vlastnosti); Šírka - hrúbka čiary (predvolene 1 pixel);

6 snímka

Popis snímky:

Štetec (Brush) – vlastnosť na vypĺňanie tvarov, ktoré majú nasledujúce vnorené vlastnosti: Farba – farba štetca (predvolené – biela); Štýl - štetcový ornament, ktorý môže nadobúdať nasledujúce hodnoty: bsClear - plné sfarbenie; bsHorizontal - vodorovné čiary; bsVertical - zvislé čiary; bsFDiagonal - ľavé diagonálne čiary; bsBDiagonal - pravé diagonálne čiary; bsCross - bunka; bsDiagCross - šikmá bunka;

7 snímka

Popis snímky:

Písmo (Font) - vlastnosť pre zobrazenie textu, ktorá má tieto vnorené vlastnosti: Farba - farba znakov; Výška - výška písma v pixeloch; Name – názov písma; Veľkosť - veľkosť písma; Style - štýl písma, ktorý môže nadobúdať nasledovné hodnoty: fsBold - tučné; fsItalic - kurzíva fsUnderline - podčiarknuté fsStrikeOut - prečiarknuté;

8 snímka

Popis snímky:

PenPos (Pen position) - vlastnosť pre uloženie aktuálnej pozície kreslenia (určuje polohu pera v oblasti kreslenia v danom čase); Pixels - vlastnosť poľa pre zápis a čítanie súradníc jednotlivých bodov kresliarskej plochy ("plátno").

9 snímka

Popis snímky:

Metódy objektu Canvas MoveTo(x,y: integer) – presunie pero z aktuálnej pozície do bodu s danými súradnicami x, y bez nakreslenia čiary; LineTo(х.у: integer) - presunie pero z aktuálnej pozície do bodu s danými súradnicami x, y, nakreslí čiaru; Oblúk(x1, y1, x2, y2, x3, y3, x4, y4: celé číslo) - nakreslí oblúk elipsy vpísanej do obdĺžnika so súradnicami (x1, y1) a (x2, y2). Oblúk je určený polomermi elipsy prechádzajúcej cez body (x3, y3) a (x4, y4);

10 snímka

Popis snímky:

Chord(x1, y1, x2, y2, x3, y3, x4, y4: celé číslo) – nakreslí tetivu elipsy, ako je popísané pre metódu Arc; Elipsa(x1, y1, x2, y2: celé číslo) - nakreslí elipsu vpísanú do obdĺžnika s ľavým horným rohom v bode (x1, y1) a pravým dolným rohom v bode (x2, y2); FillRect (Rect (x1, y1, x2, y2: integer)) - vyplní obdĺžnik farbou špecifikovanou v aktuálnom štetci (Brush). Používa funkciu Rect, ktorá predstavuje obdĺžnik na daných súradniciach;

11 snímka

Popis snímky:

FloodFill(x,y: celé číslo; Farba: TColor; FillStyle: TFillStyle) - vyplnenie aktuálnou farbou určenou vo vlastnosti Brush: with FillStyle=fsBorder - uzavretá oblasť od bodu so súradnicami x, y po hranicu, určitú farbu farba; s FillStyle=fsSurface – oblasť povrchu, ktorá má farbu Color; Pie(x1, y1, x2, y2, x3, y3, x4, y4: celé číslo) - nakreslí sektor elipsy vpísaný do obdĺžnika so súradnicami (x1, y1) a (x2, y2). Sektor je definovaný dvoma polomermi elipsy prechádzajúcimi bodmi (x3, y3) a (x4, y4);

12 snímka

Popis snímky:

Polyline (Points: array of TPoint) – nakreslí lomenú čiaru postupným spájaním bodov poľa Points; Polygón (Points: array of TPoint) - kreslí polygóny postupným spájaním bodov poľa Points. Od metódy Polyline sa líši v tom, že automaticky spája koniec lomenej čiary s jej začiatkom; Obdĺžnik (x1, y1, x2, y2: celé číslo) - nakreslí obdĺžnik s ľavým horným rohom v bode (x1, y1) a pravým dolným rohom v bode (x2, y2);

13 snímka

Popis snímky:

Retresh – metóda sa volá, keď je potrebné obrázok prekresliť; RoundRect (x1, y1, x2, y2, x3, y3: celé číslo) – nakreslí obdĺžnik so zaoblenými rohmi. Rohy sú nakreslené ako štvrtiny elipsy so šírkou x3 a výškou y3; TextOut (x, y:integer, Text:String) - výstup textu špecifikovaného v parametri Text. Text sa zmestí do obdĺžnika, ktorého ľavý horný roh má súradnice x, y.