GUIX Studio: mikrokontrolery Renesas Synergy w aplikacjach graficznych [2]

Potem po kolei dodajemy elementy graficzne umieszczane na ekranie:

• Insert->Button->Text Button – rysunek 41,
• Insert->Bitton->Checkbox – rysunek 42,
• Insert -> Text ->Prompt – rysunek 43.

Rys. 40. Dodanie ekranu

Rys. 41. Dodanie elementu Text Button

Rys. 42. dodanie elementu Checkbox

Rys. 43. Dodanie elementu Prompt

Rys. 44. Teksty używane w projekcie

W kolejnym kroku trzeba uzupełnić „bazę” z tekstami, które będą wykorzystywane w projekcie. W tym celu klikamy na pasek </> strings (prawa część okna programu), a potem na element Add New String. Otwiera się okno </> String Table Editor (rysunek 44), gdzie dodajemy kolejne napisy (łańcuchy znakowe). W polu String ID są wpisywane unikalne identyfikatory, które później będą używane w procedurach obsługi interfejsu.

Teraz możemy skonfigurować projekt interfejsu w oknach właściwości każdego z elementów graficznych. Zaczynamy od elementu text buton. Na rysunku 45 pokazano sposób konfigurowania tego elementu i jego wygląd na ekranie. W oknie String ID wybieramy z bazy tekstów ID BUTTON_DISABLED i przypisany do niego tekst Stay in window 1. Pozostałe ustawienia to współrzędne położenia na ekranie – można je wpisać ręcznie, lub zostaną tam automatycznie wpisane po przesunięciu myszką elementu na ekranie. Ostatnim ustawieniem jest wpisanie nazwy elementu – będzie widoczna w oknie projektu jako nazwa text button.

Rys. 45. Konfigurowanie elementu text_button

Obiekt checkbox jest konfigurowany na rysunku 46. Ustawiamy tu własna nazwę elementu (buttonenabler) współrzędne położenia, identyfikator napisu string ID, oraz identyfikatory bitmap przypisane do dwu stanów elementu: ON i OFF.

Rys. 46. Konfiguracja elementu Checkbox