Updated: Totem CHoice fxml and controller

2026-05-15 15:11:07 +02:00
parent f965e8ee60
commit dbcefe254b
4 changed files with 265 additions and 15 deletions
@@ -1,6 +1,81 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.*?>
+<?import javafx.scene.control.*?>
+<?import javafx.scene.text.*?>
+<?import javafx.geometry.*?>

+<?import javafx.scene.image.ImageView?>
+<?import javafx.scene.image.Image?>
+<StackPane xmlns="http://javafx.com/javafx/21"
+           xmlns:fx="http://javafx.com/fxml/1"
+           fx:controller="it.polimi.ingsw.gc14.View.GUI.TotemFXMLController"
+           prefWidth="1280" prefHeight="720"
+           style="-fx-background-color: #09060300;">
+    <ImageView fx:id="backgroundImage" fitWidth="1920" fitHeight="1080" preserveRatio="false">
+    </ImageView>

-<HBox fx:id="mainHBox" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/26" xmlns:fx="http://javafx.com/fxml/1" fx:controller="it.polimi.ingsw.gc14.View.GUI.TotemFXMLController">
-</HBox>
+    <Region fx:id="cornerTL" prefWidth="52" prefHeight="52"
+            style="-fx-border-color: rgba(200,120,20,0.35); -fx-border-width: 1.5 0 0 1.5;"
+            StackPane.alignment="TOP_LEFT">
+        <StackPane.margin><Insets top="18" left="18"/></StackPane.margin>
+    </Region>
+    <Region fx:id="cornerTR" prefWidth="52" prefHeight="52"
+            style="-fx-border-color: rgba(200,120,20,0.35); -fx-border-width: 1.5 1.5 0 0;"
+            StackPane.alignment="TOP_RIGHT">
+        <StackPane.margin><Insets top="18" right="18"/></StackPane.margin>
+    </Region>
+    <Region fx:id="cornerBL" prefWidth="52" prefHeight="52"
+            style="-fx-border-color: rgba(200,120,20,0.35); -fx-border-width: 0 0 1.5 1.5;"
+            StackPane.alignment="BOTTOM_LEFT">
+        <StackPane.margin><Insets bottom="18" left="18"/></StackPane.margin>
+    </Region>
+    <Region fx:id="cornerBR" prefWidth="52" prefHeight="52"
+            style="-fx-border-color: rgba(200,120,20,0.35); -fx-border-width: 0 1.5 1.5 0;"
+            StackPane.alignment="BOTTOM_RIGHT">
+        <StackPane.margin><Insets bottom="18" right="18"/></StackPane.margin>
+    </Region>
+
+    <VBox alignment="CENTER" spacing="0" StackPane.alignment="CENTER">
+        <padding><Insets top="40" bottom="40" left="40" right="40"/></padding>
+
+        <!-- Banner turno -->
+        <Label fx:id="turnBanner" maxWidth="640" wrapText="true" textAlignment="CENTER"
+               style="-fx-font-family: 'Cinzel'; -fx-font-size: 12; -fx-letter-spacing: 3;
+                      -fx-padding: 10 28 10 28; -fx-background-radius: 3; -fx-border-radius: 3;">
+            <VBox.margin><Insets bottom="20"/></VBox.margin>
+        </Label>
+
+        <Label text="Pre game totem choosing stage"
+               style="-fx-font-family: 'Cinzel'; -fx-font-size: 10; -fx-text-fill: #9a5c14;
+                      -fx-letter-spacing: 5;"/>
+
+        <Label text="Choice your totem"
+               style="-fx-font-family: 'Cinzel Decorative'; -fx-font-size: 30; -fx-font-weight: bold;
+                      -fx-text-fill: #f4c05a;
+                      -fx-effect: dropshadow(gaussian, rgba(244,192,90,0.4), 30, 0, 0, 0);">
+            <VBox.margin><Insets top="6"/></VBox.margin>
+        </Label>
+
+        <Region prefHeight="1" prefWidth="260"
+                style="-fx-background-color: linear-gradient(to right, transparent, #c8791a, #f4c05a, #c8791a, transparent);">
+            <VBox.margin><Insets top="14" bottom="24"/></VBox.margin>
+        </Region>
+
+        <HBox fx:id="mainHBox" alignment="CENTER" spacing="20">
+            <VBox.margin><Insets bottom="18"/></VBox.margin>
+        </HBox>
+
+        <Label fx:id="selectedLabel" text=""
+               style="-fx-font-family: 'Cinzel'; -fx-font-size: 10; -fx-text-fill: rgba(200,120,20,0.75);
+                      -fx-letter-spacing: 3;">
+            <VBox.margin><Insets bottom="10"/></VBox.margin>
+        </Label>
+
+        <Button fx:id="confirmButton" text="CONFIRM" onAction="#onConfirm" disable="true"
+                style="-fx-font-family: 'Cinzel'; -fx-font-size: 12; -fx-font-weight: bold;
+                       -fx-letter-spacing: 4; -fx-text-fill: #0c0601;
+                       -fx-background-color: linear-gradient(to right, #f4c05a, #c8791a, #f4c05a);
+                       -fx-padding: 12 48 12 48; -fx-background-radius: 2; -fx-opacity: 0.3;
+                       -fx-cursor: default;"/>
+    </VBox>
+</StackPane>