Pozamykajmy krzyżykiem wszystko co zaznaczyłem czerwoną obwódką tak jak na rysunku.
Otwórzmy okienko konsoli (zapewnimy „gadulstwo” naszej aplikacji) Window -> Show View -> Console
Po poprawkach nasze środowisko wygląda tak
Teraz zajmiemy się budowaniem naszej aplikacji zaczynając od manager’ów rozkładu. Klikając na naszą formatkę zauważymy, że w zakładce Structure są dwie pod zakładki: „Components”(jest to zakładka naszych komponentów, które będziemy kładli na formatke) i „Properties” (Zakładka właściwości zaznaczonego komponentu na formatce). Eclipse sam położył pierwszy element na formatkę o nazwie „contentPane” (jest to zwyczajny panel jakich później będziemy używać) z domyślnie włączonym menager’em „java.awt.BorderLayout”.Jest to menager o pięciu polach: lewym, prawym, górnym, dolnym i środkowym.
My wykorzystamy tylko trzy z pięciu pól – pole: górne, dolne i środkowe. W tym celu wyłączymy menagera. Z zakładki wybrać „Structure -> Properties -> Layout (kliknąć na czarny trójkącik na końcu) -> Absolute layout” po tej operacji menager dla tego panelu jest wyłączony.
Położymy trzy panele(JPanel) z zakładki Palette. Kliknąć(LPM) na JPanel (powinien się podświetlić na biało) a następnie kliknąć(LPM) na dowolne pole na formatce. I tak trzy razy.
Całość wygląda tak.
Teraz przywracamy menagera java.awt.BorderLayout przez kliknięcie na „Structure -> Properties -> Layout (kliknąć na czarny trójkącik na końcu) -> BorderLayout”. I zaznaczamy pierwszy panel o nazwie „panel”. Klikamy na zaznaczoną czerwoną obwódką ikonkę tak jak na obrazku (poszerzenie menu)
Wybieramy właściwość komponentu o nazwie Layout przechodzimy do Constraints(kliknąć na czarny trójkącik na końcu) i kliknąć North. Następnie wybieramy właściwość o nazwie preferredSize (kliknąć mały klawisz z trzema kropkami). Pokaże się okienko, gdzie wpisujemy tylko wysokość(Height) ja wpisałem 50 pixeli a następnie kliknąć klawisz OK. Szerokości nie podajemy bo menager dobierze ja sobie sam.
Zaznaczamy trzeci panel o nazwie „panel_2”. Klikamy na zaznaczoną czerwoną obwódką ikonkę tak jak poprzednio (poszerzenie menu) .
Wybieramy właściwość komponentu o nazwie Layout przechodzimy do Constraints(kliknąć na czarny trójkącik na końcu) i kliknąć South. Następnie wybieramy właściwość o nazwie preferredSize (kliknąć mały klawisz z trzema kropkami). Pokaże się okienko, gdzie wpisujemy tylko wysokość(Height) ja wpisałem 50 pixeli a następnie kliknąć klawisz OK. Szerokości nie podajemy bo menager dobierze ja sobie sam.
No i zaznaczamy drugi panel o nazwie „panel_1”. Klikamy na zaznaczoną czerwoną obwódką ikonkę tak jak poprzednio (poszerzenie menu) .
Wybieramy właściwość komponentu o nazwie Layout przechodzimy do Constraints(kliknąć na czarny trójkącik na końcu) i kliknąć Center. Tu nie wybieramy wysokości ani szerokości, bo to zrobi za nas menager. W tym panelu zmienimy menager’a na „java.awt GridLayout”(to taka tabelka z rzędami i kolumnami).
I wpisujemy : columns(ilość kolumn) 1, rows(ilość rzędów) 2 - tak jak na obrazku
Z zakładki Palette klikamy na komponent JScrollPane i kładziemy na „panel_1” i powtarzany to jeszcze raz (muszą być na panelu jeden nad drugim). W zakładce „Structure -> Components” klikając(LPM) na dowolny komponent i trzymając go myszką można go dowolnie przesuwać i kłaść na innym komponencie, a klikając(PPM) mamy podmenu gdzie jedna z opcji to usunięcie(Delete) tego komponentu z formatki. Teraz na formatce na komponent o nazwie „scrollPane” kładziemy komponent JTextArea a następnie klikając na położony komponent o nazwie „textArea” i trzymając go tak przesuwamy po „scrollPane” aby zakrył komponent na, który go położyliśmy(komponent „textArea” wypełnia komponent „scrollPane”). Powtarzamy to dla drugiego komponentu „scrollPane_1” tak, żeby komponent „textArea_1” go zakrył.
W właściwościach komponentów: „textArea” i „textArea_1” o nazwie editable od ptaszkować kwadracik tak aby ta właściwość była typu false .
Teraz przechodzimy do panelu pierwszego o nazwie „panel” zaznaczamy go i zmieniamy menager’a na „java.awt GridLayout” z columns(ilość kolumn) 4, rows(ilość rzędów) 1 , hgap(odstęp poziomy) 20 . Następnie kładziemy na tym panelu komponenty: JComboBox, JComboBox, JButton, JButton – menager sam je ładnie porozkłada.
Zmieniamy właściwość komponentu „panel” o nazwie border klikając na przycisk z trzema kropkami i wybierając EmptyBorder. Tu ustawić własność Top na 10 pixeli, oraz własność Button na 10 pixeli i kliknąć klawisz OK.
Przechodzimy do dolnego panelu o nazwie „panel_2” zaznaczając go i zmieniamy menager’a na „java.awt.BorderLayout”. Na ten panel kładziemy komponent JLabel i w właściwościach tego komponentu o nazwie Constraints zaznaczyć Center .
Właściwość o nazwie horizontalAlignment ustawić na CENTER.
W właściwościach komponentów: „textArea” i „textArea_1” o nazwie border wybrać TitledBorder i wpisać w Title: odbiór i wysyłka. Zatwierdzić klawiszem OK.
A całość wygląda tak.
W następnym spotkaniu budując nasza aplikację zajmiemy się już pisaniem funkcji i procedur portu RS232, podłączeniem odpowiedniej biblioteki (będzie trochę mniej klikania a więcej pisania).
Piotr
Statystyki: Napisane przez p_zag — 22 mar 2014, o 01:07
]]>