4 · Componentes de una interfaz gráfica

1Etiquetas y campos de texto

Label: texto no interactivo. Permite situar un texto en la interfaz y puede mostrar múltiples líneas e imágenes.

java

Label label1 = new Label();
Label label2 = new Label("Search");
Image image = new Image(getClass().getResourceAsStream("labels.jpg"));
Label label3 = new Label("Search", new ImageView(image));

TextField: cuadro de una sola línea en el que se escribe un dato.

java

Label label1 = new Label("Name:");
TextField textField = new TextField();
HBox hb = new HBox();
hb.getChildren().addAll(label1, textField);
hb.setSpacing(10);

PasswordField: cuadro de texto en el que los caracteres aparecen ocultos.

java

PasswordField passwordField = new PasswordField();
passwordField.setPromptText("Your password");

2Botones

Button: área rectangular que se puede pulsar para llevar a cabo una acción.

java

Button button1 = new Button();
Button button2 = new Button("Accept");
Image imageOk = new Image(getClass().getResourceAsStream("ok.png"));
Button button3 = new Button("Accept", new ImageView(imageOk));

RadioButton: botones circulares agrupados para seleccionar un único elemento entre varios.

java

RadioButton rb1 = new RadioButton();
rb1.setText("Home");
rb1.setSelected(true);
RadioButton rb2 = new RadioButton("Calendar");
RadioButton rb3 = new RadioButton("Contacts");

CheckBox: botones en forma de rectángulo para marcar una opción; a diferencia de los radio buttons, se pueden seleccionar varios en un conjunto.

java

CheckBox cb1 = new CheckBox();
CheckBox cb2 = new CheckBox("Second");
cb1.setText("First");
cb1.setSelected(true);

3Listas y desplegables

ListView: conjunto de datos presentados en un cuadro entre los que es posible elegir uno o varios.

java

ListView<String> list = new ListView<>();
ObservableList<String> items = FXCollections.observableArrayList(
    "Single", "Double", "Suite", "Family App");
list.setItems(items);

ComboBox / ChoiceBox: combinan un cuadro de texto y una lista; permiten escribir un dato o seleccionarlo de la lista oculta que se despliega.

java

final ChoiceBox cb = new ChoiceBox(FXCollections.observableArrayList(
    "English", "Español", "Русский", "简体中文", "日本語"));
ObservableList<String> options = FXCollections.observableArrayList(
    "Option 1", "Option 2", "Option 3");
final ComboBox comboBox = new ComboBox(options);

Sé cuándo usar un Label frente a un TextField.
Sé para qué sirve específicamente PasswordField.
Sé crear un Button con texto, con icono, o con ambos.
Distingo RadioButton (selección única) de CheckBox (selección múltiple).
Sé rellenar un ListView con un ObservableList.
Distingo ComboBox de ChoiceBox.
Sé leer el genérico ListView<String> / ObservableList<String> y explicar qué significa.
Dado un formulario de ejemplo, sé qué control usaría para cada campo.

✓Ideas clave que debes dominar

Label = texto no interactivo · TextField = una línea editable · PasswordField = texto oculto.
Button = acción · RadioButton = selección única (grupo) · CheckBox = selección múltiple.
ListView = lista de elementos · ComboBox/ChoiceBox = texto + lista desplegable.