Budowa aplikacji z graficznym interfejsem użytkownika - GUI (Graphic User Interface)

Budowa aplikacji z graficznym interfejsem użytkownika - GUI (Graphic User Interface) 1. Udostępnianie wszystkich prywatnych atrybutów do prezentacji, wprowadzenie standardu nazewnictwa plików nazwy plików aplikacji poprzedzone literą T 2. Budowa głównego formularza GUI 3. Budowa okienek dialogowych do wprowadzania danych 4. Budowa okienek dialogowych do wyświetlania danych 5. Aplikacja do sporządzania rachunków - uzupełnienie Zofia Kruczkiewicz, ETE8305_9 1

Budowa aplikacji z graficznym interfejsem użytkownika - GUI (Graphic User Interface) 1. Udostępnianie wszystkich prywatnych atrybutów do prezentacji, wprowadzenie standardu nazewnictwa plików nazwy plików aplikacji poprzedzone literą T Zofia Kruczkiewicz, ETE8305_9 2

Zofia Kruczkiewicz, ETE8305_9 3

Budowa aplikacji z graficznym interfejsem użytkownika - GUI (Graphic User Interface) 1. Udostępnianie wszystkich prywatnych atrybutów do prezentacji, wprowadzenie standardu nazewnictwa plików nazwy plików aplikacji poprzedzone literą T 2. Budowa głównego formularza GUI Zofia Kruczkiewicz, ETE8305_9 13

Gotowa aplikacja Zofia Kruczkiewicz, ETE8305_9 14

Zakładanie projektu Zofia Kruczkiewicz, ETE8305_9 15

Widok projektu z formularzem Widok formularzy Widok modułów Zofia Kruczkiewicz, ETE8305_9 16

Projekt z formularzem Widok formularzy Zofia Kruczkiewicz, ETE8305_9 17

Widok modułów Przed Save Project As Po Save Project As Główny plik GUI Plik formularza Zofia Kruczkiewicz, ETE8305_9 18

Plik główny GUI Zofia Kruczkiewicz, ETE8305_9 19

Plik główny GUI z automatycznie dołączonym obiektem formularza głównego typu TForm1, zdefiniowanym w pliku RachunekApp Zofia Kruczkiewicz, ETE8305_9 20

Plik formularza plik nagłówkowy Zofia Kruczkiewicz, ETE8305_9 21

Plik formularza plik modułowy Zofia Kruczkiewicz, ETE8305_9 22

Paleta komponentów wizualnych interfejsu użytkownika Zofia Kruczkiewicz, ETE8305_9 23

Wybrane komponenty w aplikacji (1) przycisk (1) Zofia Kruczkiewicz, ETE8305_9 24

Wybrane komponenty w aplikacji (2) Pole do wprowadzania danych (3) Etykieta (4) Menu głównego formularza (2) (3) (4) Zofia Kruczkiewicz, ETE8305_9 25

Wybrane komponenty w aplikacji (5) Pole tekstowe (6) Dwuwymiarowa tablica (5) (6) Zofia Kruczkiewicz, ETE8305_9 27

Umieszczenie komponentu (4) TMainMenu na głównym formularzu Zofia Kruczkiewicz, ETE8305_9 28

Wybór edytora menu z wyskakującego menu (po naciśnięciu prawego klawisza myszy na komponencie) Zofia Kruczkiewicz, ETE8305_9 29

Wstawianie elementów menu głównego tworzenie listy typu Menu Bar Zofia Kruczkiewicz, ETE8305_9 30

Wstawianie elementów menu głównego tworzenie elementu Pliki w liście typu Menu Bar Zofia Kruczkiewicz, ETE8305_9 31

Wstawianie listy rozwijanej do elementu Pliki z listy Menu Bar znak & pozwala wyróżnić wybraną literę w pozycji listy Zofia Kruczkiewicz, ETE8305_9 32

Wstawianie listy rozwijanej do elementu Pliki z listy Menu Bar znak oznacza dodanie poziomej linii do listy Zofia Kruczkiewicz, ETE8305_9 33

Wstawianie listy rozwijanej do elementu Pliki z listy Menu Bar Zofia Kruczkiewicz, ETE8305_9 34

Wstawiona lista rozwijana do elementu Pliki z listy Menu Bar Zofia Kruczkiewicz, ETE8305_9 35

Atrybuty komponentu TMainMenu wstawione automatycznie do pliku nagłówkowego formularza głównego Zofia Kruczkiewicz, ETE8305_9 36

Gotowe Menu aplikacji Zofia Kruczkiewicz, ETE8305_9 37

Budowa aplikacji z graficznym interfejsem użytkownika - GUI (Graphic User Interface) 1. Udostępnianie wszystkich prywatnych atrybutów do prezentacji, wprowadzenie standardu nazewnictwa plików nazwy plików aplikacji poprzedzone literą T 2. Budowa głównego formularza GUI 3. Budowa okienek dialogowych do wprowadzania danych Zofia Kruczkiewicz, ETE8305_9 38

Dodawanie do projektu okna dialogowego z pozycji Other Zofia Kruczkiewicz, ETE8305_9 39

Dodawanie do projektu standardowego okna dialogowego Standard Dialogs z zakładki Dialogs Zofia Kruczkiewicz, ETE8305_9 40

Dodawanie do projektu okna dialogowego OKBottomDlg reprezentowanego przez plik Unit1.cpp Zofia Kruczkiewicz, ETE8305_9 41

Widok modułów Przed Save As Po Save As Zmiana nazwy pliku nowego okna dialogowego z Unit1.cpp na dprodukt1.cpp Zofia Kruczkiewicz, ETE8305_9 42

Zestaw plików projektu: Plik GUI Pliki projektu bez GUI Zofia Kruczkiewicz, ETE8305_9 43

Podstawowe elementy standardowego okna dialogowego Zofia Kruczkiewicz, ETE8305_9 44

Utworzony automatycznie plik modułowy dprodukt1.cpp okna dialogowego po zmianie nazwy Zofia Kruczkiewicz, ETE8305_9 45

Utworzony automatycznie plik nagłówkowy dprodukt1.h standardowego okna dialogowego - po zmianie nazwy Zofia Kruczkiewicz, ETE8305_9 46

Główny plik GUI z automatycznie dołączonym obiektem formularza głównego typu TForm1 oraz obiektem okna dialogowego typu TOKBottomDlg Zofia Kruczkiewicz, ETE8305_9 47

Wskaźnik Form1 obiektu formularza głównego typu TForm1 oraz wskaźnik OKBottomDlg obiektu okna dialogowego typu TOKBottomDlg Zofia Kruczkiewicz, ETE8305_9 48

Wstawianie komponentów wizualnych typu TEdit do wprowadzania danych do okna dialogowego Zofia Kruczkiewicz, ETE8305_9 49

Wstawianie komponentów wizualnych typu TLabel jako etykiet pól edycyjnych do okna dialogowego Zofia Kruczkiewicz, ETE8305_9 50

Gotowy projekt okna dialogowego Zofia Kruczkiewicz, ETE8305_9 51

Uruchomione okno dialogowe Zofia Kruczkiewicz, ETE8305_9 52

Zawartość pliku nagłówkowego okna dialogowego po wykonaniu projektu Zofia Kruczkiewicz, ETE8305_9 53

Definicja metody Execute() do wprowadzania danych w oknie dialogowym Zofia Kruczkiewicz, ETE8305_9 54

Zawartość pliku nagłówkowego formularza głównego dołączenie pliku nagłówkowego aplikacji z danymi oraz pliku nagłówkowego okna dialogowego część pierwsza Zofia Kruczkiewicz, ETE8305_9 55

Zawartość pliku nagłówkowego okna formularza głównego po wykonaniu projektu cd. Połączenie GUI z obiektami aplikacji za pomocą obiektu hermetyzujacego aplikacja typu TAplikacja Zofia Kruczkiewicz, ETE8305_9 56

Po kliknięciu na Dodaj produkt można przejść do pisania kodu automatycznie dołączonej metody Dodajprodukt1Click obsługującej dodawanie produktów w pliku RachunekApp.cpp głównego formularza aplikacji Zofia Kruczkiewicz, ETE8305_9 57

definicja metody pobierającej dane z okna dialogowego OKBottomDlg i wywołanie metody Wstaw_produkt obiektu aplikacja Zofia Kruczkiewicz, ETE8305_9 58

Zawartość pliku modułowego okna formularza głównego wstawienie tablicy napisy z komunikatami Zofia Kruczkiewicz, ETE8305_9 59

Uruchomienie aplikacji z oknem dialogowym do wprowadzania danych przypadek poprawnego wprowadzania danych Zofia Kruczkiewicz, ETE8305_9 60

Uruchomienie aplikacji z oknem dialogowym do wprowadzania danych przypadek ponownego wprowadzenia tej samej danej Zofia Kruczkiewicz, ETE8305_9 61

Uruchomienie aplikacji z oknem dialogowym do wprowadzania danych przypadek nie poprawnego wprowadzania danych Zofia Kruczkiewicz, ETE8305_9 62

Budowa aplikacji z graficznym interfejsem użytkownika - GUI (Graphic User Interface) 1. Udostępnianie wszystkich prywatnych atrybutów do prezentacji, wprowadzenie standardu nazewnictwa plików nazwy plików aplikacji poprzedzone literą T 2. Budowa głównego formularza GUI 3. Budowa okienek dialogowych do wprowadzania danych 4. Budowa okienek dialogowych do wyświetlania danych Zofia Kruczkiewicz, ETE8305_9 63

Dodanie nowego standardowego okna dialogowego do projektu, nadanie plikom nazwy wprodukty.h i wprodukty.cpp i wstawienie komponentu TStringGrid 2 2 Zofia Kruczkiewicz, ETE8305_9 64

Dodanie nowego okna dialogowego do projektu 2 2 Nowe okno dialogowe w projekcie Zofia Kruczkiewicz, ETE8305_9 65

2 Główny plik GUI z automatycznie dołączonym obiektem formularza głównego typu TForm1, obiektem okna dialogowego typu TOKBottomDlg oraz obiektem okna dialogowego typu TOKBottomDlg2 2 2 Zofia Kruczkiewicz, ETE8305_9 66

Plik nagłówkowy standardowego okna dialogowego po wstawieniu komponentu TStringGrid 2 2 2 2 Zofia Kruczkiewicz, ETE8305_9 67

Wstawienie przycisku typu TButton do odświeżania zawartości okna oraz pola komunikatów typu TStaticText Zofia Kruczkiewicz, ETE8305_9 68

Plik nagłówkowy standardowego okna dialogowego po wstawieniu komponentu TStringGrid, przycisku typu TButton, pola komunikatów TStaticText oraz metody Execute, atrybutów wybrany oraz tab Zofia Kruczkiewicz, ETE8305_9 69

Plik modułowy standardowego okna dialogowego definicja metody Execute() wyświetlającej zawartość komponentu typu TStringGrid oraz konstruktor wstawiający nagłówek do tabeli typu TStringGrid Zofia Kruczkiewicz, ETE8305_9 70

Po kliknięciu na przycisk typu TButton z napisem Odswiez przechodzi się do pliku źródłowego okienka dialogowego wprodukty.cpp, gdzie wygenerowała się pusta metoda do obsługi tego klawisza void fastcall TOKBottomDlg2::Button1Click(TObject *Sender) Zofia Kruczkiewicz, ETE8305_9 71

Metoda wywoływana podczas działania metody Execute() Zofia Kruczkiewicz, ETE8305_9 72

Definicja metody wstawiającej dane z kolekcji produkty do komponentu typu TStringGrid Zofia Kruczkiewicz, ETE8305_9 73

Plik nagłówkowy formularza głównego po wstawieniu okna dialogowego do wyświetlania produktów wstawienie automatycznie metody Wyswietlprodukty2Click wywołującej to okno Zofia Kruczkiewicz, ETE8305_9 74

Po kliknięciu na Wyswietl produkty można przejść do pisania kodu metody obsługującej wyświetlanie produktów w pliku RachunekApp.cpp głównego formularza aplikacji Zofia Kruczkiewicz, ETE8305_9 75

Uruchomienie aplikacji Zofia Kruczkiewicz, ETE8305_9 76

Plik nagłówkowy standardowego okna dialogowego do wyświetlania produktów deklaracja metody StringGrid1Click do obsługi wyboru wiersza z danymi w komponencie typu TStringGrid za pomocą klikania myszą na wybranym wierszu. Metoda ta jest wywoływana podczas działania metody Execute() Zofia Kruczkiewicz, ETE8305_9 77

Budowa aplikacji z graficznym interfejsem użytkownika - GUI (Graphic User Interface) 1. Udostępnianie wszystkich prywatnych atrybutów do prezentacji, wprowadzenie standardu nazewnictwa plików nazwy plików aplikacji poprzedzone literą T 2. Budowa głównego formularza GUI 3. Budowa okienek dialogowych do wprowadzania danych 4. Budowa okienek dialogowych do wyświetlania danych 5. Aplikacja do sporządzania rachunków - Zofia Kruczkiewicz, ETE8305_9 81 uzupełnienie

Główny plik GUI z automatycznie dołączonym obiektem formularza głównego typu TForm1 oraz obiektami okienek dialogowych Zofia Kruczkiewicz, ETE8305_9 82

Plik nagłówkowy formularza z metodami obsługującymi klikania w pozycje list rozwijanych menu formularza Zofia Kruczkiewicz, ETE8305_9 84

Wstawione okno dialogowe do wprowadzania rachunków Zofia Kruczkiewicz, ETE8305_9 85

Obsługa wprowadzania numeru rachunku w oknie dialogowym za pomocą metody Execute() Zofia Kruczkiewicz, ETE8305_9 87

Metoda Dodajrachunek1Click w formularzu głównym pobierająca numery nowego rachunku z okna dialogowego za pomocą metody Execute() Zofia Kruczkiewicz, ETE8305_9 88

Uruchomiona aplikacja wprowadzanie nowego rachunku Zofia Kruczkiewicz, ETE8305_9 89

Utworzenie nowego okna dialogowego do wyświetlania rachunków i wstawienie do projektu Zofia Kruczkiewicz, ETE8305_9 90

Plik nagłówkowy okna dialogowego do wyświetlania rachunków Zofia Kruczkiewicz, ETE8305_9 91

Definicja metody Execute() do wypełniania komponentu typu TStringGrid zawartością kolekcji rachunki Zofia Kruczkiewicz, ETE8305_9 92

Wstawienie do projektu okna dialogowego do wstawiania zakupów Zofia Kruczkiewicz, ETE8305_9 98

Definicja metody Execute() pobierającej numer rachunku oraz ilość zakupionego produktu Zofia Kruczkiewicz, ETE8305_9 100

Definicja metody po kliknięciu na Dodaj zakup, która pobiera kliknięty wiersz z produktem z okien dialogowych: wyświetlający produkty wstawiający numer rachunku i ilość produktu Zofia Kruczkiewicz, ETE8305_9 101