javafx
ScrollPane
Buscar..
Introducción
El ScrollPane es un control que ofrece una vista dinámica de su contenido. Esta visión se controla de varias maneras; (botón de aumento-decremento / rueda del mouse) para tener una vista integral del contenido.
A) Tamaño del contenido fijo:
El tamaño del contenido será el mismo que el de su contenedor ScrollPane.
import javafx.scene.control.ScrollPane; //Import the ScrollPane
import javafx.scene.control.ScrollPane.ScrollBarPolicy; //Import the ScrollBarPolicy
import javafx.scene.layout.Pane;
ScrollPane scrollpane;
Pane content = new Pane(); //We will use this Pane as a content
scrollpane = new ScrollPane(content); //Initialize and add content as a parameter
scrollpane.setPrefSize(300, 300); //Initialize the size of the ScrollPane
scrollpane.setFitToWidth(true); //Adapt the content to the width of ScrollPane
scrollpane.setFitToHeight(true); //Adapt the content to the height of ScrollPane
scrollpane.setHbarPolicy(ScrollBarPolicy.ALWAYS); //Control the visibility of the Horizontal ScrollBar
scrollpane.setVbarPolicy(ScrollBarPolicy.NEVER); //Control the visibility of the Vertical ScrollBar
//There are three types of visibility (ALWAYS/AS_NEEDED/NEVER)
B) Tamaño del contenido dinámico:
El tamaño del contenido cambiará dependiendo de los elementos agregados que excedan los límites de contenido en ambos ejes (horizontal y vertical) que se pueden ver al moverse a través de la vista.
import javafx.scene.control.ScrollPane; //Import the ScrollPane
import javafx.scene.control.ScrollPane.ScrollBarPolicy; //Import the ScrollBarPolicy
import javafx.scene.layout.Pane;
ScrollPane scrollpane;
Pane content = new Pane(); //We will use this Pane as a content
scrollpane = new ScrollPane();
scrollpane.setPrefSize(300, 300); //Initialize the size of the ScrollPane
content.setMinSize(300,300); //Here a minimum size is set so that the container can be extended.
scrollpane.setContent(content); // we add the content to the ScrollPane
Nota: Aquí no necesitamos ambos métodos (setFitToWidth / setFitToHeight).
Diseñando el ScrollPane:
La apariencia de ScrollPane se puede cambiar fácilmente, teniendo algunas nociones de " CSS " y respetando algunas " propiedades " de control y, por supuesto, teniendo algo de " imaginación ".
A) Los elementos que componen ScrollPane:
B) propiedades CSS:
.scroll-bar:vertical .track{}
.scroll-bar:horizontal .track{}
.scroll-bar:horizontal .thumb{}
.scroll-bar:vertical .thumb{}
.scroll-bar:vertical *.increment-button,
.scroll-bar:vertical *.decrement-button{}
.scroll-bar:vertical *.increment-arrow .content,
.scroll-bar:vertical *.decrement-arrow .content{}
.scroll-bar:vertical *.increment-arrow,
.scroll-bar:vertical *.decrement-arrow{}
.scroll-bar:horizontal *.increment-button,
.scroll-bar:horizontal *.decrement-button{}
.scroll-bar:horizontal *.increment-arrow .content,
.scroll-bar:horizontal *.decrement-arrow .content{}
.scroll-bar:horizontal *.increment-arrow,
.scroll-bar:horizontal *.decrement-arrow{}
.scroll-pane .corner{}
.scroll-pane{}
Modified text is an extract of the original Stack Overflow Documentation
Licenciado bajo CC BY-SA 3.0
No afiliado a Stack Overflow