Please Provide me all necssary Screenshort, Commentds and make all class are separate with highlight:(I use eclipse)

You must attempt to complete the lab during lab time. If you cannot, you may work on it outside and submit it by the beginning of the next class (need to get instructors permission). But I will allow that only if you work on the problem in the assigned lab time. You may work alone or in a group of two (still need to turn in individual assignment). Your score will depend on how far you are able to complete the work and the correctness of the work.

Goal: The purpose of this lab is to give you familiarity with drawing a simple Graphical User Interface (GUI); get familiar with layout managers. Once you can draw a GUI, the next step (in the following weeks) will be to write code that lets users use the GUI to interact with the computer.

Program Description

In this lab, we will work on a feature that is often useful when you develop a system that needs some security: a login window. To help you get started, we give you some code that is more complex than what you need to produce the login window. The given code (List 1) will produce the following GUI interface.

You are asked to play with the code and make changes. Eventually, you should produce a login window as shown in Figure 1

Note: dont worry about the background; it just appears like this in my machine).

The following are some requirements for this lab: for the user name field, you can have plain text; for the password field, you must make sure that the field will echo just the asterisks (make sure that you follow the requirement specified here and do not lose points). Here is how you can achieve visual elements required in Figure 1:

The test field for Username should be: JTextField

The test field for Password should be: JPasswordField

The text prompt should be: JLabel

The button should be: JButton

The following is the requirement for layout managers and containers (organizers).

Requirement for Layout Managers and Containers

Here are the requirements for the layout:

Use two panels (top panel and the bottom panel) inside the frame. The top panel should hold the username and password information, and the bottom panel should hold the buttons. Figure 2 shows this layout.

Use a GridLayout on the top panel; the FlowLayout for the bottom panel; these panels are added to the frame container (default layout manager for frame. You can just add panels to it (without specifying regions) and it will add to the center).

Given Code:

To help you get started, we offer the following code as your starting point. The given code is more complicated than the login window. You delete, add, or change code segments as you wish.

List 1: TestSwingCommonFeatures.java (given code to help you get started)

import java.awt.*;

import javax.swing.*;

import javax.swing.border.*;

public class TestSwingCommonFeatures extends JFrame {

public TestSwingCommonFeatures() {

// create a panel to group label and textbox

JPanel p0 = new JPanel();

JLabel jlblName = new JLabel("My name: ");

JTextField jtxtfldName = new JTextField(5);

p0.add(jlblName);

p0.add(jtxtfldName);

// Create a panel to group three buttons

JPanel p1 = new JPanel(new FlowLayout(FlowLayout.LEFT, 2, 2));

JButton jbtLeft = new JButton("Left");

JButton jbtCenter = new JButton("Center");

JButton jbtRight = new JButton("Right");

jbtLeft.setBackground(Color.WHITE);

jbtCenter.setForeground(Color.GREEN);

jbtRight.setToolTipText("This is the Right button");

p1.add(jbtLeft);

p1.add(jbtCenter);

p1.add(jbtRight);

p1.setBorder(new TitledBorder("Three Buttons"));

// Create a font and a line border

Font largeFont = new Font("TimesRoman", Font.BOLD, 20);

Border lineBorder = new LineBorder(Color.BLACK, 2);

// Create a panel to group two labels

JPanel p2 = new JPanel(new GridLayout(1, 2, 5, 5));

JLabel jlblRed = new JLabel("Red");

JLabel jlblOrange = new JLabel("Orange");

jlblRed.setForeground(Color.RED);

jlblOrange.setForeground(Color.ORANGE);

jlblRed.setFont(largeFont);

jlblOrange.setFont(largeFont);

jlblRed.setBorder(lineBorder);

jlblOrange.setBorder(lineBorder);

p2.add(jlblRed);

p2.add(jlblOrange);

p2.setBorder(new TitledBorder("Two Labels"));

// Add two panels to the frame

setLayout(new GridLayout(3, 1, 5, 5));

add(p0);

add(p1);

add(p2);

}

public static void main(String[] args) {

// Create a frame and set its properties

JFrame frame = new TestSwingCommonFeatures();

frame.setTitle("TestSwingCommonFeatures");

frame.setSize(300, 150);

frame.setLocationRelativeTo(null); // Center the frame

frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

frame.setVisible(true);

}

}

DO THE FOLLOWING TO SCORE YOUR POINTS

1. Make necessary changes according to the above requirement. Then cut and paste the Java source code in the space below :

2. Do a screen capture that has your output in the space below :

TestSwingCommonFeatures My name: Three Buttons Left Center Right Two Labels Red Orange