Mirosław Ochodek Szkolenie finansowane ze ś rodków Europejskiego Funduszu Spo ł ecznego (75%) i bud ż etu pa ń stwa (25%) w ramach Zintegrowanego Programu Operacyjnego Rozwoju Regionalnego 27 kwiecień 2007 Implementacja GUI w Javie Aplikacja „Bank”

Plan ▪ Wprowadzenie Przygotowanie środowiska Kilka słów o programie „Bank” i zmianach ▪ Projektowanie interfejsu graficznego Szkice ekranów Nanoszenie siatek ▪ Przykładowa implementacja Okno główne i nowa klasa startowa Menu Panel struktury Panel operacji

Plan ▪ Wprowadzenie Przygotowanie środowiska Kilka słów o programie „Bank” i zmianach ▪ Projektowanie interfejsu graficznego Szkice ekranów Nanoszenie siatek ▪ Przykładowa implementacja Okno główne i nowa klasa startowa Menu Panel struktury Panel operacji

Przygotowanie środowiska ▪ Pobranie ze strony wersji rozwojowych aplikacji Szkolenia->Java Kilka wersji (w różnych stadiach rozwoju) ▪ Pobierzmy wszystkie wersje i dodajmy do przestrzeni roboczej

Kilka słów o programie „Bank” ▪ Program realizowany na pierwszy szkoleniu ▪ Kilka drobnych zmian (praktycznie niezauważalnych) ▪ W modelu dwa dodatkowe elementy org.inmost.bank.BankModelProvider org.inmost.bank.ModelListener ▪ Przyjrzyjmy się bliżej tym klasom

Plan ▪ Wprowadzenie Przygotowanie środowiska Kilka słów o programie „Bank” i zmianach ▪ Projektowanie interfejsu graficznego Szkice ekranów Nanoszenie siatek ▪ Przykładowa implementacja Okno główne i nowa klasa startowa Menu Panel struktury Panel operacji

Okienko główne

BankFrame BankStructurePanel TransferPanel

Okienko główne BankFrame BankStructurePanel BorderLayout.WEST TransferPanel BorderLayout.CENTER BorderLayout

BankStructurePanel JTree JTextArea

BankStructurePanel JTree JTextArea BoxLayout BoxLayout.Y_AXIS

TransferPanel JLabel JButton JComboBox JTextField

TransferPanel GridBagLayout

TransferPanel gridx = 0 gridy = 0 gridwidth = 2 gridx = 0 gridy = 1 gridwidth = 2 gridx = 0 gridy = 2 gridwidth = 1 gridx = 1 gridy = 2 gridwidth = 1 gridx = 0 gridy = 3 gridwidth = 1 gridx = 0 gridy = 4 gridwidth = 1 gridx = 0 gridy = 3 gridwidth = 1 gridx = 0 gridy = 4 gridwidth = 1 gridx = 0 gridy = 5 gridwidth = 2 GridBagLayout

Efekt naszej pracy

Okienko dodawania konta? Jakie komponenty? Jakie rozmieszczenie?

Okienko dodawania konta JLabel JComboBox JTextField JButton JLabel

Okienko dodawania konta BorderLayout BorderLayout.CENTER BorderLayout.NORTH BorderLayout.SOUTH

Okienko dodawania konta GridBagLayout

Plan ▪ Wprowadzenie Przygotowanie środowiska Kilka słów o programie „Bank” i zmianach ▪ Projektowanie interfejsu graficznego Szkice ekranów Nanoszenie siatek ▪ Przykładowa implementacja Okno główne i nowa klasa startowa Menu Panel struktury Panel operacji

Przykładowa implementacja ▪ org.inmost.bank.app1

Plan ▪ Wprowadzenie Przygotowanie środowiska Kilka słów o programie „Bank” i zmianach ▪ Projektowanie interfejsu graficznego Szkice ekranów Nanoszenie siatek ▪ Przykładowa implementacja Okno główne i nowa klasa startowa Menu Panel struktury Panel operacji

Przykładowa implementacja ▪ org.inmost.bank.app2

Przykładowa implementacja ▪ org.inmost.bank.app3

Plan ▪ Wprowadzenie Przygotowanie środowiska Kilka słów o programie „Bank” i zmianach ▪ Projektowanie interfejsu graficznego Szkice ekranów Nanoszenie siatek ▪ Przykładowa implementacja Okno główne i nowa klasa startowa Menu Panel struktury Panel operacji

Przykładowa implementacja ▪ org.inmost.bank.app4

Plan ▪ Wprowadzenie Przygotowanie środowiska Kilka słów o programie „Bank” i zmianach ▪ Projektowanie interfejsu graficznego Szkice ekranów Nanoszenie siatek ▪ Przykładowa implementacja Okno główne i nowa klasa startowa Menu Panel struktury Panel operacji

Przykładowa implementacja ▪ org.inmost.bank.app5

Efekt naszej pracy! ▪ org.inmost.bank.app

Swing Dziękuje za uwagę