Added splash screen image and better splash styling.

This commit is contained in:
Andrew Lalis 2023-12-14 20:09:33 -05:00
parent f6dbc50155
commit 050f9c8a6b
6 changed files with 103 additions and 11 deletions

59
design/splash-screen.svg Normal file
View File

@ -0,0 +1,59 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="400"
height="200"
viewBox="0 0 105.83333 52.916666"
version="1.1"
id="svg1"
inkscape:version="1.3.2 (1:1.3.2+202311252150+091e20ef0f)"
sodipodi:docname="splash-screen.svg"
inkscape:export-filename="../src/main/resources/images/splash-screen.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview1"
pagecolor="#505050"
bordercolor="#ffffff"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="1"
inkscape:deskcolor="#505050"
inkscape:document-units="px"
inkscape:zoom="2.0863221"
inkscape:cx="182.37836"
inkscape:cy="101.13491"
inkscape:window-width="1920"
inkscape:window-height="1025"
inkscape:window-x="1080"
inkscape:window-y="470"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" />
<defs
id="defs1" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
<rect
style="fill:#354427;stroke-width:1.27;fill-opacity:1"
id="rect1"
width="105.83333"
height="52.916664"
x="0"
y="0" />
<ellipse
style="fill:#363636;fill-opacity:1;stroke-width:1.27"
id="path1"
cx="105.83333"
cy="2.2747312"
rx="39.789673"
ry="24.084095" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -34,7 +34,7 @@ public class StartupSplashScreenController {
}
printlnLater("Perfin initialized. Starting the app now.");
Thread.sleep(2000);
Thread.sleep(50000);
Platform.runLater(() -> getSplashStage().setDone());
} catch (Exception e) {

View File

@ -3,6 +3,9 @@ package com.andrewlalis.perfin.view;
import javafx.beans.property.SimpleObjectProperty;
import javafx.beans.value.ObservableValue;
import javafx.scene.Scene;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;
import javafx.stage.Modality;
import javafx.stage.Stage;
import javafx.stage.StageStyle;

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@ -0,0 +1,31 @@
#sceneRoot {
-fx-background-image: url("images/splash-screen.png");
-fx-background-repeat: stretch;
-fx-background-size: 400 200;
-fx-background-color: transparent;
-fx-padding: 10;
}
#content {
-fx-font-family: monospace;
-fx-font-size: small;
-fx-background-insets: 0;
-fx-background-color: transparent;
-fx-border-style: none;
-fx-border-color: transparent;
-fx-text-fill: white;
-fx-padding: 0;
}
#content .content {
-fx-background-color: transparent;
-fx-padding: 0;
}
#content .scroll-pane .viewport {
-fx-background-color: transparent;
}
#content .scroll-pane .content {
-fx-background-color: transparent;
}

View File

@ -1,17 +1,16 @@
<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.geometry.Insets?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.TextArea?>
<?import javafx.scene.layout.BorderPane?>
<BorderPane fx:id="sceneRoot" prefHeight="200" prefWidth="400" xmlns="http://javafx.com/javafx/17.0.2-ea" xmlns:fx="http://javafx.com/fxml/1" fx:controller="com.andrewlalis.perfin.control.StartupSplashScreenController">
<padding><Insets top="10" bottom="10" left="10" right="10"/></padding>
<top>
<Label BorderPane.alignment="CENTER_LEFT" style="-fx-font-weight: bold; -fx-font-size: large;">Perfin is starting up...</Label>
</top>
<BorderPane
fx:id="sceneRoot"
prefHeight="200" prefWidth="400"
xmlns="http://javafx.com/javafx/17.0.2-ea"
xmlns:fx="http://javafx.com/fxml/1"
fx:controller="com.andrewlalis.perfin.control.StartupSplashScreenController"
stylesheets="/startup-splash-screen.css"
>
<center>
<TextArea fx:id="content" wrapText="true" editable="false" style="-fx-font-family: monospace" focusTraversable="false"/>
<TextArea fx:id="content" wrapText="true" editable="false" focusTraversable="false"/>
</center>
</BorderPane>