Java Intermediate: Lesson 2 - GUI

Being that in the lesson 1, intermediate level we saw the concept of class it is easier to understand the structure of an application with Graphical User Interface. In the case of this lesson is used NetBeans IDE and the application in this case is platform depended during the phase of development because it uses the libraries of the NetBeans IDE. If it could be considered that it was not mandatory to use NetBeans IDE until now, in this lesson this fact changes because of the reason I mentioned above.

In order to create a GUI project in NetBeans IDE it is necessary to follow the same steps with the ones followed during the creation of a normal project, so File -> New Project ... -> Java -> Java Application and click finish after determining the name of the project.

After the creation of the project, the next step that follows is the creation of a JFrame Form. In order to create a JFrame form on NetBeans IDE it is necessary to right-click on the name of the project on Projects explorer of NetBeans IDE, than select New and finally click JFrame Form as shown in the figure 1. In the window that appears must be determined the name of the the class for the window, in this example it is named GUIWindow.


Figure 1: Add JFrame Form


After the finish is clicked the NetBeans IDE create all the necessary structure of the code for a simple window as shown in the figure 2. Now that the new class is generated we can remove the class which was generated when the project was created. Running the project only with the modification explained above will result in an output as shown in the figure 2.


Figure 2: Running default GUI application


In order to be able to see the source code of the GUIWindow class, it is necessary to click in the source tab as shown in the figure 3 bellow.


Figure 3: Source tab


We will analyse the content of the source file in the upcoming lessons together with other components.

(please report broken link in the comment)

Comments

Post a Comment

Popular posts from this blog

Free host and domain

Image
In order to be able to have a website online are needed a server which is used to host the website and a domain which is linked with the IP of the server where is hosted the website. In order to get a host and a domain the programmers must pay, but at 000webhost.com can be taken free subdomain and host. At 000webhost.com after sign up must be confirmed the email address entered during sign up. Figure 1 shows an example of filling the information during the sign up that we'll use in this lesson. Figure 1: Sign up at 000webhost.com The information that are used in figure 1 must be replaced as required. First is the email, after email is the password field and the third input field is the field where is entered the name of the website and bellow is updated the domain of the website which will be created. After the creation of the account the email address must be confirmed. After confirming the email address, the created website is displayed as seen in figure 2 bellow. Fig
Read more

C++ Beginner: Lesson 3 - Simple calculator

Image
After we got familiar with Qt Creator environment in the lesson 2 we will build a simple calculator in order to get familiar with some data types which come with Qt Creator framework like QString and other C++ primitive data types. First of all we need to create a new project as shown in the lesson 1 . During the creation, instead of mainwindow class we have used calculator class. After creating the project, in design view of qt creator we create the layout of our application. Initially we get a LineEdit element from the toolbox panel as shown in the figure 1. Figure 1: Add LineEdit on window After we add the line edit on window we fix the size according to our needs, in this case we fill the window horizontally by leaving some margin right and left. After we add the LineEdit element on window we need to add the buttons for the numbers and operations as well as shown in the figure 2. Figure 2: Add PushButton on window After we add the buttons as shown in the figure above we
Read more

C++ Beginner: Lesson 4 - Tic Tac Toe game

Image
In this lesson we will cover if condition which we saw in the previous lesson as well, and we will cover the switch control statement too. Other elements that we will cover in this lesson are one and two dimensional arrays and we will see the for loop as well. During this lesson we will develop the tic tac toe game. In order to do so, we need to create a new project as we have seen in lesson 1 , but in this case we will call the application TicTacToe and the class will be named TicTacToe as well as shown in the figure 1. Figure 1: TicTacToe game The first step to create the TicTacToe application is to prepare the layout of the window. From the toolbox panel we take the Grid Layout element and drag it into window and than select the window and press the Lay Out in a Grid button as shown in the figure 2. Figure 2: Grid layout After the setup of the layout we start dragging and dropping into the window 9 QPushButton elements as shown in the figure 3 bellow. Figure 3: Add butt
Read more