NBKRIST - Displaying Text and Images in JavaFX

💬 Expert View

You might be thinking — “Images and text? That’s too basic!” 😅 But trust me — these are the building blocks of every great GUI! Using them smartly gives life to your apps — from dashboards to login screens. Experiment, style, and align — make your interface tell a story 🎨🖼️

Understanding Text Display in JavaFX

JavaFX provides multiple ways to display text on the screen. You can use Label for short messages or Text for styled and positioned text. These classes allow customization of font, size, color, and alignment — essential for designing user-friendly interfaces.

Label label = new Label("Welcome to NBKRIST - JavaFX!");
label.setFont(Font.font("Verdana", 18));
label.setTextFill(Color.DARKBLUE);

Text message = new Text(100, 120, "Learning JavaFX is fun!");
message.setFont(Font.font("Arial", FontWeight.BOLD, 22));
message.setFill(Color.CORNFLOWERBLUE);

💡 Tip: Use Label for simple UI text (like button titles or info), and Text when you need precise positioning and font styling.

Displaying Images in JavaFX

You can easily display images using Image and ImageView classes. Image loads the file, and ImageView displays it on the scene. You can scale, rotate, or apply effects to make your UI visually appealing.

Image img = new Image("file:college_logo.png");
ImageView view = new ImageView(img);
view.setFitWidth(200);
view.setPreserveRatio(true);

💡 Always use setPreserveRatio(true) to keep the original image aspect ratio. This ensures your images look neat and professional across all resolutions.

🧠 Practice Zone — Create & Experiment

Display your college name using a Text object with custom color and font.
Show a college logo using ImageView with setFitWidth() and setPreserveRatio().
Try combining text and image side-by-side in a HBox.
Add hover effects that change image opacity when the mouse enters and leaves.

💡 Each pixel you place is a piece of art — go build your visual story with JavaFX!