introduccion a swing netbeans

50
Introducción a Swing con NetBeans Java Intermedio

Upload: ciamuerte

Post on 18-Apr-2015

89 views

Category:

Documents


4 download

TRANSCRIPT

Page 1: Introduccion a Swing NetBeans

Introducción a Swing con NetBeans

Java Intermedio

Page 2: Introduccion a Swing NetBeans

JFC

� Acrónimo de Java Fundation Classes

� Características para construir interfaces gráficas de usuario (GUI) y añadir interactividad a las aplicaciones en Java.

� Contiene

� Componentes de Swing GUI

� Estilo estético (look and feel) fácilmente modificable

� API para accessibilidad

� Java 2D

� Internacionalización

06/06/2012www.yhavhe.com/Cursos2

Page 3: Introduccion a Swing NetBeans

Componentes Swing

JButton

JCheckBox

JComboBox

JList

06/06/2012www.yhavhe.com/Cursos3

Page 4: Introduccion a Swing NetBeans

Componentes Swing

JMenu

JRadioButton

06/06/2012www.yhavhe.com/Cursos4

Page 5: Introduccion a Swing NetBeans

JSliderJSpinner

JTextField JPasswordField

06/06/2012www.yhavhe.com/Cursos5

Page 6: Introduccion a Swing NetBeans

Componentes Swing

JColorChooser JEditorPane

06/06/2012www.yhavhe.com/Cursos6

Page 7: Introduccion a Swing NetBeans

Componentes Swing

JFileChooser

JTable

06/06/2012www.yhavhe.com/Cursos7

Page 8: Introduccion a Swing NetBeans

Componentes Swing

JTextAreaJTree

06/06/2012www.yhavhe.com/Cursos8

Page 9: Introduccion a Swing NetBeans

Componentes Swing

JLabel

JProgressBar

JSeparator

JToolTip

06/06/2012www.yhavhe.com/Cursos9

Page 10: Introduccion a Swing NetBeans

Componentes Swing

JDialog JFrame

06/06/2012www.yhavhe.com/Cursos10

Page 11: Introduccion a Swing NetBeans

Componentes Swing

JPanel

JScrollPane

JSplitPane

JTabbedPane

JToolBar06/06/2012www.yhavhe.com/Cursos11

Page 12: Introduccion a Swing NetBeans

Componentes Swing

JInternalFrame JLayeredPane

06/06/2012www.yhavhe.com/Cursos12

Page 13: Introduccion a Swing NetBeans

Look And Feel

Java look and feel Windows look and feel

06/06/2012www.yhavhe.com/Cursos13

Page 14: Introduccion a Swing NetBeans

Look And Feel

CDE/Motif look and feel Default Alloy look and feel

06/06/2012www.yhavhe.com/Cursos14

Page 15: Introduccion a Swing NetBeans

Transferencia de datos

� Swing soporta la transferencia de información entre componentes de la misma aplicación, aplicaciones de Java distintas, y aplicaciones nativas del sistema.

� Drag and Drop

� Cut, Copy, and Paste

06/06/2012www.yhavhe.com/Cursos15

Page 16: Introduccion a Swing NetBeans

Internacionalización y localización

06/06/2012www.yhavhe.com/Cursos16

Page 17: Introduccion a Swing NetBeans

Otras características

� Accesibilidad

� Integración con el escritorio

� Soporte de Icono en la barra de tareas.

06/06/2012www.yhavhe.com/Cursos17

Page 18: Introduccion a Swing NetBeans

API de Swing

javax.accessibility javax.swing.plaf javax.swing.text

javax.swing javax.swing.plaf.basic javax.swing.text.html

javax.swing.border javax.swing.plaf.metal javax.swing.text.html.parser

javax.swing.colorchooser javax.swing.plaf.multi javax.swing.text.rtf

javax.swing.event javax.swing.plaf.synth javax.swing.tree

javax.swing.filechooser javax.swing.table javax.swing.undo

Las más usadas:

javax.swingjavax.swing.event

06/06/2012www.yhavhe.com/Cursos18

Page 19: Introduccion a Swing NetBeans

Ejemplo

� Crear proyecto Temperatura

06/06/2012www.yhavhe.com/Cursos19

Page 20: Introduccion a Swing NetBeans

Agregando la Ventana Inicial

06/06/2012www.yhavhe.com/Cursos20

Page 21: Introduccion a Swing NetBeans

Agregar un nuevo JFrame al proyecto.

06/06/2012www.yhavhe.com/Cursos21

Page 22: Introduccion a Swing NetBeans

Nombrando el Frame: CelsiusConverterGUI

06/06/2012www.yhavhe.com/Cursos22

Page 23: Introduccion a Swing NetBeans

Ventana de diseño de interfaces

06/06/2012www.yhavhe.com/Cursos23

Page 24: Introduccion a Swing NetBeans

Paleta

06/06/2012www.yhavhe.com/Cursos24

Page 25: Introduccion a Swing NetBeans

Área de diseño

06/06/2012www.yhavhe.com/Cursos25

Page 26: Introduccion a Swing NetBeans

06/06/2012www.yhavhe.com/Cursos26

Page 27: Introduccion a Swing NetBeans

Panel de propiedades

06/06/2012www.yhavhe.com/Cursos27

Page 28: Introduccion a Swing NetBeans

Ventana Inspector

06/06/2012www.yhavhe.com/Cursos28

Page 29: Introduccion a Swing NetBeans

Poniendo título a la ventana

� Demos 1 click sobre el JFrame que se muestra en el Inspector

06/06/2012www.yhavhe.com/Cursos29

Page 30: Introduccion a Swing NetBeans

Agregar título en panel de propiedades

06/06/2012www.yhavhe.com/Cursos30

Page 31: Introduccion a Swing NetBeans

Arrastramos un JTextField desde la paleta al Área de diseño.

06/06/2012www.yhavhe.com/Cursos31

Page 32: Introduccion a Swing NetBeans

Arrastrar una JLabel desde la paleta hacia el Área de diseño

06/06/2012www.yhavhe.com/Cursos32

Page 33: Introduccion a Swing NetBeans

Agregar un JButton

06/06/2012www.yhavhe.com/Cursos33

Page 34: Introduccion a Swing NetBeans

Agregar una segunda etiqueta.

06/06/2012www.yhavhe.com/Cursos34

Page 35: Introduccion a Swing NetBeans

Editar el texto del TextField

06/06/2012www.yhavhe.com/Cursos35

Page 36: Introduccion a Swing NetBeans

Cambiar texto de los componentes

� jTextfield →

� jButton1 → Convertir

� jLabel1 → Celsius

� jLabel2 → Fahrenheit

06/06/2012www.yhavhe.com/Cursos36

Page 37: Introduccion a Swing NetBeans

06/06/2012www.yhavhe.com/Cursos37

Page 38: Introduccion a Swing NetBeans

Cambiamos el tamaño del JTextField y del JButton

06/06/2012www.yhavhe.com/Cursos38

Page 39: Introduccion a Swing NetBeans

Componentes con el mismo tamaño

06/06/2012www.yhavhe.com/Cursos39

Page 40: Introduccion a Swing NetBeans

Redimensionar la ventana

06/06/2012www.yhavhe.com/Cursos40

Page 41: Introduccion a Swing NetBeans

Revisamos el código autogenerado

06/06/2012www.yhavhe.com/Cursos41

Page 42: Introduccion a Swing NetBeans

Cambiar el nombre de los componentes.

06/06/2012www.yhavhe.com/Cursos42

Page 43: Introduccion a Swing NetBeans

Click derecho→Change Variable Name

06/06/2012www.yhavhe.com/Cursos43

Page 44: Introduccion a Swing NetBeans

Nombres cambiados

06/06/2012www.yhavhe.com/Cursos44

Page 45: Introduccion a Swing NetBeans

Agregando funcionalidad

06/06/2012www.yhavhe.com/Cursos45

Page 46: Introduccion a Swing NetBeans

Agregamos el código al método convertButtonActionPerformed

String tempText = tempTextField.getText();int tempFahr = (int)((Double.parseDouble(tempText))

* 1.8 + 32);fahrenheitLabel.setText(tempFahr + " Fahrenheit");

06/06/2012www.yhavhe.com/Cursos46

Page 47: Introduccion a Swing NetBeans

Ejecutando el proyecto

06/06/2012www.yhavhe.com/Cursos47

Page 48: Introduccion a Swing NetBeans

Ventana del proyecto

06/06/2012www.yhavhe.com/Cursos48

Page 49: Introduccion a Swing NetBeans

Preguntas

� ¿Por qué se deseleccionó la opción "Crear clase principal"?

� ¿Qué ventana contiene todos los componentes que se ofrecen en el API Swing?

� ¿Cuál es el propósito del área de diseño?

� Explica las diferencias entre las pestañas "Source" y "Design"

� ¿Cuáles son algunas ventajas de editar un objeto con el Editor de Propiedades (A diferencia de hacerlo directamente en el código)?

� ¿Qué componentes se utilizaron para el ejemplo?

� Describe el procedimiento para establecer el mismo tamaño a dos componentes en el área de diseño.

06/06/2012www.yhavhe.com/Cursos49

Page 50: Introduccion a Swing NetBeans

Ejercicio

� Crea una aplicación de ventanas que reciba tres valores numéricos (dobles) y calcule la Fórmula general de la ecuación de segundo grado

06/06/2012www.yhavhe.com/Cursos50