7/26/2019 Semana11_GestionEventos

1/18

engua e e rogramac n :: ::

Al final de esta presentacin el participante ser capaz de:

Identificar los componente bsicos en clases visuales.

Implementar una clase visual.

Ejecutar una clase visual (Beans).

Trabajando con Clases Visuales

Dr. Manuel Snchez Cheromanuelsanchezchero@gmail.com

7/26/2019 Semana11_GestionEventos

2/18

engua e e rogramac n :: ::

Creando una clase visual

Para crear una clase visual, seleccionamosvisual class

7/26/2019 Semana11_GestionEventos

3/18

engua e e rogramac n :: ::

Creando una clase visual

Areamos las interfaces

!eleccionamos "rame

#iitamos el nombre de una

Clase

1

2

3

4

$acemos clic en "inis%

7/26/2019 Semana11_GestionEventos

4/18

engua e e rogramac n :: ::

Entorno de la clase &isual

Editor

'aleta de$erramientas

'ropiedade

s del objeto

bjeto de tipo"rame

7/26/2019 Semana11_GestionEventos

5/18

engua e e rogramac n :: ::

Cambiando el laout

Cambiamos el set*aout

a null+ para poder colocar

los componentes

7/26/2019 Semana11_GestionEventos

6/18

engua e e rogramac n :: ::

Clase visual , Componentes A-

'aleta de $erramientas

de componentes del

pa/uete A-

7/26/2019 Semana11_GestionEventos

7/18

engua e e rogramac n :: ::

Colocando un *abel

$acemos clic en el *abel

lueo arrastramos elcomponente %acia el

frame.

Colocamos un nombre al

componente *abel en

este caso es*0

7/26/2019 Semana11_GestionEventos

8/18

engua e e rogramac n :: ::

*abel 1 Colocando un te2to a la Eti/ueta

!eleccionamos el *abel

lueo anticlic para eleir

sete2t+ para colocar un

te2to.

Cdio del *abel *0

7/26/2019 Semana11_GestionEventos

9/18

engua e e rogramac n :: ::

Colocando un e2t"ield

$acemos clic en

e2t"ield lueoarrastramos el

componente %acia el

frame.

Colocamos un nombre al

componente e2t"ield en

este caso es0

7/26/2019 Semana11_GestionEventos

10/18

engua e e rogramac n :: ::

Creando una clase visual

Cdio del e2t"ield 0

7/26/2019 Semana11_GestionEventos

11/18

engua e e rogramac n :: ::

e2t"ield 1 'ropiedades

Cdio del e2t"ield3esultado

'ropiedades del e2t"ield

3esultado

7/26/2019 Semana11_GestionEventos

12/18

engua e e rogramac n :: ::

Colocando Botones

$acemos clic en Button lueo arrastramos el

componente %acia el

frame.

Colocamos un nombre al

componente Button en

este caso esB0

7/26/2019 Semana11_GestionEventos

13/18

engua e e rogramac n :: ::

Colocando Botones!eleccionamos el Button

lueo anticlic paraeleir set*abel+ para

colocar una eti/ueta al

botn.

7/26/2019 Semana11_GestionEventos

14/18

engua e e rogramac n :: ::

'roramando en los botones!eleccionamos el Button

lueo anticlic paraeleir Events

Action'erformed para

comenzar a proramar

7/26/2019 Semana11_GestionEventos

15/18

engua e e rogramac n :: ::

public void action'erformed(java.a4t.event.ActionEvent e) 50.sete2t(66)7

8.sete2t(66)7

3esultado.sete2t(66)7

0.re/uest"ocus()7

9

'roramando en los botones

public void action'erformed(java.a4t.event.ActionEvent e) 5

double v0;+v8;+r;7

v0#ouble.valueOf(T1.getText()).doubleValue();

v8#ouble.valueOf(T2.getText()).doubleValue();

rv0

7/26/2019 Semana11_GestionEventos

16/18

engua e e rogramac n :: ::

Ejecutando el Beans

7/26/2019 Semana11_GestionEventos

17/18

engua e e rogramac n :: ::

Muy bien, hemos arendido a

u!i"i#ar "as c"ases $isua"es enec"ise, ahora in!%n!a"o en !u

comu!ador&

'ecuerda (ue uedes $er es!e

!u!oria" "as $eces (ue deseas&

)*LI+IA+I-.*/00

7/26/2019 Semana11_GestionEventos

18/18

engua e e rogramac n :: ::

Cr=ditos

+'*I-/

*s!e !u!oria" ue rea"i#ado y

edi!ado or:

Manue" Jess /nche# +hero

u!or Vir!ua" de *ducacin ais!ancia

+hic"ayo 5 Per

Versin 1&6