Aleandro/Progetto-ingegneria-del-software
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Login remake final

Browse Source
This commit is contained in:
AleandroPagani
2026-05-20 18:08:42 +02:00
parent 2157925746
commit 506def6ffa
2 changed files with 18 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/GUIScene/login.fxml
+14 -19
View File
@@ -3,17 +3,13 @@
<?import javafx.scene.control.*?> <?import javafx.scene.control.*?>
<?import javafx.geometry.*?> <?import javafx.geometry.*?>
<?import javafx.scene.image.ImageView?> <?import javafx.scene.image.ImageView?>
<?import java.net.URL?>
<StackPane xmlns="http://javafx.com/javafx/21" <StackPane xmlns="http://javafx.com/javafx/21"
xmlns:fx="http://javafx.com/fxml/1" xmlns:fx="http://javafx.com/fxml/1"
fx:controller="it.polimi.ingsw.gc14.View.GUI.LoginFXMLController" fx:controller="it.polimi.ingsw.gc14.View.GUI.LoginFXMLController"
prefWidth="1280" prefHeight="720" prefWidth="1280" prefHeight="720"
style="-fx-background-color: #09060300;"> style="-fx-background-color: #09060300;"
stylesheets="@styles.css">
<stylesheets>
<URL value="@styles.css" />
</stylesheets>
<ImageView fx:id="backgroundImage" fitWidth="1920" fitHeight="1080" preserveRatio="false"/> <ImageView fx:id="backgroundImage" fitWidth="1920" fitHeight="1080" preserveRatio="false"/>
@@ -52,7 +48,7 @@
<!-- Title --> <!-- Title -->
<Label text="MESOS" <Label text="MESOS"
style="-fx-font-family: 'Inknut Antiqua'; -fx-font-size: 24; -fx-font-weight: bold; style="-fx-font-family: 'Cinzel Decorative'; -fx-font-size: 28; -fx-font-weight: bold;
-fx-text-fill: #f4c05a; -fx-text-fill: #f4c05a;
-fx-effect: dropshadow(gaussian, rgba(244,192,90,0.4), 28, 0, 0, 0);"> -fx-effect: dropshadow(gaussian, rgba(244,192,90,0.4), 28, 0, 0, 0);">
<VBox.margin><Insets bottom="4"/></VBox.margin> <VBox.margin><Insets bottom="4"/></VBox.margin>
@@ -66,12 +62,12 @@
<!-- Username --> <!-- Username -->
<Label text="USERNAME" <Label text="USERNAME"
style="-fx-font-family: 'Inknut Antiqua'; -fx-font-size: 9; -fx-letter-spacing: 2; style="-fx-font-family: 'Cinzel'; -fx-font-size: 9; -fx-letter-spacing: 3;
-fx-text-fill: rgba(244,192,90,0.7);"> -fx-text-fill: rgba(244,192,90,0.7);">
<VBox.margin><Insets bottom="6"/></VBox.margin> <VBox.margin><Insets bottom="6"/></VBox.margin>
</Label> </Label>
<TextField fx:id="campoNome" promptText="Enter your name" <TextField fx:id="campoNome" promptText="Enter your name"
style="-fx-font-family: 'Inknut Antiqua'; -fx-font-size: 11; style="-fx-font-family: 'Cinzel'; -fx-font-size: 12;
-fx-text-fill: #f0e0c0; -fx-prompt-text-fill: rgba(200,150,80,0.45); -fx-text-fill: #f0e0c0; -fx-prompt-text-fill: rgba(200,150,80,0.45);
-fx-background-color: rgba(244,192,90,0.07); -fx-background-color: rgba(244,192,90,0.07);
-fx-border-color: rgba(200,120,20,0.45); -fx-border-width: 0 0 1 0; -fx-border-color: rgba(200,120,20,0.45); -fx-border-width: 0 0 1 0;
@@ -82,12 +78,12 @@
<!-- Num players --> <!-- Num players -->
<Label text="NUMBER OF PLAYERS" <Label text="NUMBER OF PLAYERS"
style="-fx-font-family: 'Inknut Antiqua'; -fx-font-size: 9; -fx-letter-spacing: 2; style="-fx-font-family: 'Cinzel'; -fx-font-size: 9; -fx-letter-spacing: 3;
-fx-text-fill: rgba(244,192,90,0.7);"> -fx-text-fill: rgba(244,192,90,0.7);">
<VBox.margin><Insets bottom="6"/></VBox.margin> <VBox.margin><Insets bottom="6"/></VBox.margin>
</Label> </Label>
<TextField fx:id="campoNumPlayers" promptText="2 – 5" <TextField fx:id="campoNumPlayers" promptText="2 – 5"
style="-fx-font-family: 'Inknut Antiqua'; -fx-font-size: 11; style="-fx-font-family: 'Cinzel'; -fx-font-size: 12;
-fx-text-fill: #f0e0c0; -fx-prompt-text-fill: rgba(200,150,80,0.45); -fx-text-fill: #f0e0c0; -fx-prompt-text-fill: rgba(200,150,80,0.45);
-fx-background-color: rgba(244,192,90,0.07); -fx-background-color: rgba(244,192,90,0.07);
-fx-border-color: rgba(200,120,20,0.45); -fx-border-width: 0 0 1 0; -fx-border-color: rgba(200,120,20,0.45); -fx-border-width: 0 0 1 0;
@@ -98,12 +94,12 @@
<!-- Server IP --> <!-- Server IP -->
<Label text="SERVER IP" <Label text="SERVER IP"
style="-fx-font-family: 'Inknut Antiqua'; -fx-font-size: 9; -fx-letter-spacing: 2; style="-fx-font-family: 'Cinzel'; -fx-font-size: 9; -fx-letter-spacing: 3;
-fx-text-fill: rgba(244,192,90,0.7);"> -fx-text-fill: rgba(244,192,90,0.7);">
<VBox.margin><Insets bottom="6"/></VBox.margin> <VBox.margin><Insets bottom="6"/></VBox.margin>
</Label> </Label>
<TextField fx:id="campoIP" promptText="localhost" <TextField fx:id="campoIP" promptText="localhost"
style="-fx-font-family: 'Inknut Antiqua'; -fx-font-size: 11; style="-fx-font-family: 'Cinzel'; -fx-font-size: 12;
-fx-text-fill: #f0e0c0; -fx-prompt-text-fill: rgba(200,150,80,0.45); -fx-text-fill: #f0e0c0; -fx-prompt-text-fill: rgba(200,150,80,0.45);
-fx-background-color: rgba(244,192,90,0.07); -fx-background-color: rgba(244,192,90,0.07);
-fx-border-color: rgba(200,120,20,0.45); -fx-border-width: 0 0 1 0; -fx-border-color: rgba(200,120,20,0.45); -fx-border-width: 0 0 1 0;
@@ -114,7 +110,7 @@
<!-- Protocol toggle --> <!-- Protocol toggle -->
<Label text="PROTOCOL" <Label text="PROTOCOL"
style="-fx-font-family: 'Inknut Antiqua'; -fx-font-size: 9; -fx-letter-spacing: 2; style="-fx-font-family: 'Cinzel'; -fx-font-size: 9; -fx-letter-spacing: 3;
-fx-text-fill: rgba(244,192,90,0.7);"> -fx-text-fill: rgba(244,192,90,0.7);">
<VBox.margin><Insets bottom="8"/></VBox.margin> <VBox.margin><Insets bottom="8"/></VBox.margin>
</Label> </Label>
@@ -129,8 +125,7 @@
-fx-background-radius: 2;" -fx-background-radius: 2;"
StackPane.alignment="CENTER_LEFT"/> StackPane.alignment="CENTER_LEFT"/>
<HBox prefWidth="220" prefHeight="36"> <HBox prefWidth="220" prefHeight="36">
<!-- RMI parte attivo di default, usiamo la classe registrata --> <Label fx:id="labelRMI" text="RMI" prefWidth="110" maxWidth="110" prefHeight="36" alignment="CENTER"
<Label fx:id="labelRMI" text="RMI" prefWidth="110" prefHeight="36" alignment="CENTER"
styleClass="toggle-label"/> styleClass="toggle-label"/>
<Label fx:id="labelTCP" text="TCP" prefWidth="110" prefHeight="36" alignment="CENTER" <Label fx:id="labelTCP" text="TCP" prefWidth="110" prefHeight="36" alignment="CENTER"
styleClass="toggle-label"/> styleClass="toggle-label"/>
@@ -139,15 +134,15 @@
<!-- Error label --> <!-- Error label -->
<Label fx:id="labelErrore" maxWidth="Infinity" wrapText="true" textAlignment="CENTER" <Label fx:id="labelErrore" maxWidth="Infinity" wrapText="true" textAlignment="CENTER"
style="-fx-font-family: 'Inknut Antiqua'; -fx-font-size: 10; -fx-text-fill: #e05050; style="-fx-font-family: 'Cinzel'; -fx-font-size: 10; -fx-text-fill: #e05050;
-fx-min-height: 18;"> -fx-min-height: 18;">
<VBox.margin><Insets bottom="16"/></VBox.margin> <VBox.margin><Insets bottom="16"/></VBox.margin>
</Label> </Label>
<!-- Connect button --> <!-- Connect button -->
<Button fx:id="btnAccedi" text="CONNECT" maxWidth="Infinity" <Button fx:id="btnAccedi" text="CONNECT" maxWidth="Infinity"
style="-fx-font-family: 'Inknut Antiqua'; -fx-font-size: 11; -fx-font-weight: bold; style="-fx-font-family: 'Cinzel'; -fx-font-size: 12; -fx-font-weight: bold;
-fx-letter-spacing: 3; -fx-text-fill: #0c0601; -fx-letter-spacing: 4; -fx-text-fill: #0c0601;
-fx-background-color: linear-gradient(to right, #f4c05a, #c8791a, #f4c05a); -fx-background-color: linear-gradient(to right, #f4c05a, #c8791a, #f4c05a);
-fx-padding: 13 48 13 48; -fx-background-radius: 2; -fx-padding: 13 48 13 48; -fx-background-radius: 2;
-fx-cursor: hand;"/> -fx-cursor: hand;"/>
src/main/resources/GUIScene/styles.css
+4 -27
View File
@@ -68,39 +68,13 @@
-fx-background-color: #b42224; -fx-background-color: #b42224;
} }
/* Registrazione Font */
@font-face {
font-family: 'Inknut Antiqua';
src: url('../Fonts/InknutAntiqua-Regular.ttf');
}
@font-face {
font-family: 'Inknut Antiqua';
font-weight: bold;
src: url('../Fonts/InknutAntiqua-Bold.ttf');
}
.font-inknut-title {
-fx-font-family: 'Inknut Antiqua';
-fx-font-weight: bold;
-fx-font-size: 24;
}
.font-inknut-normal {
-fx-font-family: 'Inknut Antiqua';
}
.button:hover {
-fx-effect: dropshadow(gaussian, rgba(244,192,90,0.45), 18, 0, 0, 0);
}
/* ========================================== /* ==========================================
NUOVI STILI AGGIUNTI PER IL TOGGLE NUOVI STILI AGGIUNTI PER IL TOGGLE
========================================== */ ========================================== */
/* Struttura base fissa dei label RMI e TCP per evitare modifiche di layout */ /* Struttura base fissa dei label RMI e TCP per evitare modifiche di layout */
.toggle-label { .toggle-label {
-fx-font-family: 'Inknut Antiqua'; -fx-font-family: 'Cinzel';
-fx-font-size: 11px; -fx-font-size: 11px;
-fx-font-weight: bold; -fx-font-weight: bold;
-fx-text-fill: rgba(244,192,90,0.55); /* Colore non attivo (dorato trasparente) */ -fx-text-fill: rgba(244,192,90,0.55); /* Colore non attivo (dorato trasparente) */
@@ -108,5 +82,8 @@
/* Stato attivo del protocollo selezionato */ /* Stato attivo del protocollo selezionato */
.toggle-label:active-protocol { .toggle-label:active-protocol {
-fx-font-family: 'Cinzel';
-fx-font-size: 11px;
-fx-font-weight: bold;
-fx-text-fill: #0c0601; /* Grigio scurissimo/nero sul cursore luminoso */ -fx-text-fill: #0c0601; /* Grigio scurissimo/nero sul cursore luminoso */
} }