[WIP] Added wind image to the bottom left of the race view.

tags: #story[1245]
This commit is contained in:
Haoming Yin
2017-09-12 15:52:22 +12:00
parent bc9f0ea924
commit 99f38fa05f
5 changed files with 40 additions and 3 deletions
Binary file not shown.
+12 -1
View File
@@ -1,10 +1,17 @@
@font-face {
src: url("DJB-Get-Digital.ttf");
}
#timerGrid{
-fx-background-color: rgba(255, 255, 255, 0.6);
}
.timer Label {
-fx-font-family: "DJB Get Digital" !important;
}
#timerLabel{
-fx-font-size: 21px;
-fx-font-family: "Baloo";
}
#raceInfoArea{
@@ -34,4 +41,8 @@
-jfx-focus-color: -fx-pp-light-theme-color;
-jfx-unfocus-color: -fx-pp-dark-text-color;
-fx-background-color: transparent;
}
#windImageView {
-fx-image: url("/images/wind.png");
}
Binary file not shown.

After

Width:  |  Height:  |  Size: 9.3 KiB

+24 -2
View File
@@ -40,7 +40,7 @@
vgrow="SOMETIMES"/>
</rowConstraints>
<children>
<GridPane id="timerGrid" fx:id="timerGrid" prefWidth="192.0">
<GridPane id="timerGrid" fx:id="timerGrid" prefWidth="192.0" styleClass=".timer">
<columnConstraints>
<ColumnConstraints hgrow="SOMETIMES" maxWidth="50.0" minWidth="50.0"
prefWidth="50.0"/>
@@ -122,7 +122,29 @@
</GridPane.margin>
</JFXTextField>
</children>
</GridPane>
</GridPane>
<GridPane GridPane.halignment="CENTER" GridPane.rowIndex="2"
GridPane.valignment="BOTTOM">
<columnConstraints>
<ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0"/>
<ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0"/>
</columnConstraints>
<rowConstraints>
<RowConstraints maxHeight="100.0" minHeight="100.0" prefHeight="100.0"
vgrow="SOMETIMES"/>
<RowConstraints maxHeight="100.0" minHeight="100.0" prefHeight="100.0"
vgrow="SOMETIMES"/>
<RowConstraints maxHeight="30.0" minHeight="30.0" prefHeight="30.0"
vgrow="SOMETIMES"/>
</rowConstraints>
<children>
<ImageView fx:id="windImageView" fitHeight="92.0" fitWidth="109.0"
pickOnBounds="true" preserveRatio="true" GridPane.halignment="CENTER"
GridPane.rowIndex="1" GridPane.valignment="CENTER"/>
<Label fx:id="windLabel" text="112d 11.5knot" GridPane.halignment="CENTER"
GridPane.rowIndex="2" GridPane.valignment="CENTER"/>
</children>
</GridPane>
</children>
</GridPane>
</children>