JavaFX CSS styling 🎨

Показать описание

JavaFX CSS styling tutorial example explained

#javafx #css #style

package application;

public class Main extends Application {

@Override
public void start(Stage stage) {
try {
Scene scene = new Scene(root);
} catch(Exception e) {
}
}

public static void main(String[] args) {
launch(args);
}
}
.root{
-fx-background-color: #111111;
}

.label{
-fx-font-size: 40;
-fx-font-family: "Lucida Console";
-fx-text-fill: "white";
-fx-alignment: center;
}

#titleLabel{
-fx-font-size: 70;
}
//---------------------------------------------------------------------------------
Bro Code merch store 👟 :
===========================================================
===========================================================

music credits 🎼 :
===========================================================
Creative Commons — Attribution-ShareAlike 3.0 Unported— CC BY-SA 3.0
===========================================================

Рекомендации по теме

Комментарии

Don't forget to smash that LIKE button 👍
and drop a random COMMENT down below for the YT algorithm!
💬

also here's the code from the video...

package application;

import
import javafx.fxml.FXMLLoader;
import javafx.stage.Stage;
import javafx.scene.Parent;
import javafx.scene.Scene;

public class Main extends Application {

@Override
public void start(Stage stage) {
try {
Parent root =
Scene scene = new Scene(root);

String css =

stage.setScene(scene);
stage.show();
} catch(Exception e) {
e.printStackTrace();
}
}

public static void main(String[] args) {
launch(args);
}
}

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.control.Label?>
<?import

<children>
<Label fx:id="titleLabel" layoutY="105.0" prefHeight="17.0" prefWidth="600.0" text="Level 1" />
<Label fx:id="textLabel" layoutY="241.0" prefHeight="17.0" prefWidth="600.0" text="This is some CSS styling" />
</children>
</AnchorPane>

.root{
-fx-background-color:
}

.label{
-fx-font-size: 40;
-fx-font-family: "Lucida Console";
-fx-text-fill: "white";
-fx-alignment: center;
}

#titleLabel{
-fx-font-size: 70;
}

BroCodez

Lucky to have found you.
I‘ve never seen someone explaining things as good as you do.

Im still a beginner there are still a lot of things I don‘t unterstand.
Hope you will continue these Videos!

AlexAlex-roxp

One of the best YouTube-Channels I´ve ever seen!

tonalddrump

My interest in coding is increasing day by day because of u❣️

samnoob

Everything becomes so easy when you explain:) Thank you!🧡

alesto

thank you so much for sharing knowledge with us

adroaldoferreira

Yooo
I know this might not be the right place to say this, but I've been watching your videos for a while now, and I've been learning a great deal of things, more than what I'm learning from uni
You literally helped me complete some projects I had, and I can't thank you enough for the videos
I've been recommending your videos to some of my friends too
Keep up the great work!

jidelgado

That last trick of alignment was great. Thanks.

aldolunabueno

Thank you bro, you're one of the best JavafxBro 👍

energetic_deer

Note: I am using IntelliJ IDEA

I was able to get my CSS file to work by -> adding it to the resources folder and putting "/application.css" as the file path

PhantomGanhdi