Как изменить label javafx

I’m trying to make GUI for my application written in Java.

I made fxml document with Scene Builder, set fx:id properly and now I’m trying to make simple changes in form.

My DocumentController:

public class FXMLDocumentController implements Initializable {
@FXML    
Label LabelDatum;



@Override
public void initialize(URL url, ResourceBundle rb) {
     LabelDatum.setText((new Date()).toString());
}    
}

My FX main file:

public class FXMain extends Application {

@Override
public void start(Stage primaryStage) throws IOException {
   Parent root = FXMLLoader.load(getClass().getResource("FXMLDocument.fxml"));
   Scene scene = new Scene(root);

   primaryStage.setScene(scene);
   primaryStage.show();
}

/**
 * @param args the command line arguments
 */
public static void main(String[] args) {
    launch(args);
}    
}

Everything I want to now, it’s to set LabelDatum to actual timestamp, but when i run FX main file, nothing happens.
Is there anybody, who is able to help me?

Thank you.
Paul

UPDATE:

My whole FXMLDocument:

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

<?import javafx.scene.text.*?>
<?import java.lang.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>

<BorderPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="478.0" prefWidth="682.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1">
   <top>
      <AnchorPane prefHeight="116.0" prefWidth="600.0" BorderPane.alignment="CENTER">
         <children>
            <Label fx:id="LabelNadpis" layoutX="14.0" layoutY="16.0" text="Jídelní lístek Dne">
               <font>
                  <Font name="System Bold" size="24.0" />
               </font>
            </Label>
            <Label fx:id="LabelDatum" layoutX="237.0" layoutY="18.0" prefHeight="32.0" prefWidth="127.0" text="datum">
               <font>
                  <Font size="22.0" />
               </font>
            </Label>
            <Label fx:id="LabelNazevRestauraceNadpis" layoutX="14.0" layoutY="55.0" prefHeight="17.0" prefWidth="99.0" text="Název restaurace" />
            <Label fx:id="LabelSestavilNadpis" layoutX="14.0" layoutY="72.0" text="Sestavil" />
            <Label fx:id="LabelNazevRestauraceHodnota" layoutX="237.0" layoutY="55.0" text="nazev_restaurace" />
            <Label fx:id="LabelSestavilHodnota" layoutX="237.0" layoutY="72.0" text="sestavil" />
         </children>
      </AnchorPane>
   </top>
   <center>
      <ListView fx:id="ListViewPokrmy" prefHeight="231.0" prefWidth="600.0" BorderPane.alignment="CENTER" />
   </center>
   <bottom>
      <AnchorPane prefHeight="46.0" prefWidth="696.0" BorderPane.alignment="CENTER">
         <children>
            <Button fx:id="ButtonNactiTxt" layoutX="26.0" layoutY="12.0" mnemonicParsing="false" text="Načti txt" />
            <Button fx:id="ButtonVlozNovy" layoutX="97.0" layoutY="12.0" mnemonicParsing="false" prefHeight="25.0" prefWidth="83.0" text="Vlož nový" />
            <Button fx:id="ButtonOdeber" layoutX="188.0" layoutY="12.0" mnemonicParsing="false" text="Odeber" />
            <Button fx:id="ButtonEditace" layoutX="250.0" layoutY="12.0" mnemonicParsing="false" text="Editace" />
            <ChoiceBox layoutX="316.0" layoutY="12.0" prefWidth="150.0" />
            <Button fx:id="ButtonZrusListek" layoutX="472.0" layoutY="11.0" mnemonicParsing="false" text="Zruš lístek" />
            <Button fx:id="ButtonUloz" layoutX="550.0" layoutY="11.0" mnemonicParsing="false" text="Ulož" />
            <Button fx:id="ButtonObnov" layoutX="597.0" layoutY="11.0" mnemonicParsing="false" text="Obnov" />
         </children>
      </AnchorPane>
   </bottom>
</BorderPane>

Everything I want: LabelDatum with actual timestamp.
Happens: the scene shows up, but the initial label text doesn’t change to the date

1. Use the setStyle() Method to Color Texts Label in Java
2. Alternative Way to Change the Label Text Color

Sometimes we need to colorize the texts to make them focused on users. In JavaFX, we can do this very easily by including the setStyle() method.

In this article, we are going to see how we can change the label’s text color, and we also see a necessary example with a proper explanation so that the topic is much easier to understand.

Use the setStyle() Method to Color Texts Label in Java

In our below example, we just set the color of the text to read and the background color to yellow. First, we import the following JavaFx libraries needed to make it work.

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.stage.Stage;

Full Source Code:

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.stage.Stage;

public class FXlabel extends Application {

      public void start(Stage PrimaryStage) throws Exception {
        PrimaryStage.setTitle("Label Color");  // Setting the application title

        Label lbl = new Label("This is the colored text !!!"); // Creating a simple label with a text "This is the colored text !!!"
        lbl.setStyle("-fx-text-fill: red; -fx-background-color: yellow"); // Styling the text by applying necessary CSS properties.
        Scene scene = new Scene(lbl, 200, 100); // Creating a scene
        PrimaryStage.setScene(scene); // Setting the scene to stage
        PrimaryStage.show(); // Make the stage visible
    }

    public static void main(String[] args) {
        Application.launch(args);  // Launching the application
    }
}

In the line lbl.setStyle("-fx-text-fill: red; -fx-background-color: yellow");, we applied some additional CSS properties to the label by using setStyle() method. In detail, the first property we used here is -fx-text-fill: red; through which we set the text color to red, and the property -fx-background-color: yellow is used to set the background color to yellow.

After compiling the above example code and running it in your environment, you will get the below output.

Output:

Alternative Way to Change the Label Text Color

JavaFX supports CSS that works will FXML. Now, when designing the User Interface with JavaFX GUI building tool like Scene Builder provided by Oracle, You can easily define the text color with the CSS property while developing the UI.

Also, you can add a CSS file on which you can add below two properties.

-fx-text-fill: red;
-fx-background-color: yellow;

You can use the code below to include your CSS file in your code directly.

Code:

scene.getStylesheets().add("YourCSS.css")

Remember, if your IDE doesn’t support the automatic inclusion of Libraries and Packages. Then you may need to manually include these necessary Libraries and Packages before compiling.

Есть такая программа:

Main.java:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

package sample;
 
import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;
 
import java.awt.*;
 
public class Main extends Application {
    @Override
    public void start(Stage primaryStage) throws Exception{
        Parent root = FXMLLoader.load(getClass().getResource("sample.fxml"));
        primaryStage.setTitle("Hello World");
        primaryStage.setScene(new Scene(root, 300, 275));
        primaryStage.show();
    }
    
    public static void main(String[] args) {
        launch(args);
    }
}

sample.fxml:

1
2
3
4
5
6
7
8
9
10
11
12
13
14

<?import javafx.geometry.Insets?>
<?import javafx.scene.layout.GridPane?>
 
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.layout.VBox?>
<GridPane fx:controller="sample.MainController"
          xmlns:fx="http://javafx.com/fxml" alignment="center" hgap="10" vgap="10">
    <VBox>
        <fx:include source="one.fxml"/>
        <Button text="пример 2" onAction="#two"/>
        <Label fx:id="one"/>
    </VBox>
</GridPane>

MainController.java:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

package sample;
 
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.control.Label;
import javafx.scene.layout.VBox;
 
import java.net.URL;
import java.util.ResourceBundle;
 
public class MainController implements Initializable {
    @FXML
    public Label one;
 
    @Override
    public void initialize(URL url, ResourceBundle rb) {
 
    }
 
    @FXML
    public void two(){
        one.setText("2");
    }
}

one.fxml:

1
2
3
4
5
6
7
8
9
10
11
12
13

<?xml version="1.0" encoding="UTF-8"?>
 
<?import java.lang.*?>
<?import java.util.*?>
<?import javafx.scene.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
 
<VBox xmlns="http://javafx.com/javafx"
            xmlns:fx="http://javafx.com/fxml"
            fx:controller="sample.ChildController">
    <Button text="пример 1" onAction="#oneAction"/>
</VBox>

1

ChildController.java:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

package sample;
 
import javafx.fxml.FXML;
import java.net.URL;
import java.util.ResourceBundle;
 
public class ChildController extends MainController {
 
    @Override
    public void initialize(URL url, ResourceBundle rb) {
    }
 
    @FXML
    public void oneAction(){
        // тут надо поменять текст для one
    }
}

В ChildController.java в методе oneAction() хочу поменять текст переменной one, которая определена в MainController.java. То есть чтобы при клике на кнопку, которая находится в one.fxml, менялся бы текст лейбла, который находится в sample.fxml. Это вообще возможно? Уже испробованы разные способы с форумов и из документации, не работает ничего. Не хотелось бы отказываться от fxml и добавлять элементы в интерфейс через контроллеры.

Элементы управления

Кнопки и метки

Последнее обновление: 16.06.2018

Наиболее часто используемые элементы управления в JavaFX — это, без сомнения, кнопки и метки. Кнопки
представлены классом javafx.scene.control.Button и позволяют по нажатию выполнять некоторые действия. А метки представлены
классы javafx.scene.control.Label, и их задача — вывод текстовой информации. Класс Button унаследован от классов ButtonBase, Labeled, Region, Control, Parent и Node,
а класс Label — от Labeled, Region, Control, Parent и Node. JavaFX позволяет создавать самые разнообразные кнопки и метки: с текстом, графикой, и тем и другим, с различными стилями.

Класс Button имеет три конструктора:

• Button(): создает кнопку без надписи

• Button​(String text): создает кнопку с определенной надписью

• Button​(String text, Node graphic): создает кнопку с определенной надписью и иконкой

Класс Label имеет три похожих конструктора:

• Label(): создает метку без надписи

• Label​(String text): создает метку с определенной надписью

• Label(String text, Node graphic): создает метку с определенной надписью и иконкой

Ключевой возможностью кнопки является способность реагировать на нажатия пользователей и по нажтию выполнять некоторое действие.
Для обработки нажатий в базовом классе ButtonBase определен метод setOnAction(), который устанавливает обработчик нажатия:

final void setOnAction(EventHandler<ActionEvent> handler)

В качестве параметра в этот метод передается реализация интерфейса EventHandler:

public interface EventHandler<T extends Event>{
    void handle​(T event);
}

Используем кнопку в программе:

import javafx.application.Application;
import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.Parent;
import javafx.scene.layout.FlowPane;
import javafx.scene.control.Label;
import javafx.scene.control.Button;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
 
public class Main extends Application{
     
	int clicks = 0;
	
    public static void main(String[] args) {
         
        Application.launch(args);
    }
     
    @Override
    public void start(Stage stage) throws Exception {
         
		Label lbl = new Label("Counter");
		lbl.setPrefWidth(70);
		Button btn = new Button("Click");
		btn.setPrefWidth(80);
		btn.setOnAction(new EventHandler<ActionEvent>() {
             
            @Override
            public void handle(ActionEvent event) {
             
				clicks++;
                lbl.setText(String.valueOf(clicks));
            }
        });
		
		FlowPane root = new FlowPane(lbl, btn);
        Scene scene = new Scene(root);
         
        stage.setScene(scene);
         
        stage.setTitle("Hello JavaFX");
        stage.setWidth(250);
        stage.setHeight(200);
         
        stage.show();
    }
}

В классе определена переменная-счетчик counter. И по нажатию на кнопку будет увеличиваться ее значение.