Al crear un GUI ( Graphical User Interface) para el programa Java , trazar los componentes en un formato de cuadrícula es una habilidad esencial . La clase GridLayout es una herramienta básica que le permite dar formato a tus componentes en un determinado número de filas y columnas, y le permite elegir un espacio horizontal y vertical entre los componentes. El Eclipse IDE para desarrolladores de Java es el programa que va a utilizar para hacer la edición y la creación de nuestro código Java sea más fácil. Cosas que necesitará
Eclipse para desarrolladores de Java
Mostrar más instrucciones
1

En Eclipse , seleccione " Archivo", " Nuevo", " Proyecto de Java. " Al lado de " Nombre del proyecto: " type " MyGrid " y luego haga clic en " Finalizar".

2 Haga clic en la carpeta " MyGrid " en el Explorador de paquetes ( la columna de la derecha) y seleccione " Nueva ", " Clase ". Nombre de la clase " MyGrid " y en " ¿Qué método talones le gustaría crear? " comprobar el " public static void main ( String [] args ) " caja . Haga clic en " Finalizar".
3

Seleccione el espacio en blanco por encima de "clase pública { MyGrid " y escriba el siguiente código de Java para importar las bibliotecas de Java necesarios : . Importación javax.swing * ; import java . AWT * ;
4

Seleccione el espacio en blanco debajo de " void (String [] args ) { public static " y escriba el siguiente código de Java: . JFrame frame = new JFrame ( "Lay Out My Componentes en un Grid " ) ; frame.setDefaultCloseOperation ( JFrame.EXIT_ON_CLOSE ) , panel JPanel = new JPanel ( nueva GridLayout ( 5,2,20,50 )); panel.add ( new JLabel ( " etiqueta para la fila 1 ")); panel.add ( new JTextField ( 5 )); panel.add ( new JLabel ( "diferente etiqueta Row 2 ")); panel.add ( new JTextField ( 3 )); panel.add ( new JLabel ( " otra etiqueta : " )); panel.add ( new JTextField ( 3 )); panel.add ( new JLabel ( "y ahora 4 ")); panel.add ( new JTextField ( 3 )); panel.add ( new JButton ("My Button ")); panel.add ( new JButton ( " Otra Button ")); frame.add ( panel) ; frame.setSize ( 400.400 ) ; frame.setVisible ( true);
5

click el botón de pista verde encima de la columna del Explorador de paquetes para ejecutar el código. Una pantalla GUI aparecerá. Tenga en cuenta que tiene 5 columnas y 2 filas . Esto se define en la función " GridLayout ( 5,2,20,50 )" en el paso anterior. Observe también que hay una brecha horizontal 20 pixel ( entre cada etiqueta y cuadro de texto ), y un espacio vertical de 50 píxeles . Juega con los valores anteriores, y haga clic en el botón de pista verde de nuevo para probar las modificaciones.