Question

Select one favorite application of yours (in e-commence, education, games, and so on). Design a Java FxGUI for a "customer" to access the application of your design. the application of your design.

1. Makes sure you have sufficient components (2 or more buttons, text fields/areas, a selection list, 1 or more images and other optional components of your choice). In addition, add an "account" information so that a customer/user may access or utilize the application. Your GUI application shall also allow the customer/user information be entered on the screen.

2. Plan your layout and arrange them into groups when appropriate.

3. Implement your design in Java FxGUI.

screenshot of GUI along with Java code

Answer 1

import javafx.animation.TranslateTransition;
import javafx.application.Application;
import javafx.beans.property.SimpleObjectProperty;
import javafx.event.EventHandler;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.effect.DropShadow;
import javafx.scene.effect.Reflection;
import javafx.scene.input.MouseEvent;
import javafx.scene.layout.*;
import javafx.scene.paint.Color;
import javafx.scene.shape.Circle;
import javafx.scene.shape.Path;
import javafx.scene.shape.Rectangle;
import javafx.scene.shape.Shape;
import javafx.stage.Stage;
import javafx.util.Duration;

/**
*
* @author Akshay Bisht
*/
public class Connect4 extends Application {

/**
* @param args the command line arguments
*/
  
private SimpleObjectProperty<Color> colorProps = new SimpleObjectProperty<Color>(Color.RED);
private int ran;
private int can;
  
  
public static void main(String[] args) {
launch(args);
}
  
@Override
public void start(Stage primaryStage) {
  
final BorderPane rt = new BorderPane();
final GridPane gird = new GridPane();
primaryStage.setTitle("JavaFX Connect Four");
primaryStage.setResizable(true);
  
final Button addCells = new Button("Add Grids");
  
Scene sc = new Scene(rt, 750, 680, true);
sc.setFill(Color.BLACK);
sc.getStylesheets().add("net/glyphsoft/styles.css");
  
gird.setTranslateY(20);
gird.setAlignment(Pos.CENTER);
  
gird.getColumnConstraints().addAll(new ColumnConstraints(100,100,Double.MAX_VALUE),
new ColumnConstraints(100,100,Double.MAX_VALUE),
new ColumnConstraints(100,100,Double.MAX_VALUE),
new ColumnConstraints(100,100,Double.MAX_VALUE));
gird.getRowConstraints().addAll(new RowConstraints(100,100,Double.MAX_VALUE),
new RowConstraints(100,100,Double.MAX_VALUE),
new RowConstraints(100,100,Double.MAX_VALUE),
new RowConstraints(100,100,Double.MAX_VALUE));
  
createCol(gird);
  
rt.setCenter(gird);
  
DropShadow drops = new DropShadow();
drops.setColor(Color.BLUE);
addCells.setEffect(drops);
  
addCells.setTranslateY(10);
addCells.setTranslateX(10);
  
rt.setTop(addCells);
  
addCells.setOnMouseClicked(new EventHandler<MouseEvent>(){
public void hands(MouseEvent arg0) {
addingRow(gird);
}

@Override
public void handle(MouseEvent event) {
throw new UnsupportedOperationException("Not supported yet."); //To change body of generated methods, choose Tools | Templates.
}
});

primaryStage.setScene(sc);
primaryStage.setResizable(false);
primaryStage.show();
}
  
//Add Column and Row
private void addingRow(final GridPane gird){
gird.getColumnConstraints().addAll(new ColumnConstraints(100,100,Double.MAX_VALUE));
gird.getRowConstraints().addAll(new RowConstraints(100,100,Double.MAX_VALUE));
createCol(gird);
}
  
//Create Grids
private void createCol(final GridPane gird){
gird.getChildren().clear();
for(ran=0;ran<gird.getColumnConstraints().size(); ran++){
for(can=0; can<gird.getColumnConstraints().size(); can++){
  
Rectangle rec = new Rectangle(100,100);
Circle cir = new Circle(47);
cir.centerXProperty().set(50);
cir.centerYProperty().set(50);
Shape sh = Path.subtract(rec, cir);
sh.setFill(Color.BLUE);
sh.setStroke(Color.BLUE);
sh.setOpacity(.8);
DropShadow drops = new DropShadow();
drops.setSpread(.2);
drops.setRadius(25);
drops.setColor(Color.BLUE);
sh.setEffect(drops);
  
  
final Circle prev = new Circle(40);
prev.setOpacity(.5);
prev.setFill(Color.TRANSPARENT);
  
prev.setOnMouseEntered(new EventHandler<MouseEvent>(){
public void hands(MouseEvent arg0) {
prev.setFill(Color.WHITE);
if(colorProps.get()==Color.RED){
prev.setFill(Color.RED);
}else{
prev.setFill(Color.YELLOW);
}
}

@Override
public void handle(MouseEvent event) {
throw new UnsupportedOperationException("Not supported yet."); //To change body of generated methods, choose Tools | Templates.
}
});
  
prev.setOnMouseExited(new EventHandler<MouseEvent>(){
public void hands(MouseEvent arg0) {
prev.setFill(Color.TRANSPARENT);
}

@Override
public void handle(MouseEvent event) {
throw new UnsupportedOperationException("Not supported yet."); //To change body of generated methods, choose Tools | Templates.
}
});
  
final Circle cirDisk = new Circle(40);
cirDisk.fillProperty().bind(colorProps);
cirDisk.setOpacity(.5);
cirDisk.setTranslateY(-(100*(ran+1)));
  
  
final TranslateTransition transitions = new TranslateTransition(Duration.millis(300), cirDisk);
  
cirDisk.setOnMouseEntered(new EventHandler<MouseEvent>(){
public void hands(MouseEvent arg0) {
prev.setFill(Color.WHITE);
if(colorProps.get()==Color.RED){
prev.setFill(Color.RED);
}else{
prev.setFill(Color.YELLOW);
}
}

@Override
public void handle(MouseEvent event) {
throw new UnsupportedOperationException("Not supported yet."); //To change body of generated methods, choose Tools | Templates.
}
});
  
cirDisk.setOnMouseExited(new EventHandler<MouseEvent>(){
public void hands(MouseEvent arg0) {
prev.setFill(Color.TRANSPARENT);
}

@Override
public void handle(MouseEvent event) {
throw new UnsupportedOperationException("Not supported yet."); //To change body of generated methods, choose Tools | Templates.
}
});
  
cirDisk.setOnMouseClicked(new EventHandler<MouseEvent>(){
public void hands(MouseEvent arg0) {
if(cirDisk.getTranslateY()!=0){
transitions.setToY(0);
transitions.play();
if(colorProps.get()==Color.RED){
colorProps.set(Color.YELLOW);
cirDisk.fillProperty().bind(new SimpleObjectProperty<Color>(Color.RED));
}else{
colorProps.set(Color.RED);
cirDisk.fillProperty().bind(new SimpleObjectProperty<Color>(Color.YELLOW));
}
}
}

@Override
public void handle(MouseEvent event) {
throw new UnsupportedOperationException("Not supported yet."); //To change body of generated methods, choose Tools | Templates.
}
});
  
prev.setOnMouseClicked(new EventHandler<MouseEvent>(){
public void hands(MouseEvent arg0) {
if(cirDisk.getTranslateY()!=0){
transitions.setToY(0);
transitions.play();
if(colorProps.get()==Color.RED){
colorProps.set(Color.YELLOW);
cirDisk.fillProperty().bind(new SimpleObjectProperty<Color>(Color.RED));
}else{
colorProps.set(Color.RED);
cirDisk.fillProperty().bind(new SimpleObjectProperty<Color>(Color.YELLOW));
}
}
}

@Override
public void handle(MouseEvent event) {
throw new UnsupportedOperationException("Not supported yet."); //To change body of generated methods, choose Tools | Templates.
}
});
  
  
StackPane stck = new StackPane();
  
stck.getChildren().addAll(sh, prev, cirDisk);
  
gird.add(stck, can, ran);
  
if(ran==gird.getColumnConstraints().size()-1){
stck.setEffect(new Reflection());
}
}
  
}
}
}

Output:

Rate the answer an upvote.........Thankyou

Hope this helps.....