Kurz3 - Kapitola4

17. června 2007 v 15:51 | http://www.sweb.cz/kurz_evt/ |  Programování pro WinCE

5.4 Příprava dialogů

Tento díl bude opět přípravný. Nebudeme programovat, nachystáme si jednotlivé listy ( - dialogy) pro další práci.
Pokud jste si vyzkoušeli ukázkový program pro "velká Windows", jistě jste si povšimli detailně propracovaných grafických symbolů stavu sériového portu :-). Pro náš program budou potřeba 4 bitmapy symbolizující aktuální stav a 1 ikona pro náš program. Všechny obrázky jsou stejné velikosti jako ikona 32x32 bodů. Já jsem si připravil:
SymbolObrázekID
Dostupný sériový portIDB_COM
Nedostupný sériový portIDB_NONE
InfraportIDB_INFRA
Něco (snad infra)IDB_WHAT
Vhodnější by bylo asi použít ikony, protože ty mohou být průhledné. Bohužel, ve Windows CE neumí statické prvky dialogu měnit programově ikony, je to možné pouze u bitmapových obrázků.
Ikonu IDI_ICON1 jsem nakreslil stejnou se symbolem dostupného portu. Předpokládám, že vaše grafické schopnosti jsou na vyšší úrovni - můžete tvořit jak je vám libo. Jestliže nechcete vymýšlet, zde jsou hotové obrázky ke stažení:
Obrázky a ikona programu (sbaleno ve formátu .zip)
Stačí si je zkopírovat do pracovního adresáře a pak levým tlačítkem myši na TestCOM resources - Insert... - zvolit např. Icon a potvrdit Import. Pak již jen zbývá vybrat příslušnou ikonu. Nezapomeňte ale na změnu ID podle tabulky pro každý z importovaných obrázků.
Jestliže máme obrázky připraveny, můžeme se pustit do jednotlivých dialogů. Podle obrázků a stručného popisu můžete na dialogové listy doplnit příslušné prvky. Uspořádání prvků záleží pouze na vaší fantazii.

PRVNÍ:


obr. 54 První dialogový list
Tlačítko Exit Test již máme z minula - mělo by být funkční. Dále doplňte postupně další prvky podle seznamu.
Obrázek stavu portu:
  • Typ: Picture
  • ID: IDC_DLGBMP
  • Vlastnosti: Visible
    • Type - Bitmap
    • Image - IDB_NONE
Poznámka: Jak již bylo uvedeno, lepší by bylo použít ikony (mohou být průhledné), ale statický prvek je neumí měnit. Ve Windows CE lze měnit bitmapové statické prvky.
Horní combo box:
  • Typ: Combo Box
  • ID: IDC_COM
  • Vlastnosti: Visible, Tab stop, Vertical scroll
    • Type - Drop List
    • Owner draw - No
4 spodní combo boxy:
  • Typ: Combo Box
  • ID: IDC_BAUD
  • Vlastnosti: Visible, Tab stop, Disabled, Vertical scroll
    • Type - Drop List
    • Owner draw - No
  • Typ: Combo Box
  • ID: IDC_DATA
  • Vlastnosti: Visible, Tab stop, Disabled, Vertical scroll
    • Type - Drop List
    • Owner draw - No
  • Typ: Combo Box
  • ID: IDC_PARITY
  • Vlastnosti: Visible, Tab stop, Disabled, Vertical scroll
    • Type - Drop List
    • Owner draw - No
  • Typ: Combo Box
  • ID: IDC_STOP
  • Vlastnosti: Visible, Tab stop, Disabled, Vertical scroll
    • Type - Drop List
    • Owner draw - No
Ke spodním boxům přidejte 4 prvky Static Text pro popis nastavovacího prvku. Jako poslední můžete dodělat 2 prvky Group Box na grafické oddělení. Je třeba vkládat prvky Group Box na plochu dialogu jako poslední!
Všech šest zmíněných prvků má ID s hodnotou IDC_STATIC a vlastnost Visible.

DRUHÝ:


obr. 55 Druhý dialogový list
Na ploše tohoto dialogu bude umístěno 6 prvků podle vzoru:
  • Typ: Check Box
  • ID: IDC_RTS
  • Vlastnosti: Visible, Tab stop, Auto
Liší se pouze popisem a odpovídajícím ID (IDC_DTR, IDC_CTS, IDC_DSR, IDC_RI, IDC_DCD). Spodní 4 prvky mají navíc zatrženu vlastnost Disabled.
Podobně s předcházejícím dialogem je možné na závěr použít 2 prvky Group Box pro grafické oddělení.

TŘETÍ:


obr. 56 Třetí dialogový list
Při vkládání přepínače je nutné důsledně dodržet pořadí umísťování tlačítek přepínačů a první přepínací tlačítko a prvek následující za skupinou přepínačů označit pomocí vlastnosti Group.
Horní editační pole:
  • Typ: Edit Box
  • ID: IDC_OUT
  • Vlastnosti: Visible, Group, Tab stop, AutoHScroll, Border
    • Align text - Left
Přepínač režimu vysílání dat:
  • Typ: Radio Button
  • ID: IDC_AUTOM
  • Vlastnosti: Visible, Group, Auto
  • Typ: Radio Button
  • ID: IDC_MANUAL
  • Vlastnosti: Visible, Auto
  • Typ: Radio Button
  • ID: IDC_TEST
  • Vlastnosti: Visible, Auto
Tlačítko pro vyslání:
  • Typ: Button
  • ID: IDC_SEND
  • Vlastnosti: Visible, Group, Tab Stop
Spodní pole pro zobrazení přijatých znaků:
  • Typ: Edit Box
  • ID: IDC_INP
  • Vlastnosti: Visible, Disabled, Group, Tab stop, AutoHScroll, Border
    • Align text - Left
Přepínač způsobu zobrazení přijatých znaků:
  • Typ: Radio Button
  • ID: IDC_ASCII
  • Vlastnosti: Visible, Group, Auto
  • Typ: Radio Button
  • ID: IDC_HEXA
  • Vlastnosti: Visible, Auto
  • Typ: Radio Button
  • ID: IDC_OCTAL
  • Vlastnosti: Visible, Auto
  • Typ: Radio Button
  • ID: IDC_DECIMAL
  • Vlastnosti: Visible, Auto
Na závěr opět můžete přidat 2 prvky Group Box. Jako v předcházejícím dialogu budou mít IDC_STATIC a vlastnosti Visible a Group.

ČTVRTÝ:


obr. 57 Čtvrtý dialogový list
Tento dialog nemá funkční prvky. Použijte statické texty a obrázky IDB_xxxxx, které jsme si v úvodu připravili (typ Bitmap a vybrat příslušný obrázek). Všechny prvky mají IDC_STATIC a volba obsahu dialogového listu je jenom na vás.
Program nyní můžete přeložit a otestovat, ale funkční zůstává pouze tlačítko Exit Test.

Co bychom si měli z této lekce zapamatovat?

  • V některých případech zabere grafická úprava více práce než vlastní program :-))).
 

Buď první, kdo ohodnotí tento článek.

Nový komentář

Přihlásit se
  Ještě nemáte vlastní web? Můžete si jej zdarma založit na Blog.cz.