gui con eclipse

18
Lenguaje de Programación I pág. 1 Aplicaciones en Java con Eclipse Ingrese al editor eclipse Kepler - Si aparece una ventana Welcome pulse el botón X - Seleccione un workspace - Si no aprece una ventana seleccione File / Switch Workspace / Other… - Pulse el botón Browse… y ubique la carpeta AreaDeTrabajo (workspace) - El Editor se cierra y carga automáticamente apareciendo con la configuración proporcionada en la carpeta .metadata doble clic izquierdo clic izquierdo

Upload: alvarovinet

Post on 02-Feb-2016

28 views

Category:

Documents


0 download

DESCRIPTION

Manual de uso de Eclipse

TRANSCRIPT

Page 1: GUI Con Eclipse

Lenguaje de Programación I

pág. 1

Aplicaciones en Java con Eclipse

Ingrese al editor eclipse Kepler

- Si aparece una ventana Welcome pulse el botón X -

Seleccione un workspace

- Si no aprece una ventana seleccione File / Switch Workspace / Other…

- Pulse el botón Browse… y ubique la carpeta AreaDeTrabajo (workspace)

- El Editor se cierra y carga automáticamente apareciendo con la configuración

proporcionada en la carpeta .metadata

doble clic izquierdo

clic izquierdo

Page 2: GUI Con Eclipse

Lenguaje de Programación I

pág. 2

Cree un Proyecto

- Seleccione File / New / Java Project

- Project name: Proyecto (debe comenzar siempre con letra mayúscula)

clic izquierdo

Page 3: GUI Con Eclipse

Lenguaje de Programación I

pág. 3

Añada un JFrame al Proyecto

- Ilumine src

- Seleccione New / Other

- En WindowBuilder / SwingDesigner seleccione JFrame

clic izquierdo

clic derech o

clic izquierd o

Page 4: GUI Con Eclipse

Lenguaje de Programación I

pág. 4

- Package: cibertec (debe comenzar siempre con letra minúscula)

- Name: Proyecto (debe comenzar siempre con letra mayúscula)

clic izquierd o

clic izquierd o

clic izquierd o

Page 5: GUI Con Eclipse

pág. 5

Observe la ruta establecida

- Observe el código fuente autogenerado

- Observe el Diseñador Visual

Page 6: GUI Con Eclipse

pág. 6

Extienda el Diseñador Visual

- Ubíquese en el interior del Componente Visual

clic izquierd o

doble clic izquierd o

Page 7: GUI Con Eclipse

pág. 7

- Haga clic derecho y seleccione Set layout / Absolute layout Ilumine el marco

del Componente Visual

- title: Proyecto

clic izquierd o

clic izquierd o

Page 8: GUI Con Eclipse

pág. 8

- Observe el resultado

- Grabe todo y e jecute el Pro yecto

clic izquierd o

clic izquierd o

Page 9: GUI Con Eclipse

pág. 9

Interfaz Gráfica de Usuario

(componentes básicos)

- Declaración de una etiqueta:

Usaremos el prefijo lbl JLabel lblEtiqueta;

- Declaración de una entrada:

Usaremos el prefijo txt JTextField txtEntrada;

- Declaración de un botón:

Usaremos el prefijo btn JButton btnBoton;

- Declaración de una lista despegable:

Usaremos el prefijo cbo JComboBox cboLista;

Page 10: GUI Con Eclipse

pág. 10

- Haga clic izquierdo en el botón … de model para colocar los ítems

- Declaración de barras de ubicación:

Usaremos el nombre scpScroll JScrollPane scpScroll;

- Haga clic izquierdo en JSCrollPane

- Ingrese al interior del Diseñador Visual

- Manteniendo pulsado el mouse defina un área rectangular

- Declaración de un área de impresión con sus barras de ubicación:

Page 11: GUI Con Eclipse

pág. 11

Usaremos el nombre txtS JTextArea txtS;

- Haga clic izquierdo en JTextArea

- Ingrese al interior del rectángulo y de clic izquierdo

Interfaz Gráfica de Usuario

(Programación de entradas y salidas)

Page 12: GUI Con Eclipse

pág. 12

getText()

Lee el texto de un componente. Ejemplo:

String nombre;

nombre = txtNombresApellidos.getText();

Resultado: la variable nombre contiene el texto “Daniel Pinto Abenzur”

Integer.parseInt

Convierte el texto leído de un componente a un valor de tipo entero. Ejemplo: int año;

año = Integer.parseInt(txtAñoNacimiento.getText());

Resultado: la variable año contiene el valor entero 1967

Double.parseDouble

Convierte el texto leído de un componente a un valor de tipo real. Ejemplo: double peso;

peso = Double.parseDouble(txtPesoKilogramos.getText());

Resultado: la variable peso contiene el valor real 76.7

setText

Reemplaza el texto de un componente por el que se envíe. Ejemplo: txtS.setText("DATOS INGRESADOS" + "\n\n");

Page 13: GUI Con Eclipse

pág. 13

El símbolo + concatena la información.

La orden "\n" genera un salto de línea al final.

append

Adiciona texto al componente txtS. Ejemplo: txtS.append("Nombres y apellidos : " + nombre + "\n");

txtS.append("Año de nacimiento : " + año +

"\n");

txtS.append("Peso : " + peso + " kg");

- Diríjase al Diseñador Visual

Page 14: GUI Con Eclipse

pág. 14

- Grabe todo y ejecute el Programa

requestFocus()

Reposiciona el cursor en el componente indicado. Ejemplo: txtNombresApellidos.requestFocus();

doble clic izquierd o

Page 15: GUI Con Eclipse

pág. 15

- Grabe todo y ejecute el Programa

Interfaz Gráfica de Usuario

(Programación del JComboBox)

doble clic izquierd o

Page 16: GUI Con Eclipse

pág. 16

getSelectedItem().toString()

Lee el ítem del componente JComboBox. Ejemplo:

String moneda;

moneda = cboMoneda.getSelectedItem().toString();

Resultado: la variable moneda contiene el texto “Soles”

getSelectedIndex()

Devuelve la posición del ítem seleccionado en el JComboBox. La enumeración

comienza a partir de cero. Ejemplo:

int indiceMoneda;

indiceMoneda = cboMoneda.getSelectedIndex();

Resultado: la variable indiceMoneda contiene el valor entero 0

txtS.append("Moneda seleccionada : " + moneda + "\n");

txtS.append("Indice de la moneda : " + indiceMoneda);

Page 17: GUI Con Eclipse

pág. 17

Page 18: GUI Con Eclipse

pág. 18

setSelectedIndex(int)

Cambia el ítem en el JComboBox según el número de la posición enviada

entre paréntesis. Ejemplo:

cboMoneda.setSelectedIndex(0);

Resultado: el ítem seleccionado ahora es “Soles”