Hướng dẫn và ví dụ JavaFX Label

JavaFX Label
Ví dụ với Label
Label với Icon
Font, Color, Wrap và Hiệu ứng

1. JavaFX Label

Label là một thành phần giao diện (UI Component), nó có thể hiện thị text, biểu tượng hoặc cả hai.

2. Ví dụ với Label

Đây là ví dụ đơn giản với Label hiển thị nội dung text.

LabelDemo.java

package org.o7planning.javafx.label;

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.layout.FlowPane;
import javafx.stage.Stage;

public class LabelDemo extends Application {

    @Override
    public void start(Stage primaryStage) throws Exception {

        Label label = new Label("My Label");

        FlowPane root = new FlowPane();
        root.setPadding(new Insets(10));
        root.getChildren().add(label);

        Scene scene = new Scene(root, 200, 100);

        primaryStage.setTitle("JavaFX Label (o7planning.org)");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

}

3. Label với Icon

Label có thể hiển thị Icon hoặc đồng thời cả Text và Icon:

// Nguồn ảnh        
InputStream input= getClass().getResourceAsStream("/org/o7planning/javafx/icon/java-32.png");
Image image = new Image(input);
ImageView imageView = new ImageView(image);


// Tạo Label với nhãn và Icon
Label label = new Label("JavaFX", imageView);


// Tạo Label với nhãn.
Label label = new Label("JavaFX");

// Set Image Icon
label.setGraphics(imageView);

Xem ví dụ đầy đủ:

LabelIconDemo.java

package org.o7planning.javafx.label;

import java.io.InputStream;

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.layout.FlowPane;
import javafx.stage.Stage;

public class LabelIconDemo extends Application {

   @Override
   public void start(Stage primaryStage) throws Exception {
     
 
       // Nguồn ảnh      
       InputStream input= getClass().getResourceAsStream("/org/o7planning/javafx/icon/java-32.png");
       Image image = new Image(input);
       ImageView imageView = new ImageView(image);

       Label label = new Label("JavaFX");
 
       // Sét Image
       label.setGraphic(imageView);

       FlowPane root = new FlowPane();
       root.setPadding(new Insets(10));
       root.getChildren().add(label);

       Scene scene = new Scene(root, 200, 100);

       primaryStage.setTitle("JavaFX Label (o7planning.org)");
       primaryStage.setScene(scene);
       primaryStage.show();
   }

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

}

4. Font, Color, Wrap và Hiệu ứng

Font

Bạn có thể sét đặt Font (Bao gồm tên Font và kích thước) cho Label thông qua phương thức setFont.

// Sử dụng Constructor để tạo đối tượng Font.
label1.setFont(new Font("Arial", 30));

// Sử dụng phương thwucs để tạo đối tượng Font.
label2.setFont(Font.font("Cambria", 32));

Color

Sử dụng phương thức setTextFill để sét đặt màu chữ cho Label.

// Sét đặt màu chữ.
label1.setTextFill(Color.web("#0076a3"));

Wrap

Đôi khi vùng không gian để hiển thị Label là không nhiều, trong khi nội dung text của Label dài, bạn cần phải wrap nó, nội dung text của label sẽ được hiển thị trên nhiều dòng. Bạn có thể sử dụng phương thức setWrapText(true):

Hiệu ứng:

Bạn có thể tạo một vài hiệu ứng đơn giản với Label, chẳng hạn xoay (rotate) label theo một góc nào đó. Di chuyển nó theo trục x hoặc y một đoạn, phóng to, thu nhỏ Label, khi di chuyển chuột trên bề mặt Label.

// Xoay 45 độ
label4.setRotate(45);

// Di chuyển trục Y 30 pixel.
label4.setTranslateY(30);

label5.setOnMouseEntered(new EventHandler<MouseEvent>() {
   @Override
   public void handle(MouseEvent e) {
       label5.setScaleX(1.5);
       label5.setScaleY(1.5);
   }
});

label5.setOnMouseExited(new EventHandler<MouseEvent>() {
   @Override
   public void handle(MouseEvent e) {
       label5.setScaleX(1);
       label5.setScaleY(1);
   }
});