Overhaul of the look of the gui, I need to rename the boxes

3 files changed, 84 insertions, 51 deletions

diff --git a/src/fallTest/Driver.java b/src/fallTest/Driver.java
index 44a68e1..3bc7c25 100644
--- a/src/fallTest/Driver.java
+++ b/src/fallTest/Driver.java
@@ -7,7 +7,14 @@
 package fallTest;
 
 import javafx.application.*;
+import javafx.geometry.Side;
 import javafx.scene.Scene;
+import javafx.scene.image.Image;
+import javafx.scene.layout.Background;
+import javafx.scene.layout.BackgroundImage;
+import javafx.scene.layout.BackgroundPosition;
+import javafx.scene.layout.BackgroundRepeat;
+import javafx.scene.layout.BackgroundSize;
 import javafx.scene.layout.Pane;
 import javafx.stage.Stage;
 
@@ -28,10 +35,20 @@ public class Driver extends Application
         primaryStage.setScene(primaryScene);
         newSongPlayer player = new newSongPlayer();
         primaryStage.setTitle("TEST");
-        primaryStage.show();
-        primaryPane.getChildren().add(player);
+        primaryPane.getChildren().add(player);     
+        setBackground("assets/water.png");   
         player.init();
-        
+        primaryStage.show();
 	}
-
+	
+	  public static void setBackground(String url)
+      {
+          primaryPane.setBackground(new Background(
+              new BackgroundImage(
+                      new Image(url),
+                      BackgroundRepeat.REPEAT, BackgroundRepeat.NO_REPEAT,
+                      new BackgroundPosition(Side.LEFT, 0, true, Side.BOTTOM, 0, true),
+                      new BackgroundSize(BackgroundSize.AUTO, BackgroundSize.AUTO, true, true, false, true)
+              )));
+      }
 }
diff --git a/src/fallTest/TButton.java b/src/fallTest/TButton.java
index 5998282..d18771f 100644
--- a/src/fallTest/TButton.java
+++ b/src/fallTest/TButton.java
@@ -6,6 +6,7 @@ import javafx.scene.effect.BlurType;
 import javafx.scene.effect.DropShadow;
 import javafx.scene.paint.Color;
 import javafx.scene.shape.Rectangle;
+import javafx.scene.text.Text;
 import javafx.scene.paint.*;
 
 public class TButton extends Rectangle
@@ -14,7 +15,7 @@ public class TButton extends Rectangle
     {
         super();
         
-        Color newCol = new Color(c.darker().getRed(), c.darker().getGreen(), c.darker().getBlue(), 0.15);
+        Color newCol = new Color(c.darker().getRed(), c.darker().getGreen(), c.darker().getBlue(), 0.25);
         super.setFill(newCol);
         super.setWidth(a);
         super.setHeight(b);
diff --git a/src/fallTest/newSongPlayer.java b/src/fallTest/newSongPlayer.java
index d98b235..ff96d63 100644
--- a/src/fallTest/newSongPlayer.java
+++ b/src/fallTest/newSongPlayer.java
@@ -1,6 +1,10 @@
 package fallTest;

 

 import javafx.event.EventHandler;

+

+import java.awt.Insets;

+

+import javafx.event.*;

 import javafx.event.ActionEvent;

 import javafx.geometry.Pos;

 import javafx.scene.control.Button;

@@ -14,36 +18,27 @@ import javafx.scene.layout.BorderWidths;
 import javafx.scene.layout.CornerRadii;

 import javafx.scene.layout.HBox;

 import javafx.scene.layout.Pane;

+import javafx.scene.layout.StackPane;

 import javafx.scene.layout.VBox;

 import javafx.scene.paint.Color;

+import javafx.scene.shape.Rectangle;

 import javafx.scene.text.Font;

 import javafx.scene.text.Text;

 

 public class newSongPlayer extends Pane

 {

-

-	public newSongPlayer() {

-		/*TButton dButton = new TButton(Color.RED, 50, 50, 5);

-		System.out.println(super.widthProperty());

-		dButton.heightProperty().bind(super.widthProperty().divide(1));

-		dButton.widthProperty().bind(super.widthProperty().divide(1));

-		

-		HBox buttonBox = new HBox();

-	    buttonBox.getChildren().addAll(dButton);

-	    buttonBox.setAlignment(Pos.CENTER);

-	    buttonBox.setSpacing(10);

-	    

-        super.getChildren().add(buttonBox);

-	    //buttonBox.setBorder(border);*/

-	}

-	

 	public void init() {

+		Rectangle field = new Rectangle(50, 50, new Color(0, 0, 0, 0.7));

+		field.heightProperty().bind(this.getScene().getWindow().heightProperty().multiply(0.95));

+		field.widthProperty().bind(this.getScene().getWindow().widthProperty().divide(2.).add(50));

+		

 		TButton dButton = new TButton(Color.RED, 50, 50, 5);

-		dButton.heightProperty().bind(this.getScene().getWindow().heightProperty().add(this.getScene().getWindow().widthProperty()).divide(20));

-		dButton.widthProperty().bind(this.getScene().getWindow().heightProperty().add(this.getScene().getWindow().widthProperty()).divide(20));

-		dButton.arcHeightProperty().bind(this.getScene().getWindow().heightProperty().add(this.getScene().getWindow().widthProperty()).divide(100));

-		dButton.arcWidthProperty().bind(this.getScene().getWindow().heightProperty().add(this.getScene().getWindow().widthProperty()).divide(100));

-		dButton.strokeWidthProperty().bind(this.getScene().getWindow().heightProperty().add(this.getScene().getWindow().widthProperty()).divide(420));

+		dButton.heightProperty().bind(this.getScene().getWindow().widthProperty().divide(12));

+		dButton.widthProperty().bind(this.getScene().getWindow().widthProperty().divide(12));

+		dButton.arcHeightProperty().bind(this.getScene().getWindow().widthProperty().divide(50));

+		dButton.arcWidthProperty().bind(this.getScene().getWindow().widthProperty().divide(50));

+		dButton.strokeWidthProperty().bind(this.getScene().getWindow().widthProperty().divide(210));

+		//Text dButtonText = new Text("D");

 		dButton.setOnKeyPressed(e -> { 

 			if (e.getCode() == KeyCode.D) {

 				System.out.println("D");

@@ -51,11 +46,11 @@ public class newSongPlayer extends Pane
 		});

 		

 		TButton fButton = new TButton(Color.BLUE, 50, 50, 5);

-		fButton.heightProperty().bind(this.getScene().getWindow().heightProperty().add(this.getScene().getWindow().widthProperty()).divide(20));

-		fButton.widthProperty().bind(this.getScene().getWindow().heightProperty().add(this.getScene().getWindow().widthProperty()).divide(20));

-		fButton.arcHeightProperty().bind(this.getScene().getWindow().heightProperty().add(this.getScene().getWindow().widthProperty()).divide(100));

-		fButton.arcWidthProperty().bind(this.getScene().getWindow().heightProperty().add(this.getScene().getWindow().widthProperty()).divide(100));

-		fButton.strokeWidthProperty().bind(this.getScene().getWindow().heightProperty().add(this.getScene().getWindow().widthProperty()).divide(420));

+		fButton.heightProperty().bind(this.getScene().getWindow().widthProperty().divide(12));

+		fButton.widthProperty().bind(this.getScene().getWindow().widthProperty().divide(12));

+		fButton.arcHeightProperty().bind(this.getScene().getWindow().widthProperty().divide(50));

+		fButton.arcWidthProperty().bind(this.getScene().getWindow().widthProperty().divide(50));

+		fButton.strokeWidthProperty().bind(this.getScene().getWindow().widthProperty().divide(210));

 		fButton.setOnKeyPressed(e -> { 

 			if (e.getCode() == KeyCode.F) {

 				System.out.println("F");

@@ -63,11 +58,11 @@ public class newSongPlayer extends Pane
 		});

 		

 		TButton sButton = new TButton(Color.GREEN, 50, 50, 5);

-		sButton.heightProperty().bind(this.getScene().getWindow().heightProperty().add(this.getScene().getWindow().widthProperty()).divide(20));

-		sButton.widthProperty().bind(this.getScene().getWindow().heightProperty().add(this.getScene().getWindow().widthProperty()).divide(20));

-		sButton.arcHeightProperty().bind(this.getScene().getWindow().heightProperty().add(this.getScene().getWindow().widthProperty()).divide(100));

-		sButton.arcWidthProperty().bind(this.getScene().getWindow().heightProperty().add(this.getScene().getWindow().widthProperty()).divide(100));

-		sButton.strokeWidthProperty().bind(this.getScene().getWindow().heightProperty().add(this.getScene().getWindow().widthProperty()).divide(420));

+		sButton.heightProperty().bind(this.getScene().getWindow().widthProperty().divide(12));

+		sButton.widthProperty().bind(this.getScene().getWindow().widthProperty().divide(12));

+		sButton.arcHeightProperty().bind(this.getScene().getWindow().widthProperty().divide(50));

+		sButton.arcWidthProperty().bind(this.getScene().getWindow().widthProperty().divide(50));

+		sButton.strokeWidthProperty().bind(this.getScene().getWindow().widthProperty().divide(210));

 		sButton.setOnKeyPressed(e -> { 

 			if (e.getCode() == KeyCode.SPACE) {

 				System.out.println("SPC");

@@ -75,11 +70,11 @@ public class newSongPlayer extends Pane
 		});

 		

 		TButton jButton = new TButton(Color.PURPLE, 50, 50, 5);

-		jButton.heightProperty().bind(this.getScene().getWindow().heightProperty().add(this.getScene().getWindow().widthProperty()).divide(20));

-		jButton.widthProperty().bind(this.getScene().getWindow().heightProperty().add(this.getScene().getWindow().widthProperty()).divide(20));

-		jButton.arcHeightProperty().bind(this.getScene().getWindow().heightProperty().add(this.getScene().getWindow().widthProperty()).divide(100));

-		jButton.arcWidthProperty().bind(this.getScene().getWindow().heightProperty().add(this.getScene().getWindow().widthProperty()).divide(100));

-		jButton.strokeWidthProperty().bind(this.getScene().getWindow().heightProperty().add(this.getScene().getWindow().widthProperty()).divide(420));

+		jButton.heightProperty().bind(this.getScene().getWindow().widthProperty().divide(12));

+		jButton.widthProperty().bind(this.getScene().getWindow().widthProperty().divide(12));

+		jButton.arcHeightProperty().bind(this.getScene().getWindow().widthProperty().divide(50));

+		jButton.arcWidthProperty().bind(this.getScene().getWindow().widthProperty().divide(50));

+		jButton.strokeWidthProperty().bind(this.getScene().getWindow().widthProperty().divide(210));

 		jButton.setOnKeyPressed(e -> { 

 			if (e.getCode() == KeyCode.J) {

 				System.out.println("J");

@@ -87,29 +82,49 @@ public class newSongPlayer extends Pane
 		});

 		

 		TButton kButton = new TButton(Color.YELLOW, 50, 50, 5);

-		kButton.heightProperty().bind(this.getScene().getWindow().heightProperty().add(this.getScene().getWindow().widthProperty()).divide(20));

-		kButton.widthProperty().bind(this.getScene().getWindow().heightProperty().add(this.getScene().getWindow().widthProperty()).divide(20));

-		kButton.arcHeightProperty().bind(this.getScene().getWindow().heightProperty().add(this.getScene().getWindow().widthProperty()).divide(100));

-		kButton.arcWidthProperty().bind(this.getScene().getWindow().heightProperty().add(this.getScene().getWindow().widthProperty()).divide(100));

-		kButton.strokeWidthProperty().bind(this.getScene().getWindow().heightProperty().add(this.getScene().getWindow().widthProperty()).divide(420));

+		kButton.heightProperty().bind(this.getScene().getWindow().widthProperty().divide(12));

+		kButton.widthProperty().bind(this.getScene().getWindow().widthProperty().divide(12));

+		kButton.arcHeightProperty().bind(this.getScene().getWindow().widthProperty().divide(50));

+		kButton.arcWidthProperty().bind(this.getScene().getWindow().widthProperty().divide(50));

+		kButton.strokeWidthProperty().bind(this.getScene().getWindow().widthProperty().divide(210));

 		kButton.setOnKeyPressed(e -> { 

 			if (e.getCode() == KeyCode.K) {

 				System.out.println("K");

 			}

 		});

 		

+		//StackPane dButtonComplete = new StackPane();

+		//dButtonComplete.getChildren().addAll(dButtonText, dButton);

 		

 		HBox buttonBox = new HBox();

-		buttonBox.setAlignment(Pos.CENTER_LEFT);

+		

+		buttonBox.setStyle("-fx-padding: 0;" + "-fx-border-style: solid inside;"

+		        + "-fx-border-width: 0;" + "-fx-border-insets: 20;"

+		        + "-fx-border-radius: 0;" + "-fx-border-color: black;"

+		        + "-fx-background-color: black;" + "-fx-opacity: 0.67;");

+		buttonBox.setAlignment(Pos.CENTER);

 	    buttonBox.getChildren().addAll(dButton, fButton, sButton, jButton, kButton);

 	    buttonBox.setSpacing(10);

 	    

-	    VBox root = new VBox();

-	    root.setAlignment(Pos.CENTER);

-	    root.getChildren().addAll(buttonBox);

-	    root.setSpacing(10);

+	    VBox polish = new VBox();

+	    polish.prefHeightProperty().bind(this.getScene().heightProperty());

+	    polish.getChildren().addAll(field);

+	    polish.setAlignment(Pos.TOP_CENTER);

+	    

+	    VBox place = new VBox();

+		place.prefWidthProperty().bind(this.getScene().widthProperty());

+		place.prefHeightProperty().bind(this.getScene().heightProperty());

+	    //root.setStyle("-fx-padding: 0;" + "-fx-border-style: solid inside;"

+		//        + "-fx-border-width: 2;" + "-fx-border-insets: 0;"

+		//        + "-fx-border-radius: 2;" + "-fx-border-color: red;");

+	    place.setAlignment(Pos.BOTTOM_CENTER);

+	    place.getChildren().addAll(buttonBox);

+	    place.setSpacing(10);

 	    

+	    StackPane root = new StackPane();

+	    root.getChildren().addAll(polish, place);

 	    

         super.getChildren().add(root);

+        

 	}

 }