결과 화면
프로젝트 다운로드
프로젝트 구조
소스 코드
Main.Java
package com.ozxexe.dashboard;
import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.scene.paint.Color;
import javafx.stage.Stage;
import javafx.stage.StageStyle;
public class Main extends Application {
//define your offsets here
private double xOffset = 0;
private double yOffset = 0;
@Override
public void start(Stage primaryStage) throws Exception {
// Parent root = FXMLLoader.load(getClass().getResource("/com/ozxexe/dashboard/fxml/sampleFXML.fxml"));
Parent root = FXMLLoader.load(getClass().getResource("/com/ozxexe/dashboard/fxml/dashFXML.fxml"));
primaryStage.initStyle(StageStyle.TRANSPARENT);
//grab your root here
root.setOnMousePressed(event -> {
xOffset = event.getSceneX();
yOffset = event.getSceneY();
});
//move around here
root.setOnMouseDragged(event -> {
primaryStage.setX(event.getScreenX() - xOffset);
primaryStage.setY(event.getScreenY() - yOffset);
});
Scene scene = new Scene(root);
//set transparent
scene.setFill(Color.TRANSPARENT);
primaryStage.setScene(scene);
primaryStage.show();
}
public static void main(String[] args) {
launch(args);
}
}
Controller.java
package com.ozxexe.dashboard.controller;
public class Controller {
}
DashFX.java
package com.ozxexe.dashboard.controller;
public class DashFX {
}
dashFXML.fxml
<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.ComboBox?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.image.Image?>
<?import javafx.scene.image.ImageView?>
<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.layout.BorderPane?>
<?import javafx.scene.layout.Pane?>
<?import javafx.scene.layout.VBox?>
<?import javafx.scene.shape.Line?>
<?import javafx.scene.text.Font?>
<AnchorPane style="-fx-background-radius: 20;" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/11.0.1" fx:controller="com.ozxexe.dashboard.controller.DashFX">
<children>
<AnchorPane prefHeight="616.0" prefWidth="993.0" style="-fx-background-color: #030307; -fx-background-radius: 15;">
<children>
<Pane layoutX="590.0" layoutY="-1.0" prefHeight="93.0" prefWidth="405.0" style="-fx-background-radius: 20 20 0 0;" styleClass="linear-grad" stylesheets="@../css/fullpackstyling.css">
<children>
<ImageView fitHeight="38.0" fitWidth="34.0" layoutX="335.0" layoutY="14.0" pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@../resources/ic_usr.png" />
</image>
</ImageView>
<Label layoutX="167.0" layoutY="21.0" text="EARN MONEY" textFill="WHITE">
<font>
<Font size="18.0" />
</font>
</Label>
</children>
</Pane>
<VBox prefHeight="544.0" prefWidth="74.0" style="-fx-background-color: #131022; -fx-background-radius: 15 0 0 15;" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.topAnchor="0.0">
<children>
<Pane prefHeight="79.0" prefWidth="74.0" style="-fx-background-radius: 15 0 15 15;" />
<Button contentDisplay="TOP" mnemonicParsing="false" prefHeight="66.0" prefWidth="74.0" styleClass="button3" stylesheets="@../css/fullpackstyling.css" text="Profile" textFill="#a868a0">
<graphic>
<ImageView fitHeight="25.0" fitWidth="34.0" pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@../resources/cat.png" />
</image>
</ImageView>
</graphic>
</Button>
<Button contentDisplay="TOP" layoutX="10.0" layoutY="10.0" mnemonicParsing="false" prefHeight="66.0" prefWidth="74.0" styleClass="button3" stylesheets="@../css/fullpackstyling.css" text="Activity" textFill="#a868a0">
<graphic>
<ImageView fitHeight="25.0" fitWidth="34.0" pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@../resources/time.png" />
</image>
</ImageView>
</graphic>
</Button>
<Button contentDisplay="TOP" layoutX="10.0" layoutY="76.0" mnemonicParsing="false" prefHeight="66.0" prefWidth="74.0" styleClass="button3" stylesheets="@../css/fullpackstyling.css" text="Goals" textFill="#a868a0">
<graphic>
<ImageView fitHeight="25.0" fitWidth="34.0" pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@../resources/flag.png" />
</image>
</ImageView>
</graphic>
</Button>
<Button contentDisplay="TOP" layoutX="10.0" layoutY="142.0" mnemonicParsing="false" prefHeight="66.0" prefWidth="74.0" styleClass="button3" stylesheets="@../css/fullpackstyling.css" text="Mentors" textFill="#a868a0">
<graphic>
<ImageView fitHeight="25.0" fitWidth="34.0" pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@../resources/group.png" />
</image>
</ImageView>
</graphic>
</Button>
</children>
</VBox>
<AnchorPane layoutX="91.0" layoutY="69.0" prefHeight="531.0" prefWidth="886.0" style="-fx-background-color: #131022; -fx-background-radius: 10;" stylesheets="@../css/fullpackstyling.css">
<children>
<Label layoutX="39.0" layoutY="34.0" text="Buy Wow" textFill="WHITE">
<font>
<Font size="26.0" />
</font>
</Label>
<Label layoutX="157.0" layoutY="34.0" text="Gold" textFill="#fff600">
<font>
<Font size="26.0" />
</font>
</Label>
<Label layoutX="39.0" layoutY="81.0" text="The most sophisticated and efficient way of buying gold" textFill="WHITE">
<font>
<Font size="13.0" />
</font>
</Label>
<Label layoutX="39.0" layoutY="144.0" text="Select options in order to find the best offer" textFill="#9a9292">
<font>
<Font size="13.0" />
</font>
</Label>
<ComboBox layoutX="39.0" layoutY="186.0" prefHeight="29.0" prefWidth="155.0" styleClass="combo-box" stylesheets="@../css/fullpackstyling.css" />
<ComboBox layoutX="229.0" layoutY="186.0" prefHeight="29.0" prefWidth="179.0" styleClass="combo-box" stylesheets="@../css/fullpackstyling.css" />
<Pane layoutX="39.0" layoutY="324.0" prefHeight="66.0" prefWidth="472.0" style="-fx-background-color: #1A172A; -fx-background-radius: 10;">
<children>
<ImageView fitHeight="38.0" fitWidth="34.0" layoutX="14.0" layoutY="14.0" pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@../resources/eruro.png" />
</image>
</ImageView>
<Label layoutX="58.0" layoutY="14.0" text="QUANTITY TIPS:" textFill="#41951c">
<font>
<Font size="14.0" />
</font>
</Label>
<Label layoutX="58.0" layoutY="34.0" text="Save 0.03 per gold if you buy more 100 more gold" textFill="WHITE">
<font>
<Font size="13.0" />
</font>
</Label>
</children>
</Pane>
<Pane layoutX="39.0" layoutY="414.0" prefHeight="66.0" prefWidth="472.0" style="-fx-background-color: #1A172A; -fx-background-radius: 10;">
<children>
<ImageView fitHeight="38.0" fitWidth="34.0" layoutX="14.0" layoutY="19.0" pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@../resources/chart.png" />
</image>
</ImageView>
<Label layoutX="58.0" layoutY="9.0" text="TRACK PRICES" textFill="#41951c">
<font>
<Font size="14.0" />
</font>
</Label>
<Label layoutX="58.0" layoutY="27.0" text="Save this search and get a notification when price changes" textFill="WHITE">
<font>
<Font size="13.0" />
</font>
</Label>
</children>
</Pane>
<Pane layoutX="569.0" layoutY="46.0" prefHeight="297.0" prefWidth="270.0" style="-fx-background-radius: 20;" styleClass="linear-grad" stylesheets="@../css/fullpackstyling.css">
<children>
<Button layoutX="63.0" layoutY="285.0" mnemonicParsing="false" prefHeight="25.0" prefWidth="145.0" styleClass="button4" stylesheets="@../css/fullpackstyling.css" text="ADD TO CART" textFill="WHITE" />
<Label layoutX="54.0" layoutY="132.0" text="500 Gold" textFill="WHITE">
<font>
<Font size="36.0" />
</font>
</Label>
<ImageView fitHeight="38.0" fitWidth="34.0" layoutX="54.0" layoutY="208.0" pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@../resources/ic_usr.png" />
</image>
</ImageView>
<Label layoutX="95.0" layoutY="208.0" text="Jimm Falon" textFill="WHITE">
<font>
<Font size="13.0" />
</font>
</Label>
<Label layoutX="97.0" layoutY="225.0" text="1200 Sales" textFill="#b5adad">
<font>
<Font size="11.0" />
</font>
</Label>
<ImageView fitHeight="66.0" fitWidth="144.0" layoutX="102.0" layoutY="49.0" pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@../resources/eruro.png" />
</image>
</ImageView>
</children>
</Pane>
<Line endX="100.0" layoutX="445.0" layoutY="54.0" startX="100.0" startY="418.0" stroke="#b9b1b1" strokeDashOffset="2.0" />
<Label layoutX="569.0" layoutY="377.0" text="What is wow " textFill="WHITE">
<font>
<Font size="18.0" />
</font>
</Label>
<Label layoutX="675.0" layoutY="377.0" text="Gold?" textFill="#fff600">
<font>
<Font size="18.0" />
</font>
</Label>
<BorderPane layoutX="569.0" layoutY="404.0" prefHeight="66.0" prefWidth="270.0">
<top>
<Label alignment="CENTER" prefWidth="265.0" text="Mythic + dangerous 5 player dungeons where you must try to finish the run before a timer runs out. The time is applied to the dungeons you can play in normal/heroic/ mythic diff" textFill="#9a9292" wrapText="true" BorderPane.alignment="CENTER">
<font>
<Font size="13.0" />
</font>
</Label>
</top>
</BorderPane>
<Pane layoutX="39.0" layoutY="241.0" prefHeight="66.0" prefWidth="472.0" style="-fx-background-color: #1A172A; -fx-background-radius: 10;">
<children>
<ImageView fitHeight="38.0" fitWidth="34.0" layoutX="14.0" layoutY="14.0" pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@../resources/eruro.png" />
</image>
</ImageView>
<Label layoutX="58.0" layoutY="14.0" text="QUANTITY TIPS:" textFill="#41951c">
<font>
<Font size="14.0" />
</font>
</Label>
<Label layoutX="58.0" layoutY="34.0" text="Save 0.03 per gold if you buy more 100 more gold" textFill="WHITE">
<font>
<Font size="13.0" />
</font>
</Label>
</children>
</Pane>
</children>
</AnchorPane>
<ImageView fitHeight="38.0" fitWidth="34.0" layoutX="91.0" layoutY="21.0" pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@../resources/logo.png" />
</image>
</ImageView>
<Label layoutX="134.0" layoutY="29.0" text="KeepToo FX" textFill="WHITE">
<font>
<Font size="13.0" />
</font>
</Label>
</children>
</AnchorPane>
</children>
</AnchorPane>
sampleFXML.fxml
<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.geometry.Insets?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.image.Image?>
<?import javafx.scene.image.ImageView?>
<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.layout.Pane?>
<?import javafx.scene.layout.VBox?>
<?import javafx.scene.paint.LinearGradient?>
<?import javafx.scene.paint.Stop?>
<?import javafx.scene.shape.Circle?>
<?import javafx.scene.text.Font?>
<AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="649.0" prefWidth="1087.0" style="-fx-background-color: #2F2B43;" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/11.0.1" fx:controller="com.ozxexe.dashboard.controller.Controller">
<children>
<AnchorPane prefHeight="519.0" prefWidth="262.0" style="-fx-background-color: #393351;" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.topAnchor="0.0">
<children>
<VBox layoutY="160.0" prefHeight="356.0" prefWidth="262.0" AnchorPane.bottomAnchor="3.0" AnchorPane.leftAnchor="0.0" AnchorPane.topAnchor="160.0">
<children>
<Button alignment="BASELINE_LEFT" graphicTextGap="10.0" mnemonicParsing="false" prefHeight="49.0" prefWidth="262.0" styleClass="button1" stylesheets="@../css/fullpackstyling.css" text="Ben Affleck" textFill="WHITE">
<graphic>
<ImageView fitHeight="31.0" fitWidth="35.0" pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@../resources/ben-affleck.png" />
</image>
</ImageView>
</graphic>
<VBox.margin>
<Insets />
</VBox.margin>
<padding>
<Insets left="40.0" />
</padding></Button>
<Button alignment="BASELINE_LEFT" graphicTextGap="10.0" mnemonicParsing="false" prefHeight="49.0" prefWidth="262.0" styleClass="button1" stylesheets="@../css/fullpackstyling.css" text="Jimmy Mason" textFill="WHITE">
<graphic>
<ImageView fitHeight="31.0" fitWidth="35.0" pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@../resources/ic_usr.png" />
</image>
</ImageView>
</graphic>
<padding>
<Insets left="40.0" />
</padding>
</Button>
<Button alignment="BASELINE_LEFT" graphicTextGap="10.0" mnemonicParsing="false" prefHeight="49.0" prefWidth="262.0" styleClass="button1" stylesheets="@../css/fullpackstyling.css" text="Alex Mainman" textFill="WHITE">
<graphic>
<ImageView fitHeight="31.0" fitWidth="35.0" pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@../resources/profile-adam-levine.png" />
</image>
</ImageView>
</graphic>
<padding>
<Insets left="40.0" />
</padding>
</Button>
<Button alignment="BASELINE_LEFT" graphicTextGap="10.0" mnemonicParsing="false" prefHeight="49.0" prefWidth="262.0" styleClass="button1" stylesheets="@../css/fullpackstyling.css" text="Rob Damien" textFill="WHITE">
<graphic>
<ImageView fitHeight="31.0" fitWidth="35.0" pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@../resources/profile-james-marsden.png" />
</image>
</ImageView>
</graphic>
<padding>
<Insets left="40.0" />
</padding>
</Button>
</children>
</VBox>
<Pane layoutY="86.0" prefHeight="61.0" prefWidth="262.0" style="-fx-background-color: #FA2C56; -fx-background-radius: 5;">
<children>
<Label layoutX="25.0" layoutY="17.0" text="Home Space" textFill="WHITE">
<font>
<Font name="System Bold" size="18.0" />
</font>
</Label>
</children>
</Pane>
</children></AnchorPane>
<Pane layoutX="262.0" prefHeight="649.0" prefWidth="631.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="262.0" AnchorPane.rightAnchor="-4.0" AnchorPane.topAnchor="0.0">
<children>
<Pane layoutX="-25.0" layoutY="-178.0" prefHeight="303.0" prefWidth="467.0" rotate="41.6" style="-fx-background-color: #FA2C56; -fx-background-radius: 70;" />
<Pane layoutX="76.0" layoutY="106.0">
<children>
<Button mnemonicParsing="false" opacity="0.7" prefHeight="190.0" prefWidth="168.0" styleClass="button2" stylesheets="@../css/fullpackstyling.css" />
<Circle layoutX="84.0" layoutY="87.0" radius="50.0" strokeType="INSIDE">
<stroke>
<LinearGradient endX="1.0" endY="1.0">
<stops>
<Stop color="BLACK" />
<Stop color="WHITE" offset="1.0" />
</stops>
</LinearGradient>
</stroke>
<fill>
<LinearGradient endX="1.0" endY="1.0" startY="0.4952380952380952">
<stops>
<Stop color="#03b5fc" />
<Stop color="WHITE" offset="1.0" />
</stops>
</LinearGradient>
</fill>
</Circle>
<ImageView fitHeight="49.0" fitWidth="37.0" layoutX="66.0" layoutY="68.0" pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@../resources/icons8_Block_50px_1.png" />
</image>
</ImageView>
<Label alignment="CENTER" layoutX="-6.0" layoutY="146.0" prefHeight="17.0" prefWidth="174.0" text="General" textFill="WHITE">
<font>
<Font name="Arial Bold" size="13.0" />
</font></Label>
</children>
</Pane>
<Pane layoutX="316.0" layoutY="106.0" prefHeight="202.0" prefWidth="179.0">
<children>
<Button mnemonicParsing="false" opacity="0.7" prefHeight="190.0" prefWidth="168.0" styleClass="button2" stylesheets="@../css/fullpackstyling.css" />
<Circle layoutX="84.0" layoutY="87.0" radius="50.0" strokeType="INSIDE">
<stroke>
<LinearGradient endX="1.0" endY="1.0">
<stops>
<Stop color="BLACK" />
<Stop color="WHITE" offset="1.0" />
</stops>
</LinearGradient>
</stroke>
<fill>
<LinearGradient endX="1.0" endY="1.0" startY="0.4952380952380952">
<stops>
<Stop color="#68479f" />
<Stop color="WHITE" offset="1.0" />
</stops>
</LinearGradient>
</fill>
</Circle>
<ImageView fitHeight="49.0" fitWidth="37.0" layoutX="66.0" layoutY="68.0" pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@../resources/icons8_Car_52px_2.png" />
</image>
</ImageView>
<Label alignment="CENTER" layoutX="1.0" layoutY="146.0" prefHeight="17.0" prefWidth="168.0" text="Transport" textFill="WHITE">
<font>
<Font name="Arial Bold" size="13.0" />
</font></Label>
</children>
</Pane>
<Pane layoutX="71.0" layoutY="354.0" prefHeight="202.0" prefWidth="179.0">
<children>
<Button mnemonicParsing="false" opacity="0.7" prefHeight="190.0" prefWidth="168.0" styleClass="button2" stylesheets="@../css/fullpackstyling.css" />
<Circle layoutX="84.0" layoutY="87.0" radius="50.0" strokeType="INSIDE">
<stroke>
<LinearGradient endX="1.0" endY="1.0">
<stops>
<Stop color="BLACK" />
<Stop color="WHITE" offset="1.0" />
</stops>
</LinearGradient>
</stroke>
<fill>
<LinearGradient endX="1.0" endY="1.0" startY="0.4952380952380952">
<stops>
<Stop color="#ff52e2" />
<Stop color="WHITE" offset="1.0" />
</stops>
</LinearGradient>
</fill>
</Circle>
<ImageView fitHeight="49.0" fitWidth="37.0" layoutX="66.0" layoutY="68.0" pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@../resources/icons8_Shopping_Cart_50px_2.png" />
</image>
</ImageView>
<Label alignment="CENTER" layoutX="3.0" layoutY="146.0" prefHeight="17.0" prefWidth="168.0" text="Shopping" textFill="WHITE">
<font>
<Font name="Arial Bold" size="13.0" />
</font></Label>
</children>
</Pane>
<Pane layoutX="316.0" layoutY="354.0" prefHeight="202.0" prefWidth="179.0">
<children>
<Button mnemonicParsing="false" opacity="0.7" prefHeight="190.0" prefWidth="168.0" styleClass="button2" stylesheets="@../css/fullpackstyling.css" />
<Circle layoutX="84.0" layoutY="87.0" radius="50.0" stroke="#ff924f" strokeType="INSIDE">
<fill>
<LinearGradient endX="1.0" endY="1.0" startY="0.4952380952380952">
<stops>
<Stop color="#ff934f" />
<Stop color="WHITE" offset="0.9961685823754789" />
<Stop color="WHITE" offset="1.0" />
</stops>
</LinearGradient>
</fill>
</Circle>
<ImageView fitHeight="49.0" fitWidth="37.0" layoutX="66.0" layoutY="68.0" pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@../resources/icons8_Bill_50px_2.png" />
</image>
</ImageView>
<Label alignment="CENTER" layoutX="1.0" layoutY="146.0" prefHeight="17.0" prefWidth="168.0" text="Bill" textFill="WHITE">
<font>
<Font name="Arial Bold" size="13.0" />
</font></Label>
</children>
</Pane>
<Pane layoutX="559.0" layoutY="354.0" prefHeight="202.0" prefWidth="179.0">
<children>
<Button mnemonicParsing="false" opacity="0.7" prefHeight="190.0" prefWidth="168.0" styleClass="button2" stylesheets="@../css/fullpackstyling.css" />
<Circle layoutX="84.0" layoutY="87.0" radius="50.0" strokeType="INSIDE">
<fill>
<LinearGradient endX="1.0" endY="1.0" startY="0.4952380952380952">
<stops>
<Stop color="#34e063" />
<Stop color="WHITE" offset="0.9961685823754789" />
<Stop color="WHITE" offset="1.0" />
</stops>
</LinearGradient>
</fill>
</Circle>
<ImageView fitHeight="49.0" fitWidth="37.0" layoutX="66.0" layoutY="68.0" pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@../resources/icons8_Broccoli_64px_2.png" />
</image>
</ImageView>
<Label alignment="CENTER" layoutX="1.0" layoutY="146.0" prefHeight="17.0" prefWidth="168.0" text="Grocery" textFill="WHITE">
<font>
<Font name="Arial Bold" size="13.0" />
</font></Label>
</children>
</Pane>
<Pane layoutX="559.0" layoutY="106.0" prefHeight="190.0" prefWidth="174.0">
<children>
<Button mnemonicParsing="false" opacity="0.7" prefHeight="190.0" prefWidth="168.0" styleClass="button2" stylesheets="@../css/fullpackstyling.css" />
<Circle layoutX="84.0" layoutY="87.0" radius="50.0" strokeType="INSIDE">
<fill>
<LinearGradient endX="1.0" endY="1.0" startY="0.4952380952380952">
<stops>
<Stop color="#4f79ff" />
<Stop color="WHITE" offset="0.9961685823754789" />
<Stop color="#4f79ff" offset="1.0" />
</stops>
</LinearGradient>
</fill>
</Circle>
<ImageView fitHeight="49.0" fitWidth="37.0" layoutX="66.0" layoutY="68.0" pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@../resources/icons8_Play_Button_50px.png" />
</image>
</ImageView>
<Label alignment="CENTER" layoutX="1.0" layoutY="146.0" prefHeight="17.0" prefWidth="168.0" text="Entertainment" textFill="WHITE">
<font>
<Font name="Arial Bold" size="13.0" />
</font></Label>
</children>
</Pane>
</children>
</Pane>
</children>
</AnchorPane>
fullpackstyling.css
.button1
{
-fx-background-color : #393351;
-fx-background-radius : 30 0 0 30;
}
.button1:hover
{
-fx-background-color : #524A7B ;
-fx-background-radius : 30 0 0 30;
}
.button1:pressed
{
-fx-background-color : #2F2B43 ;
-fx-background-radius : 30 0 0 30;
}
.button2
{
-fx-background-color : #393351;
-fx-background-radius : 20;
}
.button2:hover
{
-fx-background-color : #524A7B ;
-fx-background-radius : 20;
}
.button2:pressed
{
-fx-background-color : #2F2B43 ;
-fx-background-radius : 20;
}
.button3
{
-fx-background-color : #141124;
-fx-background-radius : 0 0 0 0;
}
.button3:hover
{
-fx-background-color : #524A7B ;
}
.button3:pressed
{
-fx-background-color : #2F2B43 ;
}
.button4
{
-fx-background-color :linear-gradient(to top left, #41951C, #D4CEE3);
-fx-background-radius : 30 30 30 30;
}
.button4:hover
{
-fx-background-color :linear-gradient(to top left, #D4CEE3, #41951C);
-fx-background-radius : 30 30 30 30;
}
.button4:pressed
{
-fx-background-color :linear-gradient(to top left, #41951C, #D4CEE3);
-fx-background-radius : 30 30 30 30;
}
.combo-box
{
-fx-background-color : #141124;
-fx-border-color: #515658;
-fx-border-radius: 30;
}
.combo-box:hover
{
-fx-background-color : #141124;
-fx-border-color: #FFFF;
-fx-border-radius: 30;
}
.combo-box:pressed
{
-fx-background-color : #141124;
-fx-border-color: #FFFF;
-fx-border-radius: 30;
}
.table-view .column-header,
.table-view .column-header-background .filler {
-fx-cell-size : 20;
-fx-background-color: #2D75E8;
}
.table-view .column-header .label{
-fx-text-fill: white;
-fx-font-weight: bold;
-fx-alignment: CENTER_LEFT;
}
.table-view .cell{
-fx-cell-size: 30;
-fx-alignment: center-left;
-fx-text-fill: #000000;
}
.table-row-cell:selected {
-fx-background-color: rgb(127, 172, 243);
}
.table-row-cell:selected .text {
-fx-fill : white ;
}
/* scroll bar starts here */
/* The increment and decrement button CSS class of scrollbar */
.table-view .increment-button ,.table-view .decrement-button {
-fx-background-color:transparent;
-fx-background-radius: 2em;
}
/* The main scrollbar **track** CSS class */
.table-view .scroll-bar:horizontal .track,
.table-view .scroll-bar:vertical .track{
-fx-background-color: transparent;
-fx-border-color:derive( #2D75E8,80%);
-fx-background-radius: 2em;
-fx-border-radius:2em;
}
/* The main scrollbar **thumb** CSS class which we drag every time (movable) */
.table-view .scroll-bar:horizontal .thumb,
.table-view .scroll-bar:vertical .thumb {
-fx-background-color:derive( #2D75E8,90%);
-fx-background-insets: 2, 0, 0;
-fx-background-radius: 2em;
}
/* chart properties */
.chart {
-fx-padding: 10px;
-fx-background-color: transparent;
-fx-legend-visible: false;
}
.chart-plot-background {
-fx-background-color:transparent;
}
.chart-pie {
-fx-border-color: derive(-fx-pie-color, 1%);
-fx-border-width: 0px;
}
.linear-grad
{
-fx-background-color: linear-gradient(to bottom left, #A868A0, #2D75E8);
}
참고 사이트
https://www.youtube.com/watch?v=AoKoCv6VtR0
'Java | JavaFX' 카테고리의 다른 글
JavaFX 폰트 적용하기 (0) | 2019.12.25 |
---|---|
JavaFX 애플리케이션(프로그램) 아이콘 설정하기 (0) | 2019.12.25 |
JavaFX 로그인, 회원가입 줌아웃, 줌인 화면효과주기 예제 (0) | 2019.12.25 |
넷빈즈 프로젝트 외부 라이브러리(jar) 등록하는 방법 (0) | 2019.12.25 |
JavaFX 스플래쉬 및 네비게이션 메뉴 구현하기 예제(drawer) (0) | 2019.12.25 |