Question

Use of swing or javaFX is optional in any of the questions...

3) Create the following GUI. You do not have to provide any functionality: Sign Up Log in Sign Up for Free First Nmae Last Nina." Email Address

Answer 1

check out the solution and let me know if any queries through COMMENTS.

-------------------------------------------------------------------

// import required packages
import java.awt.*;
import javax.swing.*;

public class MyGui {
public static void main(String[] args) {
// declare required GUI components
   JTextField fn, ln, email, pwd;
   JButton signup, login, sfree, start;
Color myColor = new Color(51,204,255);
   // create a frame object
   JFrame frame = new JFrame("Seneca_Sign Up");
   // initialise the gui components with the preferred text as "Sign Up"
   signup = new JButton("Sign Up");
   login = new JButton("Log In");
   sfree = new JButton("Sign Up for Free");
   // sets background color as blue
   sfree.setBackground(myColor);
   start = new JButton("Get Started...");
   // sets background color as blue
   start.setBackground(myColor);
  
   fn = new JTextField("First Name...");
   // sets the font color as gray - these just displays text and doesn't have actions.
   fn.setForeground(Color.gray);
   ln = new JTextField("Last Name...");
   ln.setForeground(Color.gray);
   email = new JTextField("Email Address...");
   email.setForeground(Color.gray);
   pwd = new JTextField("Set a password...");
   pwd.setForeground(Color.gray);
  
   // allocates locations to components in the frame
   // syntax - setBounds(x, y, width, height)
   // this changes according to your requirements
   signup.setBounds(180, 30, 110, 30);
   login.setBounds(290, 30, 110, 30);
   sfree.setBounds(210, 80, 160, 30);
   fn.setBounds(100, 180, 200, 30);
   ln.setBounds(320, 180, 200, 30);
    email.setBounds(100, 230, 420, 30);
    pwd.setBounds(100, 280, 420, 30);
    start.setBounds(210, 340, 160, 30);
   // add all created components in frame
   frame.add(signup);
   frame.add(login);
   frame.add(sfree);
   frame.add(fn);
   frame.add(ln);
   frame.add(email);
   frame.add(pwd);
   frame.add(start);
   // set the size of frame
   frame.setSize(600, 600);
   // set the location of frame on our desktop, this depends on your desktop size.
   frame.setLocation(400, 50);
// as we set bounds for components so we make the default borderlayout to NULL
   frame.setLayout(null);
   // make the frame visible to us so TRUE
   frame.setVisible(true);
// action is added to the frame as to close the frame when close button is clicked.
   frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
} // main ends
} // class ends
---------------------------------

mport required packages import java.awt. *, import javax.swing. public class MyGuǐ { public static void main (String [] args) // declare required GUI components JTextField fn, ln, email, pwd: JButton signup, login, sfree, start: Color myColor = new Color (51,204,255); // create a frame object JFrame frame new JFrame ("Seneca Sign Up) // initialise the gui components with the preferred text as "Sign Up" signupnew JButton ("Sign Up) login = new JButton ("Log In"); sfreenew JButton ("Sign Up for Free) // sets background color as blue stree·setBackground (myColor) ; start-new JButton ("Get Started..) // sets background color as blue start.setBackground (myColor) fn = new JTextField ("First Name "); // sets the font color as gray-these just displays text and doesn't have actions. fn.setForeground (Color.gray) In = new JTextField ("Last Name "); 1n.setForeground (Color.gray) email = new JTextField ("Email Address "); email.setForeground (Color.gray)

et a password. .. pwd.setForeground (Color.gray) // allocates locations to components in the frame // syntax setBounds (x, y, width, height) // this changes according to your requirements signup.setBounds (180, 30, 110, 30) login.setBounds (290, 30, 110, 30) sfree.setBounds (210, 80, 160, 30) fn.set Bounds (100, 180, 200, 30); Bounds (320, 180, 200, 30); email.setBounds (100, 230, 420, 30) pwd.setBounds (100, 280, 42 start.setBounds (210, 340, 160, 30) // add all created components in frame frame.add (signup) frame.add (login) frame.add (sfree) frame.add (fn): frame.add (ln); frame.add (email); frame.add (pwd); frame.add (start); // set the size of frame frame. setsize (600, 600) // set the location of frame on our desktop, this depends on your desktop size frame.setLocation (400, 50) // as we set bounds for components so we make the default borderlayout to NULL frame·setLayout (null) ;

Trame. etlayout (null): // make the frame visible to us so TRUE frame.setVisible (true) // action is added to the frame as to close the frame when close button is clicked. frame.setDefaultcloseoperation (Frame. EXIT_ON CLOSE) // main ends 1/ class ends

-------------------------------------------

OUTPUT ::

eam Iools Window Help 一 回 X Seneca Sign Up Gui Sign Up Log In Fr Sign Up for Free ign ogi fre fre First Name... Last Name.. tar tar Email Address. n T Set a password. n.8 n r mal Get Started... mai wd on7 (