Mirosław Ochodek Szkolenie finansowane ze ś rodków Europejskiego Funduszu Spo ł ecznego (75%) i bud ż etu pa ń stwa (25%)

Prezentacja na temat: "Mirosław Ochodek Szkolenie finansowane ze ś rodków Europejskiego Funduszu Spo ł ecznego (75%) i bud ż etu pa ń stwa (25%)"— Zapis prezentacji:

1 Mirosław Ochodek Miroslaw.Ochodek@cs.put.poznan.pl 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”

2 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

3 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

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

5 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

6 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

7 Okienko główne

8 BankFrame BankStructurePanel TransferPanel

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

10 BankStructurePanel JTree JTextArea

11 BankStructurePanel JTree JTextArea BoxLayout BoxLayout.Y_AXIS

12 TransferPanel JLabel JButton JComboBox JTextField

13 TransferPanel GridBagLayout

14 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

15 Efekt naszej pracy

16 Okienko dodawania konta? Jakie komponenty? Jakie rozmieszczenie?

17 Okienko dodawania konta JLabel JComboBox JTextField JButton JLabel

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

19 Okienko dodawania konta GridBagLayout

20 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

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

22 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

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

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

25 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

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

27 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

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

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

30 Swing Dziękuje za uwagę