Kensoft PH
  • Download
    • KenshotApplication
  • Contact
  • About
Java Quiz
No Result
View All Result
Kensoft PH
  • Download
    • KenshotApplication
  • Contact
  • About
Java Quiz
No Result
View All Result
Kensoft PH
No Result
View All Result
Home Java

ScrollPane in JavaFX | 100% best tutorial for beginners

September 12, 2021 - Updated on September 30, 2022
in Java
Reading Time: 3 mins read
0
ScrollPane in JavaFX
1.9k
VIEWS
Share on FacebookShare on TwitterShare via Email

Contents

Toggle
  • JavaFX Tutorial
  • How to use the ScrollPane in JavaFX
    • Example: Displays the image with the ScrollPane
    • Output:
  • JavaFX ScrollPane using the SceneBuilder
    • Example: ScrollPane in the Scene Builder
  • YouTube Video

JavaFX Tutorial

ScrollPane in JavaFX provides a scrollable clipped viewport of its content. When your application displays huge amounts of information and you can’t see them all, you will need a scrollpane. It enables horizontal and vertical scrolling. The setContent() method in JavaFX ScrollPane allows users to add any node into ScrollPane.

This article explains the basics of the ScrollPane in JavaFX. We will go over some main methods as well as how to use the JavaFX ScrollPane. We’ll also show you how to implement it in your JavaFX application in the simplest way possible. As a demonstration or example, we will use an image to display inside the ScrollPane in this topic. Please continue reading to find out more about the ScrollPane.

How to use the ScrollPane in JavaFX

To use the ScrollPane in JavaFX, simply call the setContent() method. We will also discuss some other cool ScrollPane features like dragging the node inside the ScrollPane and also changing the ScrollBarPolicy. These are the following methods we will use in this demonstration.

  • setContent() – The node used as the content of this ScrollPane.
  • setPannable() – Specifies whether the user should be able to pan the viewport by using the mouse.
  • setHbarPolicy() – Specifies the policy for showing the horizontal scroll bar.
  • setVbarPolicy() – Specifies the policy for showing the vertical scroll bar.

These are the most common methods for implementing the Scrollpane. As a result, the setContent() method is used to add the node into the Scrollpane. The ScrollPane will not function as intended if the setContent() method is not used. The setPannable() method enables the user to drag the content within the ScrollPane by clicking and dragging the mouse, while the setHbarPolicy() and setVbarPolicy() methods are used to display the scrollbar by using the ALWAYS, AS_NEEDED, and NEVER.

The word itself explains the policy; the ALWAYS policy will always show the scrollbars, but the AS_NEEDED policy will only show the scrollbars when needed, and the NEVER policy will never show the scrollbars.

ScrollPane in JavaFX

Example: Displays the image with the ScrollPane

import java.io.IOException;
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.ScrollPane;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;

/**
 *
 * @author KENSOFT
 */
public class Scroll extends Application {

    @Override
    public void start(Stage stage) throws IOException {

        //Layout used
        BorderPane root = new BorderPane();
        Scene scene = new Scene(root, 500, 400);
        stage.setScene(scene);
        stage.setTitle("Scroll Pane Tutorial");

        //Creating the ScrollPane
        ScrollPane scroll = new ScrollPane();
        scroll.setContent(image());
        scroll.setHbarPolicy(ScrollPane.ScrollBarPolicy.AS_NEEDED);
        scroll.setVbarPolicy(ScrollPane.ScrollBarPolicy.AS_NEEDED);

        // is used to add the SrollPane at the center of the BorderPane
        root.setCenter(scroll);
        
        // show the stage
        stage.show();
    }

    // Get the image from the Source packages
    private ImageView image() {
        Image image = new Image("/scroll/kensoft.png");
        ImageView view = new ImageView(image);
        return view;
    }

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

}

Output:

ScrollPane in JavaFX

JavaFX ScrollPane using the SceneBuilder

To add the ScrollPane in JavaFX using the Scene Builder is one of the easiest way to do. Using the What you see is what get (WYSIWYG) editor very easy, you can simply drag and drop the components into the layout.

Example: ScrollPane in the Scene Builder

JavaFX ScrollPane

YouTube Video

YouTube video

Previous Article

Tags: javafx scrollpanescrollpane in javafxscrollpane javafx
Previous Post

JavaFX CSS Tutorial for beginners | 100% best for beginners

Next Post

JavaFX Effects Tutorial | 100% best for beginners

KENSOFT

KENSOFT

What’s up! Kent is my name. The name KENSOFT is derived from the words Kent and Software. My programming language of choice is Java

Related tutorials

How to Use the JavaFX Pie Chart 100% For Beginners
Java

How to Use the JavaFX Pie Chart 100% For Beginners

June 12, 2024 - Updated on October 6, 2024
205
How to Connect to an API Using JavaFX
Java

How to Connect to an API Using JavaFX

May 26, 2024 - Updated on September 28, 2024
215
JavaFX SQLite Database CRUD Tutorial
Java

JavaFX SQLite Database CRUD Tutorial | Note Application

May 26, 2024 - Updated on September 28, 2024
586
Next Post
JavaFX Effects Tutorial | 100% best for beginners

JavaFX Effects Tutorial | 100% best for beginners

JavaFX WebView

JavaFX WebView Tutorial | 100% best for beginners

Rank Math Pro Review

Rank Math Pro Review - 100% Best SEO Plugin

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Tools

Multi-platform installer builder

Java profiler

  • Trending
  • Comments
  • Latest
MySQL database using XAMPP

How to connect Java to MySQL database using Xampp server | 100% best for beginners

October 27, 2020 - Updated on January 23, 2023
Failed to automatically set up a JavaFX Platform

Failed to automatically set up a JavaFX Platform SOLVED Apache NetBeans 12.3 | Best way

April 11, 2021 - Updated on July 3, 2022
JavaFX 17

How To install JDK 17 and JavaFX 17 on NetBeans IDE | Best

November 15, 2021 - Updated on December 13, 2021
hide and show password in jPasswordField

JPasswordField in Java Hide or Show Password | 100% best for beginners

April 2, 2021 - Updated on September 21, 2022
Failed to automatically set up a JavaFX Platform

Failed to automatically set up a JavaFX Platform SOLVED Apache NetBeans 12.3 | Best way

3DES in Java and AES in Java

How to use AES and 3DES in Java | 100% best for beginners

JavaFX Splash Screen

How to create JavaFX Splash Screen | 100% best for beginners

set up JavaFX and Scene Builder

How to set up JavaFX and Scene Builder in NetBeans IDE | 100% best for beginners

How to Use the JavaFX Pie Chart 100% For Beginners

How to Use the JavaFX Pie Chart 100% For Beginners

June 12, 2024 - Updated on October 6, 2024
How to Connect to an API Using JavaFX

How to Connect to an API Using JavaFX

May 26, 2024 - Updated on September 28, 2024
JavaFX SQLite Database CRUD Tutorial

JavaFX SQLite Database CRUD Tutorial | Note Application

May 26, 2024 - Updated on September 28, 2024
How to take a screenshot on PC using Kenshot

How to Take a Screenshot on PC Using Kenshot: A Full Guide

January 18, 2024 - Updated on October 6, 2024

Latest Tutorials

How to Use the JavaFX Pie Chart 100% For Beginners

How to Use the JavaFX Pie Chart 100% For Beginners

June 12, 2024 - Updated on October 6, 2024
How to Connect to an API Using JavaFX

How to Connect to an API Using JavaFX

May 26, 2024 - Updated on September 28, 2024
JavaFX SQLite Database CRUD Tutorial

JavaFX SQLite Database CRUD Tutorial | Note Application

May 26, 2024 - Updated on September 28, 2024

Popular Tutorials

  • MySQL database using XAMPP

    How to connect Java to MySQL database using Xampp server | 100% best for beginners

    0 shares
    Share 0 Tweet 0
  • Failed to automatically set up a JavaFX Platform SOLVED Apache NetBeans 12.3 | Best way

    0 shares
    Share 0 Tweet 0
  • How To install JDK 17 and JavaFX 17 on NetBeans IDE | Best

    0 shares
    Share 0 Tweet 0
Facebook Instagram Youtube Github LinkedIn Discord
Kensoft PH

What’s up! I'm Kent. The name KENSOFT is derived from the words Kent and Software. My programming language of choice is Java, which I use to create computer applications. In a company, I created applications and a website.

Categories

Website

Check the status

Privacy Policy

Terms and Condition

Sitemap

Latest Tutorials

How to Use the JavaFX Pie Chart 100% For Beginners

How to Use the JavaFX Pie Chart 100% For Beginners

June 12, 2024 - Updated on October 6, 2024
How to Connect to an API Using JavaFX

How to Connect to an API Using JavaFX

May 26, 2024 - Updated on September 28, 2024
JavaFX SQLite Database CRUD Tutorial

JavaFX SQLite Database CRUD Tutorial | Note Application

May 26, 2024 - Updated on September 28, 2024

© 2024 Made With Love By KENSOFT PH

No Result
View All Result
  • Download
    • Kenshot
  • Contact
  • About
  • Java Quiz

© 2024 Made With Love By KENSOFT PH

This website uses cookies. By continuing to use this website you are giving consent to cookies being used. Visit our Privacy and Cookie Policy.