Cómo agregar botones y texto para su proyecto JavaFX

Busque en el Explorador de paquetes de Eclipse para el nuevo proyecto.

Busque el solicitud rama, que está dentro del src rama.

Aparecerá el cuadro de diálogo Seleccionar un Asistente.

Aparece un cuadro de diálogo FXML Archivo.

Nombre del archivo Raíz.

Escribe el nombre de raíz, pero e (fx) clipse crea un archivo cuyo nombre completo es Root.fxml.

Este nuevo Root.fxml archivo describe la disposición de los botones, campos de texto y otras cosas en su nueva aplicación JavaFX.

Aparecerá la ventana de la aplicación Escena Constructor.

La ventana Escena Constructor contiene varias áreas:

El centro de la ventana Escena Constructor contiene el Panel Contenido, donde se ve una vista previa de su nueva aplicación. (En la actualidad, no hay nada en su aplicación para ver, por lo que el panel de contenido es un gran espacio vacío.)

La parte superior izquierda de la ventana contiene una Panel Biblioteca, que alberga una sección Contenedores, una sección de Controles, y varias otras secciones.

En el mundo GUI, cosas como botones, campos de texto, etiquetas y casillas de verificación se llaman controles. Sección Controles del panel Biblioteca forma una paleta. Para crear una ventana de interfaz gráfica de usuario, arrastra los controles de la paleta y soltarlos en el panel Contenido.

La parte inferior izquierda de la ventana contiene una Panel Documento, que contiene una sección de Jerarquía y una sección de controlador. La sección Jerarquía contiene un elemento AnchorPane.

La sección Jerarquía contiene un árbol que muestra que los elementos de la ventana se encuentran dentro de qué otros elementos. La sección Controller ayuda a enlazar la ventana que se diseña con el código Java de la aplicación.

La parte derecha de la ventana contiene una Panel Inspector, que contiene una sección de propiedades, una sección de diseño, y una sección de código.

En la sección Propiedades, usted describe las características de los elementos en su ventana. En la sección Código, usted nombra los métodos Java asociados con elementos en su ventana.

Su experiencia puede variar! Estas instrucciones funcionan en una versión preliminar de la escena Constructor 2.0. Si usted tiene una versión diferente de la escena Builder, sus pasos pueden ser un poco diferente.

Un marcador aparece en el centro del panel de contenido de la escena del constructor.

El AnchorPane ampliará.

A continuación, arrastre un control TextField en el AnchorPage en el panel Contenido.

Arrastre un control Button en el AnchorPage en el panel Contenido.

Si lo hace, guarda su archivo nuevo FXML.

Cuando regrese a la mesa de trabajo de Eclipse, se puede ver el nuevo código en tu Root.fxml archivo.

Haga doble clic en la rama Root.fxml en el Explorador de paquetes para ver el código del archivo. Si usted no ve las palabras Campo de texto y Botón en el código, haga clic en el puntero del ratón dentro de la ventana del editor. (Al hacer clic en el mouse actualiza el editor para reflejar los cambios realizados por la escena del constructor.) Si el código en el editor no parece ser sangría correctamente, haga clic en el puntero del ratón sobre un área vacía en el editor y pulse Ctrl-Shift-F.

Cada vez que usted desea formatear el código en el editor de Eclipse (haciendo que el código sea más fácil de leer y fácil de entender) pulse Ctrl-Shift-F.

Comente la Raíz BorderPane declaración y añadir un Raíz de Padres declaración, como se muestra en negrita en el listado 20-3.

Las ediciones en Listado 20-3 conectar la aplicación a su nuevo diseño Root.fxml diseño.

Cuando lo haga, se ve una racha de su proyecto mediante el Root.fxml archivo.