El lenguaje XML de JavaFX 2.0 . FXML (II) - Objetos simples

A continuación voy a comentar una serie de objetos simples, como usarlos en el un fichero FXML y sus propiedades mas utilies.

Button

- Incluir import:
javafx.scene.control.Button

- Ejemplo de etiqueta:
<Button id="ticket" fx:id="ticket" layoutX="620" layoutY="150" text="Pulsame" scaleX="2" scaleY="2"/>


- Propiedades:

• id: Texto que referencia al objeto dentro del conjunto.
• layoutX: Posicion X dentro del panel.
• layoutY: Posicion Y dentro del panel.
• text: Texto inicial.
• scaleX: % de escala con el tamaño por defexto en el sentido X.
• onAction: Nombre de la funcion que va a realizar la accion del boton. Esta funcion debe de estar en la clase marcada por el atributo "fx:controller" y tener la anotacion @FXML.
  
• scaleY: % de escala con el tamaño por defexto en el sentido Y.

Label

- Incluir import:
javafx.scene.control.Label

- Ejemplo de etiqueta:
<Label id="cantidad" fx:id="cantidad" layoutX="670" layoutY="50" scaleX="1" scaleY="2" text="1"/>


- Propiedades:

• id: Texto que referencia al objeto dentro del conjunto.
• layoutX: Posicion X dentro del panel.
• layoutY: Posicion Y dentro del panel.
• text: Texto inicial.
• scaleX: % de escala con el tamaño por defexto en el sentido X.
• scaleY: % de escala con el tamaño por defexto en el sentido Y.

TextField

- Incluir import:
javafx.scene.control.TextField

- Ejemplo de etiqueta:
<TextField id="cantidad" fx:id="cantidad" layoutX="670" layoutY="50" scaleX="1" scaleY="2" text="1" prefWidth="100"/>


- Propiedades:

• id: Texto que referencia al objeto dentro del conjunto.
• layoutX: Posicion X dentro del panel.
• layoutY: Posicion Y dentro del panel.
• text: Texto inicial.
• prefWidth: Tamaño del cuadro de texto.
• scaleX: % de escala con el tamaño por defexto en el sentido X.
• scaleY: % de escala con el tamaño por defexto en el sentido Y.

ImageView

- Incluir imports:
javafx.scene.image.ImageView
javafx.scene.image.Image

- Ejemplo de etiqueta:
<ImageView id="st21" fx:id="st21" x="380" y="0">
<image>
<Image url="@ic_tren.gif"/>
</image>

</ImageView>

- Propiedades:

• id: Texto que referencia al objeto dentro del conjunto.
• x: Posicion X dentro del panel.
• y: Posicion Y dentro del panel.
• url: Url de la imagen.

Text

Incluir import:
javafx.scene.text.Text.

- Ejemplo de etiqueta:

<Text id="stt21" fx:id="stt21" x="50" y="30" text="HOLA"/ >


- Propiedades:

• id: Texto que referencia al objeto dentro del conjunto.
• x: Posicion X dentro del panel.
• y: Posicion Y dentro del panel.
• text: Texto que pintar.

Line

- Incluir import:
javafx.scene.shape.Line.

- Ejemplo de etiqueta:
<Line id="line11" fx:id="line11" startX="0" startY="0" endX="300" endY="290" strokeWidth="1"/>

- Propiedades:

• id: Texto que referencia al objeto dentro del conjunto.
• startX: Posicion X dentro del panel donde empieza la linea.
• startY: Posicion Y dentro del panel donde empieza la linea.
• endX: Posicion X dentro del panel donde termina la linea.
• endY: Posicion Y dentro del panel donde termina la linea.
• strokeWidth: Tamaño de la linea de dibujo.
• stroke: Color de la linea.
  

Rectangle

- Incluir import:
javafx.scene.shape.Rectangle.

- Ejemplo de etiqueta:

<Rectangle id="cuadro" fx:id="cuadro" x="550" y="0" height="600" width="250" strokeWidth="1" fill="#999999"/ >

- Propiedades:

• id: Texto que referencia al objeto dentro del conjunto.
• x: Posicion X dentro del panel.
• y: Posicion Y dentro del panel.
• height: Altura.
• width:Anchura.
• strokeWidth: Tamaño de la linea de dibujo.
• fill: Color de relleno.