Jak korzystać z menu w Netbeans, aby zaprojektować GUI Swing

Chcesz wiedzieć jak korzystać z menu w Netbeansie zaprojektować swingowy GUI? Możesz dodawać menu do formularzy Java, takie jak Plik, Edycja, Widok itp. Każde menu ma elementy menu, a te z kolei mogą mieć podmenu. Tutaj nauczymy Cię, jak skonfigurować menu w Netbeans. Zostań z nami.

Ustawienia menu w Netbeans

Na początek pokażemy, jak skonfigurować menu w Netbeans. Zobaczmy, jak:

Być może zainteresuje Cię także przeczytanie o: Wykryto błąd w bazie danych Windows Update

• krok 1: Powrót do widoku projektu. Na palecie NetBeans znajdź element paska menu:

• krok 2: przeciągnij jeden na górę formularza. Po zwolnieniu przycisku myszy pojawi się domyślny pasek menu Plik i Edycja:

Jednak domyślnie nie są dodawane żadne pozycje menu. Aby dodać swoje, wykonaj następujące czynności:

• krok 3- Kliknij pozycję menu Archiwumaby go wybrać. Po wybraniu elementu menu Plik kliknij prawym przyciskiem myszy. Pojawi się nowe menu. Wybierać Dodaj z palety > Pozycja menu:

• krok 4: Element menu zostanie dodany do menu Plik:

Jedyne, co musisz zrobić, to dodać elementy menu, aby otworzyć i zapisać plik.

• krok 5: Kliknij dwukrotnie domyślny tekst jMenuPozycja1. Zostanie wówczas podświetlony i będzie można na nim napisać:

• krok 6: Pisze Otwarte, a następnie naciśnij klawisz ENTER na twojej klawiaturze:

• krok 7: Dodaj po drodze kolejny element menu. Tym razem napisz oszczędzać jako pozycja menu:

UWAGA: Jak widać powyżej, możesz dodawać skróty do pozycji menu.

• krok 8: Kliknij pozycję otwartego menu, a następnie skrót do niej:

UWAGA: Po wybraniu elementu skrótu spójrz na okno właściwości:

• krok 9: Wyszukaj element przepustnica i kliknij mały przycisk po prawej stronie wiersza. Pojawi się okno dialogowe:

W tym oknie dialogowym możesz ustawić klawisze skrótów dla elementu menu. Zwykle jest to otwarty skrót CTRL + O. Wpisz O w polu, a się pojawi Shift+O.

• krok 10: odznacz element Shift i marka Ctrl Zamiast:

• krok 11: Kliknij akceptować a skrót zostanie dodany do pozycji menu Java:

Integracja

Aby sprawdzić, czy to wszystko działa, kliknij ponownie pozycję menu Otwórz, aby ją podświetlić.

• krok 1: Teraz kliknij prawym przyciskiem myszy. W wyświetlonym menu wybierz Zdarzenia > Akcja > Podjęta akcja. Spowoduje to utworzenie kodu pośredniczącego dla elementu menu. Wprowadź następujące dane dla kodu:

javax.swing.JOptionPane.showMessageDialog(FormObjects.this, "Otwórz");

To jest tylko okno wiadomości.

• krok 2: Uruchom program i przetestuj go. Trzask Plik> Otwórzi powinieneś zobaczyć okno komunikatu.
• krok 3: Kliknij akceptować żeby się tego pozbyć. Teraz wypróbuj swój skrót.
• krok 4: Przytrzymaj klawisz Ctrl na klawiaturze. Przytrzymaj i naciśnij literę O. Ponownie powinno pojawić się menu.

Zatrzymaj program i wróć do kodu pośredniczącego. Skomentuj okno wiadomości. Jedyne, co musisz zrobić, to napisać kod wyświetlający okno dialogowe. Użytkownik może następnie wybrać plik do otwarcia. Zrobimy to w następnej części.

Projekt Swing GUI z menu w Netbeans

W tej części znajduje się przewodnik po procesie tworzenia graficznego interfejsu użytkownika (GUI) dla aplikacji o nazwie Edytor kontaktu używając Kreator GUI NetBeans IDE.

W ramach tego procesu zaprojektujesz graficzny interfejs użytkownika, który umożliwi przeglądanie i edycję danych kontaktowych osób znajdujących się w bazie pracowników. Dowiesz się także jak:

• Użyj interfejsu kreatora GUI
• Utwórz kontener GUI, dodaj
• Zmień rozmiar i wyrównaj komponenty
• Dostosuj zakotwienie komponentu
• Ustaw zachowanie automatycznej zmiany rozmiaru komponentów
• Edytuj właściwości komponentu

Możesz to wszystko zrobić poprzez menu w Netbeans

Pierwsze kroki z projektowaniem menu w Netbeans

Konstruktor GUI w środowisku IDE umożliwia tworzenie profesjonalnie wyglądających, opartych na menu interfejsów GUI w Netbeans bez dogłębnej wiedzy administratorów projektu. Możesz projektować formularze, po prostu umieszczając komponenty w dowolnym miejscu.

Tworzenie projektu poprzez menu w Netbeans

Ponieważ cały rozwój Java w IDE odbywa się w ramach projektów, musimy najpierw utworzyć nowy Edytor kontaktu projekt, w którym mają być przechowywane czcionki i inne pliki projektu.

Un Projekt IDE to grupa plików źródłowych Java wraz z powiązanymi metadanymi, w tym plikami właściwości specyficznymi dla projektu, scenariusz kompilacja Mrówka który kontroluje konfigurację kompilacji i uruchamiania, oraz a projektxml plik, który przypisuje cele Ant do polecenia SDI.

Chociaż aplikacje Java często składają się z wielu projektów IDE, na potrzeby tego samouczka utworzymy prostą aplikację, która będzie przechowywana w całości w jednym projekcie za pomocą menu w Netbeans.

Aby utworzyć nowy projekt aplikacji ContactEditor:

• krok 1: Wybierać Plik > Nowy projekt. Alternatywnie możesz kliknąć ikonę Nowy projekt na pasku narzędzi IDE.
• krok 2: Na panelu Kategorie, wybierz węzeł Java i w panelu Projekty wybierz opcję Wybierz aplikację Java. Trzask następujący.
• krok 3: Wchodzić Edytor kontaktu w polu Nazwa projektu i określ lokalizację projektu.
• krok 4: Pozostaw pole wyboru niezaznaczone Użyj dedykowanego folderu do przechowywania bibliotek.
• krok 5: Upewnij się, że pole wyboru jest zaznaczone Ustaw jako projekt główny jest zaznaczone i dezaktywuje pole Utwórz klasę główną.
• krok 6: Kliknij sfinalizować.

IDE tworzy folder Edytor kontaktu  w systemie w wyznaczonej lokalizacji. Ten folder zawiera wszystkie pliki powiązane z projektem, w tym skrypt Ant, foldery do przechowywania źródeł i testów oraz folder metadanych specyficznych dla projektu. Aby wyświetlić strukturę projektu, użyj okna Pliki IDE.

Utwórz kontener JFrame za pomocą menu w Netbeans

Po utworzeniu nowej aplikacji być może zauważyłeś, że folder Pakiety źródłowe w oknie Projekty zawiera pusty węzeł  nazywa .

Aby kontynuować budowanie naszego interfejsu, musimy utworzyć kontener Java, w którym umieścimy pozostałe wymagane komponenty GUI.

W tym kroku utworzymy kontener za pomocą komponentu JFrame i umieścimy kontener w nowym pakiecie.

Aby dodać kontener JFrame za pomocą menu w Netbeans, musisz wykonać następujące czynności:

• krok 1: W oknie Projekty, kliknij prawym przyciskiem myszy Edytor kontaktu węzeł i wybierz Nowy > Formularz JFrame. Alternatywnie możesz znaleźć formularz JFrama wybierając Nowy > Inne > Formularze Swing GUI > Formularz JFrame.
• krok 2: Wchodzić Edytor kontaktuUIjako nazwa klasy.
• krok 3: Wchodzić Mój . redaktor kontaktowyjak pakiet.
• krok 4: Kliknij sfinalizować.

IDE tworzy plik Edytor kontaktuUI forma i Edytor kontaktuUI klasa wewnątrz Edytor kontaktuUI. Jawa aplikację i otwórz plik Edytor kontaktuUI uformować się Konstruktor GUI. Należy pamiętać, że pakiet Mój . redaktor kontaktowy zastępuje pakiet domyślny.

Zapoznaj się z GUI Builder i menu w Netbeans

Teraz, gdy za pomocą menu Netbeans utworzyliśmy nowy projekt dla naszej aplikacji, poświęćmy chwilę na zapoznanie się z interfejsem GUI Builder.

Kiedy dodamy kontener JFrama, IDE otworzyło plik Edytor kontaktuUI nowo utworzony formularz w formacie a Zakładka Edytor z paskiem narzędzi zawierającym kilka przycisków, jak pokazano na powyższej ilustracji.

Forma Edytor kontaktu otwarte na widoku Projekt konstruktora GUI a trzy dodatkowe okna automatycznie pojawiły się wzdłuż krawędzi IDE, umożliwiając nawigację, organizowanie i edycję formularzy GUI podczas ich tworzenia.

Różne okna GUI Builder w menu Netbeans obejmują:

Przyjrzyjmy się różnym oknom GUI Builder w menu Netbeans, obejmującym:

Obszar projektowy:

Główne okno Konstruktora GUI służące do tworzenia i edytowania formularzy GUI Java. Przycisk Czcionka paska narzędzi umożliwia przeglądanie kodu źródłowego klasy, przycisk Projekt umożliwia przeglądanie graficznego widoku komponentów GUI, Przycisk historii umożliwia dostęp do lokalnej historii zmian pliku.

Dodatkowe przyciski paska narzędzi zapewniają wygodny dostęp do typowych poleceń, takich jak wybór trybów pracy. wybór i połączenie, wyrównać komponenty, skonfiguruj zachowanie automatycznej zmiany rozmiaru komponentów i wyświetl podgląd formularzy.

Przeglądarka

Zapewnia reprezentację wszystkich komponentów, zarówno wizualnych, jak i niewizualnych, w aplikacji w postaci hierarchii drzewa. Przeglądarka zapewnia także wizualną informację o tym, który komponent drzewa jest aktualnie edytowany w GUI Builderze i umożliwia organizowanie komponentów w dostępnych panelach.

Paleta.

Konfigurowalna lista dostępnych komponentów zawierająca zakładki dla komponentów JFC/Swing, AWT i JavaBeans, a także menedżerów układu. Dodatkowo za pomocą modułu dostosowywania możesz tworzyć, usuwać i zmieniać kolejność kategorii wyświetlanych na palecie.

Okno Właściwości

Wyświetla właściwości aktualnie wybranego komponentu w Konstruktorze GUI, oknie Nawigatora, oknie Projekty lub oknie Pliki.

Jeśli klikniesz na Przycisk źródłaIDE wyświetla kod źródłowy Java aplikacji w pliku redaktor z sekcjami kodu, które są automatycznie generowane przez Kreator GUI oznaczone szarymi obszarami (po wybraniu zmieniają kolor na niebieski), tzw Chronione bloki.

Bloki chronione to obszary chronione, których nie można edytować w programie Widok źródłowy. Możesz edytować tylko kod, który pojawia się w białych obszarach Edytora, gdy jesteś w Widok źródłowy.

Jeśli chcesz wprowadzić zmiany w kodzie w bloku chronionym, kliknij przycisk Przycisk projektu, Edytor IDE powraca do Konstruktora GUI, gdzie można dokonać niezbędnych zmian w formularzu. Po zapisaniu zmian IDE aktualizuje źródła plików.

Dla zaawansowanych programistów Administrator Dostępna jest paleta, która umożliwia dodawanie do palety niestandardowych komponentów z plików JAR, bibliotek lub innych projektów. Aby dodać niestandardowe komponenty za pomocą pliku Menedżer paletwybierz Narzędzia > Paleta > Komponenty Swing/AWT.

Pierwsze rzeczy w menu w Netbeans

Teraz, gdy znasz już interfejs kreatora GUI, czas zacząć opracowywać interfejs użytkownika naszego Aplikacja ContactEditor.

W tej sekcji przyjrzymy się, jak używać palety IDE do dodawania różnych potrzebnych komponentów GUI do naszego formularza.

Dzięki paradygmatowi swobodnego układu IDE nie będziesz już musiał walczyć z administratorami układu o kontrolę rozmiaru i położenia komponentów w ich kontenerach.

Wszystko, co musisz zrobić, to przeciągnąć i upuścić potrzebne komponenty na formularz GUI, jak pokazano na ilustracjach poniżej.

Dodawanie komponentów: podstawy

Chociaż narzędzie GUI Builder w środowisku IDE upraszcza proces tworzenia interfejsów GUI w języku Java, często pomocne jest naszkicowanie wyglądu interfejsu przed rozpoczęciem jego projektowania.

Przyjrzyjmy się teraz ilustracjom i zwróćmy uwagę na zachowanie IDE typu „przeciągnij i upuść” podczas wykonywania tej czynności.

Aby dodać JPanel z menu w Netbeans:

1. W oknie Paleta wybierz komponent Panel z kategorii Kontenery Swing, klikając i zwalniając przycisk myszy.
2. Przesuwa kursor do lewego górnego rogu formularza w GUI Builder. Gdy komponent zostanie umieszczony w pobliżu górnej i lewej krawędzi kontenera, pojawią się wytyczne wyrównania w poziomie i w pionie, wskazujące preferowane marginesy. Kliknij formularz, aby umieścić JPanel w tej lokalizacji.

Na formularzu pojawi się komponent JPanel Edytor kontaktuUI podświetlony na pomarańczowo, co oznacza, że ​​jest wybrany. Po zwolnieniu przycisku myszy pojawią się małe wskaźniki pokazujące relacje zakotwiczenia komponentu, a w oknie Nawigatora zostanie wyświetlony odpowiedni węzeł JPanel, jak pokazano na poniższej ilustracji.

Następnie musimy zmienić rozmiar JPanel, aby zrobić miejsce na komponenty, które umieścimy w nim nieco później, ale poświęćmy chwilę, aby najpierw zwrócić uwagę na inną funkcję wyświetlania GUI Builder.

Aby to zrobić, musimy odznaczyć właśnie dodany JPanel. Ponieważ nie dodaliśmy jeszcze ramki tytułowej, panel znika.

Zauważ jednak, że kiedy najedziesz kursorem na JPanel, jego obramowanie zmieni kolor na jasnoszary, dzięki czemu jego pozycja będzie wyraźnie widoczna. Wystarczy kliknąć gdziekolwiek wewnątrz komponentu, aby go ponownie wybrać i ponownie wyświetlić uchwyty zmiany rozmiaru oraz wskaźniki zakotwiczenia.

Aby zmienić rozmiar JPanel w menu w Netbeans:

• krok 1: Wybierz właśnie dodany JPanel. Małe kwadratowe przetworniki pojawiają się ponownie na obwodzie komponentu.
• krok 2: Kliknij i przytrzymaj uchwyt zmiany rozmiaru na prawej krawędzi JPanel i przeciągnij, aż przerywana linia wyrównania pojawi się w pobliżu krawędzi formularza.
• krok 3: Zwolnij uchwyt zmiany rozmiaru, aby zmienić rozmiar komponentu.

Komponent JPanel rozciąga się pomiędzy lewym i prawym marginesem kontenera zgodnie z zalecanym przesunięciem, jak pokazano na poniższej ilustracji.

Powtarzanie procesu

Teraz, gdy dodaliśmy panel do przechowywania informacji o nazwie interfejsu użytkownika, musimy powtórzyć proces, aby dodać kolejny panel bezpośrednio pod pierwszym, w którym będą znajdować się informacje o e-mailu.

Odnosząc się do poniższych ilustracji, powtórz dwa poprzednie zadania, zwracając uwagę na położenie sugerowane przez Kreator GUI.

Należy pamiętać, że sugerowana pionowa przestrzeń między nimi JPanels Jest znacznie węższa niż ta na krawędziach. Po dodaniu drugiego JPanel zmień jego rozmiar tak, aby wypełniał pozostałą pionową przestrzeń formularza.

Ponieważ chcemy wizualnie rozróżnić funkcje w górnej i dolnej części naszego GUI, musimy dodać ramkę i tytuł do każdego JPanelu.

Najpierw osiągniemy to za pomocą okna Właściwości, a następnie spróbujemy za pomocą wyskakującego menu.

Aby dodać ramki tytułowe do JPanels w menu w Netbeans:

• krok 1: Wybierz górny JPanel w GUI Builder.
• krok 2: W oknie właściwości, kliknij przycisk wielokropka (…) obok Majątek graniczny.
• krok 3: W edytorze Obramowania JPanelu który się pojawi, wybierz węzeł Zatytułowany Granica w panelu Dostępne obramowania.
• krok 4: w panelu Właściwości poniżej wprowadź nazwę właściwości Tytuł.
• krok 5: Kliknij wielokropek (...) obok właściwości Czcionka i wybierz Pogrubienie dla styl czcionkę i wpisz 12 jako rozmiar. Trzask akceptować aby wyjść z okien dialogowych.
• krok 6: Wybierz dolny JPanel i powtórz kroki od 2 do 5, ale tym razem kliknij prawym przyciskiem myszy JPanel i uzyskaj dostęp do okna Właściwości za pomocą wyskakującego menu. Wprowadź adres e-mail usługi Tytuł.

Tytułowe obramowania zostały dodane do obu komponentów JPanel.

Dodaj poszczególne komponenty do formularza

Teraz musimy przystąpić do dodawania komponentów, które zaprezentują rzeczywiste dane kontaktowe na naszej liście kontaktów. W tym zadaniu dodamy cztery pola JTextFields, które będą wyświetlać informacje kontaktowe oraz JLabels, które je opisują.

Wykonując to, spójrz na poziome i pionowe wytyczne wyświetlane przez Konstruktora GUI, które sugerują preferowane rozmieszczenie komponentów zgodnie z wyglądem i sposobem działania Twojego systemu operacyjnego.

Dzięki temu interfejs GUI będzie automatycznie renderowany zgodnie z wyglądem docelowego systemu operacyjnego w czasie wykonywania.

Aby dodać JLabel do formularza z menu w Netbeans:

• krok 1: W oknie Paleta wybierz komponent Etykieta z kategorii Sterowanie obrotami.
• krok 2: Przesuń kursor nad nazwę JPanel, którą dodaliśmy wcześniej. Gdy pojawią się wskazówki wskazujące, że JLabel jest umieszczony w lewym górnym rogu JPanel z niewielkim marginesem na górnej i lewej krawędzi, kliknij, aby umieścić etykietę.

Do formularza dodawana jest etykieta JLabel, a do okna formularza dodawany jest odpowiedni węzeł reprezentujący komponent. Inspektor.

Zanim będziemy kontynuować, musimy edytować wyświetlany tekst JLabel, który właśnie dodaliśmy. Chociaż w dowolnym momencie możesz edytować wyświetlany tekst komponentów, najłatwiej jest to zrobić w trakcie ich dodawania.

Aby edytować wyświetlany tekst etykiety JLabel:

• krok 1: Kliknij dwukrotnie JLabel, aby zaznaczyć wyświetlany tekst.
• krok 2: Pisze Pierwsze imię: i naciśnij Enter.

Wyświetlona zostanie nowa nazwa JLabel, a szerokość komponentu zostanie dostosowana w wyniku edycji. Teraz dodamy JTextField, abyśmy mogli przyjrzeć się funkcji wyrównywania linii bazowej w GUI Builder.

Aby dodać pole JTextField do formularza:

• krok 1: W oknie Paleta wybierz komponent Pole tekstowe z kategorii Sterowanie przesuwaniem.
• krok 2: Przesuwa kursor bezpośrednio na prawo od właśnie dodanego First Name:JLabel. Gdy pojawi się pozioma linia wskazująca, że ​​linia bazowa pola JTextField jest wyrównana z linią JLabel, a przestrzeń pomiędzy dwoma komponentami jest sugerowana za pomocą pionowej linii pomocniczej, kliknij, aby umieścić pole JTextField.

Pole JTextField zatrzaskuje się w formularzu wyrównanym z linią bazową JLabel, jak pokazano na poniższej ilustracji. Zwróć uwagę, że etykieta JLabel została przesunięta nieco w dół, aby wyrównać się z linią bazową najwyższego pola tekstowego. Tradycyjnie do okna Nawigatora dodawany jest węzeł reprezentujący komponent.

Zanim będziemy kontynuować, musimy dodać dodatkowe JLabel i JTextField bezpośrednio po prawej stronie tych, które właśnie dodaliśmy, jak pokazano na poniższej ilustracji. Tym razem wprowadź Nazwisko: jako wyświetlany tekst JLabel i pozostaw tekst zastępczy JTextFields bez zmian.

Aby zmienić rozmiar JTextField z menu w Netbeans:

• krok 1: Wybierz pole JTextField, które właśnie dodaliśmy po prawej stronie nazwiska:
• krok 2: Przeciągnij uchwyt zmiany rozmiaru z prawej krawędzi JTextField do prawej krawędzi dołączonego JPanel.
• krok 3: Gdy pojawią się linie wyrównywania w pionie sugerujące margines pomiędzy polem tekstowym a prawą krawędzią JPanel, zwolnij przycisk myszy, aby zmienić rozmiar JTextField.

Prawa krawędź pola JTextField dopasowuje się do marginesu zalecanego przez JPanel, jak pokazano na poniższej ilustracji.

Dodaj wiele komponentów do formularza z menu w Netbeans

Teraz dodamy Tytuł: i pseudonim: JLabels opisujące dwa pola JTextFields, które dodamy za chwilę. Będziemy przeciągać i upuszczać komponenty, naciskając Klawisz Shift, aby szybko dodać je do formularza.

Gdy to zrobisz, zwróć uwagę, że Kreator GUI wyświetla poziome i pionowe linie pomocnicze, które sugerują preferowane rozmieszczenie komponentów.

Aby dodać wiele etykiet JLabel do formularza:

• krok 1: W oknie paleta, wybierz komponent Tag kategorii Sterowanie oscylacją poprzez kliknięcie i zwolnienie przycisku myszy.
• krok 2: przesuwa kursor nad formularz bezpośrednio poniżej Pierwsze imię:JLabel, który dodaliśmy wcześniej. Gdy wytyczne okażą się, że lewa krawędź nowego JLabel jest wyrównana z krawędzią starego JLabel i pomiędzy nimi jest niewielki margines, naciśnij klawisz Shift i kliknij, aby umieścić pierwszą etykietę JLabel.
• krok 3: Kontynuując naciskanie przycisku Klawisz Shift, umieszcza kolejną etykietę JLabel bezpośrednio na prawo od pierwszej. Pamiętaj, aby zwolnić klawisz Shift przed umieszczeniem drugiej etykiety JLabel. Jeśli zapomnisz zwolnić klawisz Shift przed umieszczeniem ostatniej etykiety JLabel, po prostu naciśnij Ucieczka.

Etykiety JLabels dodaje się do formularza poprzez utworzenie drugiego wiersza, jak pokazano na poniższej ilustracji. Węzły reprezentujące każdy komponent są dodawane do okna przeglądarki.

Zanim przejdziemy dalej, musimy edytować nazwę JLabels, abyśmy mogli zobaczyć efekt wyrównań, które ustawimy później.

Aby edytować tekst wyświetlany w JLabels z menu w Netbeans:

• krok 1: Kliknij dwukrotnie pierwszą etykietę JLabel, aby wybrać wyświetlany tekst.
• krok 2: Pisze Tytuł: i naciśnij Enter.
• krok 3: Powtórz kroki 1 i 2, wprowadzając Przezwisko: dla drugiej właściwości nazwy JLabel.

Nowe nazwy JLabel są wyświetlane w formularzu i przewijają się w zależności od edytowanych szerokości, jak pokazano na poniższej ilustracji.

Wstaw komponenty z menu w Netbeans

Często konieczne jest dodanie komponentu pomiędzy komponentami, które są już umieszczone na formularzu. Za każdym razem, gdy dodajesz komponent pomiędzy dwoma istniejącymi komponentami, GUI Builder automatycznie je zmienia, aby zrobić miejsce na nowy komponent.

Aby to zademonstrować, wstawimy pole JTextField pomiędzy dodane wcześniej etykiety JLabels, jak pokazano na dwóch poniższych ilustracjach.

Aby wstawić JTextField pomiędzy dwoma JLabelami:

• krok 1: W oknie paleta, wybierz komponent Pole tekstowe kategorii Sterowanie oscylacją.
• krok 2: Przesuń kursor Tytuł:y Przezwisko: JLabels w drugim rzędzie, tak aby JTextField nakładał się na oba i był wyrównany z ich liniami bazowymi. Jeśli masz problemy z umieszczeniem nowego pola tekstowego, możesz przyciągnąć je do lewej linii pomocniczej Przezwisko JLabel, jak pokazano na pierwszym obrazku poniżej.
• krok 3: Kliknij, aby umieścić JTextField pomiędzy Tytuł:y Przezwisko:

JTextField zatrzaskuje się pomiędzy dwoma JLabelami. Skrajna prawa etykieta JLabel jest przesunięta na prawo od pola JTextField, aby uwzględnić sugerowane przewijanie w poziomie.

Musimy jeszcze dodać do formularza dodatkowe pole JTextField, które wyświetli pseudonim każdego kontaktu po prawej stronie formularza.

Aby dodać JTextField z menu w Netbeans:

• krok 1: W oknie paleta, wybierz komponent Pole tekstowe z kategorii Swing.
• krok 2: Przesuwa kursor na prawo od Przezwiskoetykietę i kliknij, aby umieścić pole tekstowe.

JTextField zatrzaskuje się obok JLabel po jego lewej stronie.

Aby zmienić rozmiar JTextField z menu w Netbeans:

• krok 1: Przeciągnij uchwyty zmiany rozmiaru Przezwisko:z pola JTextField etykiety dodanej w poprzednim zadaniu po prawej stronie dołączonego JPanel.
• krok 2: Gdy pojawią się linie wyrównywania w pionie sugerujące margines pomiędzy polem tekstowym a krawędziami JPanel, zwolnij przycisk myszy, aby zmienić rozmiar pola JTextField.

Prawa krawędź pola JTextField jest wyrównana z marginesem zalecanym przez JPanel, a Konstruktor GUI wnioskuje o odpowiednim zachowaniu zmiany rozmiaru.

• krok 3: Naciśnij Ctrl-S, aby zapisać plik.

Menu w Netbeans idzie do przodu

Wyrównanie jest jednym z najbardziej podstawowych aspektów tworzenia profesjonalnie wyglądających GUI. W poprzedniej sekcji mogliśmy rzucić okiem na funkcje wyrównywania IDE, dodając komponenty JLabel i JTextField do naszego formularza ContactEditorUI.

Następnie przyjrzymy się bliżej funkcjom wyrównywania GUI Builder, pracując nad innymi komponentami potrzebnymi w naszej aplikacji.

Wyrównanie komponentów

Za każdym razem, gdy dodajesz komponent do formularza, GUI Builder skutecznie je wyrównuje, o czym świadczą wyświetlane wytyczne dotyczące wyrównywania. Czasami jednak konieczne jest również określenie różnych relacji pomiędzy grupami komponentów.

Wcześniej dodaliśmy cztery etykiety JLabels, których potrzebujemy w naszym interfejsie GUI ContactEditor, ale ich nie wyrównaliśmy. Teraz wyrównamy dwie kolumny JLabels tak, aby prawe krawędzie się zrównały.

Aby wyrównać komponenty z menu w Netbeans:

• krok 1: Naciśnij i przytrzymaj klawisz Ctrl i kliknij, aby wybrać Pierwsze imię: y Tytuł: JLabels po lewej stronie formularza.
• krok 2: Naciśnij przycisk Aby ustawić się w linii po prawej stronie paska narzędzi. Alternatywnie możesz kliknąć dowolny z nich prawym przyciskiem myszy i wybrać Wyrównaj > Do prawej w kolumnie w wyskakującym menu.
• krok 3: Powtórz to również dla Nazwisko: Y Przezwisko:

Pozycje etykiet JLabels zmieniają się w taki sposób, że prawe krawędzie wyświetlanego tekstu są wyrównane. Relacje zakotwiczeń zostaną zaktualizowane, wskazując, że komponenty zostały zgrupowane.

Zanim skończymy z dodanymi wcześniej polami JTextField, musimy się upewnić, że dwa pola JTextField, które wstawiamy pomiędzy pola JLabels, są ustawione na prawidłową zmianę rozmiaru.

W przeciwieństwie do dwóch pól JTextField, które rozciągamy do prawej krawędzi naszego formularza, zachowanie wstawianych komponentów o zmiennym rozmiarze nie jest ustawiane automatycznie.

Aby ustawić zachowanie komponentów o zmiennym rozmiarze:

• krok 1: Przytrzymaj klawisz Control: i kliknij dwa wstawione komponenty JTextField, aby wybrać je w Konstruktorze GUI.
• krok 2: Po zaznaczeniu obu pól JTextField kliknij jedno z nich prawym przyciskiem myszy i wybierz Automatyczna zmiana rozmiaru > Poziomo z wyskakującego menu.

JTextFields są skonfigurowane tak, aby zmieniać rozmiar w poziomie w czasie wykonywania. Zaktualizowano wytyczne dotyczące wyrównania i wskaźniki zakotwiczenia, zapewniając wizualną informację zwrotną na temat relacji komponentów.

Aby skonfigurować komponenty o tym samym rozmiarze:

• krok 1: Przytrzymaj klawisz Control: i kliknij cztery pola JTextField w formularzu, aby je wybrać.
• krok 2: Po zaznaczeniu pól JTextFields kliknij dowolne z nich prawym przyciskiem myszy i wybierz Tworzyć el mismo rozmiar > Ta sama szerokość z wyskakującego menu.

Wszystkie pola JTextField mają ustawioną tę samą szerokość, a na górnej krawędzi każdego z nich dodano wskaźniki, zapewniając wizualną informację zwrotną na temat relacji komponentów.

Teraz musimy dodać kolejny JLabel, który napisze JComboBox, który pozwoli użytkownikom wybrać format informacji, które będzie wyświetlać nasza aplikacja ContactEditor.

Aby wyrównać JLabel do grupy komponentów z menu w Netbeans:

• krok 1: W oknie paleta, wybierz komponent Tag kategorii
• krok 2: Przesuń kursor poniżej Imięy Tytuł JLabels po lewej stronie JPanel. Gdy pojawi się przewodnik wskazujący, że prawa krawędź nowego JLabel jest wyrównana z prawymi krawędziami grupy komponentów powyżej (dwóch JLabel), kliknij, aby umieścić komponent.

Element JLabel zostanie przyciągnięty do pozycji wyrównanej do prawej strony z kolumną JLabels na górze, jak pokazano na poniższej ilustracji. GUI Builder aktualizuje linie stanu wyrównania, które wskazują odstępy i relacje zakotwiczeń komponentu.

Podobnie jak w poprzednich przykładach, kliknij dwukrotnie JLabel, aby wybrać wyświetlany tekst, a następnie wprowadź format wyświetlania: nazwę wyświetlaną. Zwróć uwagę, że gdy JLabel zaskoczy na swoje miejsce, pozostałe komponenty przesuną się, aby dostosować się do dłuższego wyświetlanego tekstu.

Wyrównanie linii bazowej z menu w Netbeans

Za każdym razem, gdy dodajesz lub przenosisz komponenty zawierające tekst (JLabels, JTextFields itp.), IDE sugeruje wyrównania oparte na liniach bazowych tekstu w komponentach. Kiedy na przykład wstawiliśmy wcześniej pole JTextField, jego linia bazowa została automatycznie wyrównana z sąsiednimi etykietami JLabels.

Teraz dodamy pole kombi, które pozwoli użytkownikom wybrać format informacji, które będą wyświetlane w naszej aplikacji ContactEditor.

Dodając JComboBox, wyrównamy jego linię bazową z tekstem JLabel. Spójrz jeszcze raz na wytyczne dotyczące wyrównania linii bazowej, które wydają się pomagać nam w pozycjonowaniu.

Aby wyrównać linie bazowe komponentów z menu w Netbeans:

• krok 1: W oknie paleta, wybierz komponent Malowanie kategoria łączona Sterowanie oscylacją.
• krok 2: Przenosi kursor bezpośrednio na prawo od właśnie dodanej etykiety JLabel. Gdy pojawi się pozioma linia wskazująca, że ​​linia bazowa JComboBox jest wyrównana z linią bazową tekstu w JLabel, a przestrzeń pomiędzy dwoma komponentami jest sugerowana pionową linią prowadzącą, kliknij, aby umieścić pole kombi.

Komponent zostaje przyciągnięty do pozycji wyrównanej z linią bazową tekstu w elemencie JLabel po jego lewej stronie, jak pokazano na poniższej ilustracji. GUI Builder wyświetla linie stanu wskazujące odstępy między komponentami i relacje zakotwiczeń.

Aby zmienić rozmiar JComboBox z menu w Netbeans:

• krok 1: Wybierz ComboBox w Konstruktor GUI.
• krok 2: Przeciągnij uchwyt zmiany rozmiaru na prawej krawędzi JComboBox w prawo, aż pojawią się wytyczne wyrównania sugerujące preferowane przesunięcie pomiędzy krawędziami JComboBox i JPanel.

Jak pokazano na poniższej ilustracji, prawe obramowanie JComboBox dopasowuje się do zalecanego marginesu obramowania JPanel, a szerokość komponentu jest automatycznie ustawiana tak, aby zmieniać rozmiar wraz z formularzem.

• krok 3: Naciśnij Ctrl + S aby zapisać plik.

Edycja modeli komponentów wykracza poza zakres tego samouczka, więc na razie pozostawimy listę elementów zastępczych JComboBox bez zmian.

Tutaj możesz przeczytać o: Jak utworzyć bazę danych zapasów w programie Access

Przegląd tego, czego się nauczyliśmy

Dobrze zaczynamy budowę naszego Interfejs graficzny edytora kontaktów, ale poświęćmy chwilę na podsumowanie tego, czego nauczyliśmy się podczas dodawania niektórych komponentów wymaganych przez nasz interfejs.

Do tej pory skupialiśmy się na dodawaniu komponentów do naszego GUI. Edytor kontaktu używając wskazówek dotyczących wyrównania IDE, które pomogą nam w pozycjonowaniu.

Jednakże ważne jest, aby zrozumieć, że kolejną integralną częścią rozmieszczenia komponentów jest kotwiczenie. Chociaż jeszcze o tym nie rozmawialiśmy, skorzystałeś już z tej funkcji, nie zdając sobie z tego sprawy.

Jak wspomniano powyżej, za każdym razem, gdy dodajesz komponent do formularza, IDE sugeruje preferowane położenie docelowego wyglądu i sposobu działania wraz z wytycznymi.

Po umieszczeniu nowe komponenty są również zaczepiane do najbliższej krawędzi kontenera lub komponentu, aby zapewnić zachowanie relacji między komponentami w czasie wykonywania. W tej sekcji skupimy się na wykonywaniu zadań w bardziej elastyczny sposób, jednocześnie wskazując pracę, którą wykonuje za kulisami kreator GUI.