Aprende Java Aprende Php Aprende C++ Aprende HTML 5 Aprende JavaScript Aprende JSON Aprende MySQL Aprende SQLServer Aprende Visual Basic 6 Aprende PostgreSQL Aprende SQLite Aprende Redis Aprende Kotlin Aprende XML Aprende Linux VSC Aprende Wordpress Aprende Laravel Aprende VueJS Aprende JQuery Aprende Bootstrap Aprende Netbeans Aprende Android
Sigueme en Facebook Sigueme en Twitter Sigueme en Instagram Sigueme en Youtube Sigueme en TikTok Sigueme en Whatsapp
Home / JavaFX / Uso de BorderPane

Uso de BorderPane

Por jc mouse lunes, agosto 15, 2016

BorderPane es un layout que distribuye los nodos hijos en 5 posiciones TOP, LEFT, BOTTOM, RIGHT y CENTER

borderpane

Los nodos hijos, por lo general otros layouts, se re dimensionaran para ocupar todo el ancho y alto de los contenedores, aunque estos nodos pueden tener sus propias dimensiones y alinearlas en la sección del contenedor mediante:

  • Pos.BASELINE_CENTER
  • Pos.BASELINE_LEFT
  • Pos.BASELINE_RIGHT
  • Pos.BOTTOM_CENTER
  • Pos.BOTTOM_LEFT
  • Pos.BOTTOM_RIGHT
  • Pos.CENTER
  • Pos.CENTER_LEFT
  • Pos.CENTER_RIGHT
  • Pos.TOP_CENTER
  • Pos.TOP_LEFT
  • Pos.TOP_RIGHT

Cada sección del BorderPane solo acepta un nodo hijo.

Ejemplo

La siguiente clase implementa un BorderPane con botones en cada una de sus secciones, las cuales alineamos con el método «BorderPane.setAlignment»

import javafx.application.Application;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;
/**
 * @see https://www.jc-mouse.net
 * @author mouse
 */
public class TestBorderPane extends Application{
      
    public static void main(String[] args) {
        launch(args);
    }
    
    @Override
    public void start(Stage primaryStage){
        //layout
        BorderPane borderPane = new BorderPane();        
        //control parte superior
        Button topButton = new Button("TOP");        
        borderPane.setTop( topButton );    
        //control parte inferior
        Button bottomButton = new Button("BOTTOM");        
        borderPane.setBottom(bottomButton);
        //control en lado izquierdo
        Button leftButton = new Button("LEFT");        
        borderPane.setLeft(leftButton);
        //control en lado derecho
        Button rightButton = new Button("RIGHT");        
        borderPane.setRight(rightButton);
        //Control en el centro
        borderPane.setCenter(new Button("CENTER"));
        
        //alineacion de controles respecto el lugar del Pane que se encuentren
        BorderPane.setAlignment(topButton, Pos.CENTER);
        BorderPane.setAlignment(bottomButton, Pos.CENTER);
        BorderPane.setAlignment(leftButton, Pos.CENTER);
        BorderPane.setAlignment(rightButton, Pos.CENTER);       
        
        Scene scene = new Scene(borderPane);        
        primaryStage.setScene(scene);
        primaryStage.show();
    }    
}

Y tenemos como resultado

layout fx

 

Tags

Artículos similares

Gráfico de columnas con iReport

El gráfico de columnas es uno  tipo de gráfico que nos permite representar fácilmente la cantidad de veces que ocurre un[...]

Google Circles en java

En este tutorial crearemos el botón de Google+ Google Circles para una interfaz de escritorio 🙂 si no sabes lo que son e[...]

Operador de Complemento bit a bit «~»

Operador de Complemento bit a bit unario Entre los operadores a nivel de bits de uso más común en java tenemos al operad[...]

Primeros pasos con Quasar Framework

Quasar es un proyecto Open Source basado en el Framework Vue que nos permite desarrollar proyectos de todo tipo, por eje[...]

Firebird iSQL – introducción

iSQL: Es una herramienta de linea de comandos que acompaña a Firebird, se encuentra en la carpeta BIN, sirve para realiz[...]

CUF: Código Único en Kotlin

En este post implementamos en lenguaje Kotlin (lenguaje de programación de tipado estático que corre sobre la máquina vi[...]