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

GUI Con Eclipse

Embed Size (px)

DESCRIPTION

Manual de uso de Eclipse

Citation preview

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”