I made a GUI with Swing

Introduction

I wanted to make a GUI, so I made it using Swing. I will summarize what I made for the first time, so it will be for beginners. If you make a mistake or find something better, please let me know.

environment

macOS Catalina (version 10.15.1) Eclipse ~~ To install the plug-in, click How to plug Swing into Eclipse 2019-03 ver. Installed with reference to ~~ The page is gone. ..

Preparation

1. Create a project
2. Select New> Other and select WindowsBuilder> Swing Designer> Application Window → [Next]
3. Enter a name and click [finish] to create → The following code is automatically generated

Screen creation

You can arrange it freely on the [Design] tab. I wanted to arrange it freely this time, so I created it with Absolute layout

1. Click Absolute layout from Layouts → Click the window-like area on the right side → The panel is now installed on the base. (It looks the same, but it looks like a carpet on the floor.)
2. From Components, select the component you want to place and place it. I tried to place the label. Once placed, the code will also be generated automatically.
3. You can change the properties by selecting the component you have placed. Try changing the text to be displayed to the user ID. Rewrite the text of the property to "user ID" → stretch the size of the label horizontally
4. Repeat this to create the UI as you imagined. In the end, I made the UI like this. (It's not a cool UI, but it's still under construction ...)

Event creation

As it is now, the UI is only displayed, so pressing the login button does nothing. Make sure that the event fires when you click the login button. This time, after pressing the login button, another screen will be displayed.

1. Right-click on the component and select "Add event handler> mouse> mouse clicked"
2. The code is automatically generated, so I will write the process here
3. When you press the login button, the original screen (login screen) will be discarded and the next screen will be displayed. Dispose the login screen with frame.dispose (); Another screen is visualized with a.frame.setVisible (true) ;.

It's a little difficult to understand, The frame of frame.dispose (); is the login screen, The frame of a.frame.setVisible (true); will be another screen. If an error occurs in the frame of a.frame.setVisible (true) ;, delete the private of "private JFrame frame;" on the screen to be displayed. 4. Almost ready, let's run When executed, the login screen will be displayed.

When you press the login button ... Another screen will be displayed.

at the end

I'm not a professional, so please use it as a reference level ... Also, when creating with Absolute layout, it is nice to be able to freely change the size of the component, but when I change the size of the screen, it does not move nicely from the original position, so it makes me a little sad. .. If you know a good way, please let me know ... I will write an article again when the one I am making is completed.