Lekce 1.06
Grafické výstupní okno

Uzavřete dříve používané textové výstupní okno. Můžete tak učinit kliknutím na uzavírací ikonu, případně můžete zadat v příkazovém okně povel ConsoleHide. Dále aktivujte grafické výstupní okno. To lze provést z menu volbou Okna/výstup grafika. Okno je možné také zobrazit povelem ImageShow. Zobrazené okno upravte opět tak, aby pokrývalo pravou polovinu obrazovky.

Jak vidíte, každé okno je pro účely ovládání z programu pojmenováno významově dle anglického názvosloví. Existují přitom povely pro zobrazení (anglicky show) a ukrytí (anglicky hide) okna. Možná se pozastavujete nad tím, že u českého programu se používá cizojazyčných termínů. Je to proto, že jazyk KLONDAIK může posloužit i jako nástroj pro výuku programování. Proto je podle nás vhodné si již od počátku zvyknout na terminologii, která se při běžném programování používá. Názvy procedur, funkcí a konstant přitom vychází z používané terminologie jazyků Pascal a získané znalosti jistě dále zužitkujete. Použitá počítačová angličtina je přitom velmi jednoduchá a neměla by nikomu činit problémy.

Po aktivování grafického výstupního okna se vám v jeho horní liště zobrazí řada ikon pro ovládání zabudovaného grafického editoru a ikony pro možnost kreslení na grafické ploše. Ikony jsou umístěny do tří skupin. Levá skupina se používá pro načítání a ukládání obrázků v grafickém formátu *.BMP. Střední skupina slouží pro definici kresleného tvaru a v pravé skupině naleznete nastavení typu čáry a výplně ploch.

Nejprve se seznámíme s možností kreslení základních geometrických tvarů. Ve střední skupině ikon jsou seskupena tlačítka pro čáru, obdélník, kružnici a obdélník se zakulacenými hranami. Klikněte nejprve na tlačítko s čárou. Tím jste zadali, že budete chtít kreslit čáry. Uvidíte, že tlačítko zůstalo stisknuto. Přesuňte ukazatel myši na grafickou plochu. Pokud nyní na grafické ploše stisknete tlačítko myši, podržíte jej a přesunete na novou pozici, bude se kreslit čára z bodu stisku tlačítka do aktuální pozice ukazatele myši. Po uvolnění tlačítka zůstane čára zachována. Zkuste si nakreslit i vodorovné a svislé čáry. Obdobným způsobem lze na grafickou plochu kreslit obdélníky, kružnice a obdélníky se zakulacenými rohy. Pro zvolení nového tvaru musíte stisknout příslušné tlačítko na liště s ikonami.

Čáry se kreslí černou barvou a tenkou čárou. Pokud budete chtít změnit barvu čáry, nebo její tloušťku, stiskněte ikonu v pravé horní části okna s vyobrazením tužky. Zobrazí se vám další řada ikon pro zadávání barvy, typu a tloušťky čáry. Po opětovném stisku ikony s tužkou se nastavení skryje. Ikona tedy pracuje jako přepínací tlačítko. Klikněte si proto na tlačítko tak, aby jste měli zobrazeny ikony pro nastavení čar. Vlevo je umístěna tabulka barev, uprostřed tlačítka pro výběr typu čáry a vpravo můžete zadat tloušťku čáry. Barvy se vybírají kliknutím na požadovanou barvu. Vybraná barva je označena dvoupísmennou anglickou zkratkou barvy. Typ čáry můžete vybrat plnou čáru, tečkovanou, čárkovanou, čerchovanou nebo můžete posledním tlačítkem úplně zrušit. Tloušťka čáry se udává v bodech. Pro zněnu tloušťky můžete zapsat do editačního boxu přímo novou hodnotu, nebo můžete použít pro nastavení šipek. Pokud bude nastavena tloušťka čáry větší než jedna, neuplatní se zadaný typ čáry a čára se bude vykreslovat vždy plná, případně se nebude kreslit vůbec. Zkuste si nastavit parametry čáry a prověřte si účinky změny při kreslení základních geometrických tvarů.

Dosud jsme kreslili pouze okraje geometrických tvarů. Standardně je totiž nastaveno, že se plocha kreslených geometrických tvarů nevykresluje. Podobným způsobem, jako se nastavují parametry kreslení čar máte možnost nastavit parametry vykreslování ploch. Ikony pro nastavení se zobrazí po stisku tlačítka s vyobrazením štětce. Opět máte možnost zadat barvu, tentokrát plochy (výplně). Současně můžete zadat typ výplně. Máte možnost vybrat si buď kreslení plné plochy zadanou barvou, nevykreslování plochy, nebo z několika druhů vykreslení plochy čárami. Lze vybrat čáry vodorovné, svislé, vodorovné i svislé současně (mřížka) a různé druhy diagonálních čar. Tloušťka čáry výplně je přitom vždy jeden bod.

Nyní jste již schopni nakreslit na grafické ploše pouze za použití myši jednoduché obrázky. Vyzkoušejte si různé možnosti nastavení čáry a plochy. Parametry nastavení čar a plochy je možné změnit samozřejmě také přímo z programu, případně zadat z příkazového okna. To si však ukážeme až v následujících lekcích. Nyní bude pro vás jistě zajímavá možnost uložení nakreslených obrázků na disk do souboru pro pozdější použití a zpětná možnost načtení obrázku z disku do grafického okna pro provedení úprav. Ukážeme si také, jak je možné obrázek vytisknout.

Pokud máte grafickou plochu zaplněnou předchozími pokusy, můžete provést její výmaz pomocí ikony s obrázkem prázdné stránky. Ikona se nachází v levé skupině ikon umístěné v grafickém výstupním okně. Po kontrolním dotazu bude grafická plocha vymazána. Stejného efektu lze dosáhnout povelem ImageClear zadaným v příkazovém okně. Povel se zadává bez parametrů, v tomto případě se provede výmaz grafické plochy již bez kontrolního dotazu.

Nakreslené obrázky máte samozřejmě možnost uložit do souboru. Používá se známý a běžný bitmapový soubor typu *.BMP. Pro uložení stiskněte ikonu s obrázkem diskety. V dialogovém okně zadejte adresář a jméno souboru. Obrázek můžete uložit samozřejmě i povelem ImageSave z příkazového okna. Například:

Jazyk KLONDAIK:
ImageSave('obrazek.bmp');

Jazyk BONANZA:
ImageSave("obrazek.bmp")

Obrázky můžete i zpět načíst. Použijte ikonu s obrázkem šipky směřující do stránky. V dialogovém okně vyberte adresář a jméno souboru typu *.BMP. Načíst můžete i obrázky vytvořené v jiných grafických systémech. Po načtení obrázku je velikost grafické plochy nastavena dle načítaného obrázku. Obrázek můžete načíst i povelem z příkazového okna ImageLoad. Například:

Jazyk KLONDAIK:
ImageLoad('obrazek.bmp');

Jazyk BONANZA:
ImageLoad("obrazek.bmp")

V následující lekci se seznámíte s možnostmi ovládání grafického výstupního okna pomocí povelů z příkazového okna.