Cree la GUI

Arrastre tres componentes 

JSlider

 de la paleta (

Palette

) hacia el formulario 

JFrame

 (tal vez necesite desplazarse 

por la paleta). A medida que arrastramos componentes cerca de los bordes del área cliente, o cerca de otros com-
ponentes, Netbeans muestra 

líneas guía

 (fi gura F.4) que indican las distancias y alineaciones recomendadas entre 

el componente que estamos arrastrando, los bordes del área cliente y los demás componentes. A medida que siga 
los pasos para crear la GUI, use las líneas guía para ordenar los componentes en tres fi las y tres columnas, como 
en la fi gura F.5. Use la ventana 

Properties

 para cambiar el nombre de los componentes 

JSlider

 a 

rojoJSlider

, 

verdeJSlider

 y 

azulJSlider

. Seleccione el primer componente 

JSlider

, después haga clic en el botón 

Code

 

de la ventana 

Properties

 y cambie la propiedad 

VariableName

 a 

rojoJSlider

. Repita este proceso para cambiar 

el nombre a los otros dos componentes 

JSlider

. Después seleccione cada componente 

JSlider

 y cambie su 

propiedad 

maximum

 a 255, para que produzca valores en el rango de 0 a 255, y cambie su propiedad 

value

 a 0, 

de manera que el indicador del componente 

JSlider

se encuentre inicialmente a la izquierda.

Arrastre tres componentes 

JLabel

 de la paleta al formulario 

JFrame

 para etiquetar cada componente 

JSli-

der

 con el color que representa. Use los nombres 

rojoJLabel

, 

verdeJLabel

 y 

azulJLabel

 para los componen-

tes 

JLabel

, respectivamente. Cada componente 

JLabel

 debe colocarse a la izquierda del componente 

JSlider

correspondiente (fi gura F.5). Cambie la propiedad 

text

 de cada componente 

JLabel

, ya sea haciendo doble clic 

en el componente 

JLabel

y escribiendo el nuevo texto, o seleccionando el componente 

JLabel

y cambiando la 

propiedad 

text

 en la ventana 

Properties

.

Agregue un componente 

JTextField

 a cada uno de los componentes 

JSlider

 para mostrar su valor. Use 

los nombres 

rojoJTextField

, 

verdeJTextField

 y 

azulJTextField

 para estos componentes. Cambie la pro-

piedad 

text

 de cada componente 

JTextField

 a 

0

, usando las mismas técnicas que para los componentes 

JLabel

. 

Cambie la propiedad 

columns

 de cada componente 

JTextField

 a 

4

.

Figura F.4  

|  Posicione el primer componente 

JTextField

.

Figura F.5  

|  Distribución de los componentes 

JLabel

,

JSlider

 y 

JTextField

.

1360

Apéndice F 

GroupLayout

31_MAQ_APENDICES_Deiltel.indd1360

5/8/084:23:55PM