style: update button styles and background colors for improved UI consistency
This commit is contained in:
Dominik Krenn
parent
2f80195a7d
commit
fb05209009
@ -9,14 +9,26 @@
|
||||
<?import javafx.scene.layout.RowConstraints?>
|
||||
<?import javafx.scene.layout.VBox?>
|
||||
|
||||
<TitledPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="600.0" prefWidth="675.0" xmlns="http://javafx.com/javafx/24.0.1" xmlns:fx="http://javafx.com/fxml/1">
|
||||
<TitledPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity"
|
||||
prefHeight="600.0" prefWidth="675.0"
|
||||
xmlns="http://javafx.com/javafx/24.0.1"
|
||||
xmlns:fx="http://javafx.com/fxml/1"
|
||||
style="-fx-background-color: #121212;">
|
||||
<content>
|
||||
<VBox maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="450.0" prefWidth="600.0">
|
||||
<VBox maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity"
|
||||
prefHeight="450.0" prefWidth="600.0"
|
||||
style="-fx-background-color: #121212;">
|
||||
<children>
|
||||
<Label fx:id="label" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="80.0" prefWidth="584.0" text="Label" />
|
||||
<HBox prefHeight="450.0" prefWidth="675.0">
|
||||
<Label fx:id="label" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity"
|
||||
prefHeight="80.0" prefWidth="584.0" text="Label"
|
||||
style="-fx-text-fill: white; -fx-font-size: 20px; -fx-font-weight: bold;"/>
|
||||
<HBox prefHeight="450.0" prefWidth="675.0"
|
||||
style="-fx-background-color: #121212;">
|
||||
<children>
|
||||
<GridPane maxWidth="1.7976931348623157E308" prefHeight="282.0" prefWidth="595.0">
|
||||
<GridPane maxWidth="1.7976931348623157E308"
|
||||
prefHeight="282.0" prefWidth="595.0"
|
||||
style="-fx-background-color: #121212;"
|
||||
hgap="5" vgap="5">
|
||||
<columnConstraints>
|
||||
<ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
|
||||
<ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
|
||||
@ -31,25 +43,82 @@
|
||||
<RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
|
||||
</rowConstraints>
|
||||
<children>
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="Button" GridPane.rowIndex="1" />
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="8" GridPane.columnIndex="1" GridPane.rowIndex="1" />
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="9" GridPane.columnIndex="2" GridPane.rowIndex="1" />
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" prefHeight="0.0" prefWidth="100.0" text="+" GridPane.columnIndex="3" GridPane.rowIndex="1" GridPane.rowSpan="2" />
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="4" GridPane.rowIndex="2" />
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="5" GridPane.columnIndex="1" GridPane.rowIndex="2" />
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="7" GridPane.rowIndex="1" />
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="6" GridPane.columnIndex="2" GridPane.rowIndex="2" />
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="1" GridPane.rowIndex="3" />
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="2" GridPane.columnIndex="1" GridPane.rowIndex="3" />
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="3" GridPane.columnIndex="2" GridPane.rowIndex="3" />
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="=" GridPane.columnIndex="3" GridPane.rowIndex="3" GridPane.rowSpan="2" />
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="0" GridPane.rowIndex="4" />
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="." GridPane.columnIndex="1" GridPane.rowIndex="4" />
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="+/-" GridPane.columnIndex="2" GridPane.rowIndex="4" />
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="CLR" />
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="/" GridPane.columnIndex="1" />
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="*" GridPane.columnIndex="2" />
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onMouseClicked="#button_click" text="-" GridPane.columnIndex="3" />
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
|
||||
mnemonicParsing="false" onMouseClicked="#button_click" text="Button"
|
||||
GridPane.rowIndex="1"
|
||||
style="-fx-background-color: #222222; -fx-text-fill: white;"/>
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
|
||||
mnemonicParsing="false" onMouseClicked="#button_click" text="8"
|
||||
GridPane.columnIndex="1" GridPane.rowIndex="1"
|
||||
style="-fx-background-color: #222222; -fx-text-fill: white;"/>
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
|
||||
mnemonicParsing="false" onMouseClicked="#button_click" text="9"
|
||||
GridPane.columnIndex="2" GridPane.rowIndex="1"
|
||||
style="-fx-background-color: #222222; -fx-text-fill: white;"/>
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
|
||||
mnemonicParsing="false" onMouseClicked="#button_click"
|
||||
prefHeight="0.0" prefWidth="100.0" text="+"
|
||||
GridPane.columnIndex="3" GridPane.rowIndex="1" GridPane.rowSpan="2"
|
||||
style="-fx-background-color: #e94f1d; -fx-text-fill: white; -fx-font-weight: bold;"/>
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
|
||||
mnemonicParsing="false" onMouseClicked="#button_click" text="4"
|
||||
GridPane.rowIndex="2"
|
||||
style="-fx-background-color: #222222; -fx-text-fill: white;"/>
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
|
||||
mnemonicParsing="false" onMouseClicked="#button_click" text="5"
|
||||
GridPane.columnIndex="1" GridPane.rowIndex="2"
|
||||
style="-fx-background-color: #222222; -fx-text-fill: white;"/>
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
|
||||
mnemonicParsing="false" onMouseClicked="#button_click" text="7"
|
||||
GridPane.rowIndex="1"
|
||||
style="-fx-background-color: #222222; -fx-text-fill: white;"/>
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
|
||||
mnemonicParsing="false" onMouseClicked="#button_click" text="6"
|
||||
GridPane.columnIndex="2" GridPane.rowIndex="2"
|
||||
style="-fx-background-color: #222222; -fx-text-fill: white;"/>
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
|
||||
mnemonicParsing="false" onMouseClicked="#button_click" text="1"
|
||||
GridPane.rowIndex="3"
|
||||
style="-fx-background-color: #222222; -fx-text-fill: white;"/>
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
|
||||
mnemonicParsing="false" onMouseClicked="#button_click" text="2"
|
||||
GridPane.columnIndex="1" GridPane.rowIndex="3"
|
||||
style="-fx-background-color: #222222; -fx-text-fill: white;"/>
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
|
||||
mnemonicParsing="false" onMouseClicked="#button_click" text="3"
|
||||
GridPane.columnIndex="2" GridPane.rowIndex="3"
|
||||
style="-fx-background-color: #222222; -fx-text-fill: white;"/>
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
|
||||
mnemonicParsing="false" onMouseClicked="#button_click" text="="
|
||||
GridPane.columnIndex="3" GridPane.rowIndex="3" GridPane.rowSpan="2"
|
||||
style="-fx-background-color: #e94f1d; -fx-text-fill: white; -fx-font-weight: bold;"/>
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
|
||||
mnemonicParsing="false" onMouseClicked="#button_click" text="0"
|
||||
GridPane.rowIndex="4"
|
||||
style="-fx-background-color: #222222; -fx-text-fill: white;"/>
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
|
||||
mnemonicParsing="false" onMouseClicked="#button_click" text="."
|
||||
GridPane.columnIndex="1" GridPane.rowIndex="4"
|
||||
style="-fx-background-color: #222222; -fx-text-fill: white;"/>
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
|
||||
mnemonicParsing="false" onMouseClicked="#button_click" text="+/-"
|
||||
GridPane.columnIndex="2" GridPane.rowIndex="4"
|
||||
style="-fx-background-color: #222222; -fx-text-fill: white;"/>
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
|
||||
mnemonicParsing="false" onMouseClicked="#button_click" text="CLR"
|
||||
style="-fx-background-color: #e94f1d; -fx-text-fill: white; -fx-font-weight: bold;"/>
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
|
||||
mnemonicParsing="false" onMouseClicked="#button_click" text="/"
|
||||
GridPane.columnIndex="1"
|
||||
style="-fx-background-color: #333333; -fx-text-fill: white;"/>
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
|
||||
mnemonicParsing="false" onMouseClicked="#button_click" text="*"
|
||||
GridPane.columnIndex="2"
|
||||
style="-fx-background-color: #333333; -fx-text-fill: white;"/>
|
||||
<Button maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
|
||||
mnemonicParsing="false" onMouseClicked="#button_click" text="-"
|
||||
GridPane.columnIndex="3"
|
||||
style="-fx-background-color: #333333; -fx-text-fill: white;"/>
|
||||
</children>
|
||||
</GridPane>
|
||||
</children>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user