[PDF] Interfaces de usuario con AWT y Swing

View - Download Interfaces de usuario con AWT y Swing

Previous PDF

Next PDF

Interfaces de usuario con

AWT y SwingAWT y Swing

Pedro Corcuera

Dpto. Matemática Aplicada y

Ciencias de la Computación

Universidad de Cantabria

corcuerp@unican.es

Objetivos

• Escribir programas para dibujar elementos gráficos • Escribir programas con interfaces de usuario elaboradas•Conocer la tecnología

AppletJava

2 •Conocer la tecnología

Applet

• Conocer las API para mostrar imágenes y reproducir sonidos

Índice

• Abstract Windowing Toolkit (AWT) vs. Swing • Componentes GUI AWT • Gráficos • Gestores de Layout•Componentes Swing Java 3 •Componentes Swing • Applets • Modelo de delegación de eventos • Frame Windows • Uso de clases Inner para Listeners • Construcción de aplicaciones con GUIs • Multimedia con Java

Interfaces de usuario (GUI) con Java

• Java proporciona las clases necesarias para el desarrollo de aplicaciones con interfaces de usuario interactivas • Las clases proporcionan los componentes GUI necesarios para crear aplicaciones y applets Java Java 4 necesarios para crear aplicaciones y applets Java • Las clases derivan de la Java Foundation Classes (JFCs) que es una parte importante del Java SDK que es una colección de cinco APIs - AWT, Swing, Java2D, Accessibility, Drag and Drop

AWT y Swing

• AWT (Abstract Windows Toolkit ) y Swing son librerías de clases para el desarrollo de GUIs • Algunos componentes de AWT usan código nativo y por ello es dependiente de la plataforma Java 5 • Swing está escrito completamente en Java por lo que es independiente de la plataforma - Las aplicaciones distribuídas entre varias plataformas tiene la misma apariencia - Se puede considerar como el reemplazo de AWT

Componentes AWT

Abstract Windows Toolkit(AWT): java.awt

- GUI elements: • Container (Panel, Frame, Dialog, etc. ) • Primitive (Button, Label, Checkbox, Scrollbar, etc. ) - Layout managers: FlowLayout, BorderLayout, etc. -Supporting classes Java 6 -Supporting classes • Event handling - java.awt.event package • Graphics - Color, Font, Graphics, etc. • Geometry - Point, Rectangle, Dimension, etc. • Imaging - Image class and java.awt.image package

Jerarquía de Componentes AWT

Java 7

Componentes GUI AWT: Clases Window

fundamentales and interact with the user. The root of all other AWT classes An abstract subclass of the Componentclass. A component that can contain other AWT components. Java 8 can contain other AWT components. titlebar, the menubar nor the border. Superclass of the Applet class Extends the Containerclass. A Window object is a top-level window with no borders and no menubar. (default BorderLayout) Entends theWindowclass. A window with a title, menubar, border, and resizing corners.

Componentes AWT: Métodos de la clase

Window

• Asignación del tamaño de ventana: dondeDimension dtienewidthy heightcomo campos Java 9 • Un window por defecto no es visible. Configuración de su visibilidad:

Si b es true, window es visible

Componentes AWT: Clases

fundamentales Window • Los objetosFrameson muy usados en el diseño de GUI Java 10

Componentes AWT: Clase Graphics

• Métodos de la clase Graphics (abstract) Java 11 • Constructores de la clase Color 24-1
(blanco-negro)

Rojo: bits 16-23

Verde: bits 8-15

Azul: bits 0-7

Métodos de la Clase java.awt.Graphics

(x,y)Baseline (x,y) w h Java 12

Métodos de la Clase java.awt.Graphics

Java 13 • screen • printer • imagen off-screen (imagen almacenada en memoria)

Ejemplo de Componentes GUI: Graphics

14

Más componentes AWT

• Controles AWT - Componentes que permiten al usuario interactuar con la aplicación GUI - Subclases de la clase Component Java 15

3¢±®""¡ ±

Ejemplo de Componentes GUI

Java 16

Gestores del Layout

• Los gestores de Layout determinan la disposición y tamaño de los componentes dentro de un contenedor - Las posiciones y tamaños de los componentes se ajustan automáticamente cuando la ventana cambia de tamaño. •Los clases de los gestores de layout en Java son: Java 17 •Los clases de los gestores de layout en Java son: - FlowLayout - BorderLayout - GridLayout - GridBagLayout - CardLayout

Gestores del Layout: métodos

• Ajuste del gestor de layout

Si se pasa null, no se usa un gestor de layout

• Si no se usa un gestor es necesario posicionar los Java 18 elementos manualmente

Método de la clase Component

Tedioso cuando se tiene varios objetos puesto que se tiene que usar para cada objeto

Gestor FlowLayout

• Es el gestor por defecto de la clase y subclasesPanel - La clase Appletes una subclase de Panel • Coloca los componentes de izquierda a derecha y de arriba abajo, empezando en la esquina superior izquierda Java 19 izquierda

Resumen de ConstructoresFlowLayout() Constructs a new FlowLayout with a centered alignment and a default 5-

unit horizontal and vertical gap. FlowLayout(int align) Constructs a new FlowLayout with the specified alignment and a default

5-unit horizontal and vertical gap.

FlowLayout(int align,

int hgap, int vgap) Creates a new flow layout manager with the indicated alignment and the indicated horizontal and vertical gaps.

Gestor FlowLayout

• Gap - Espaciado entre componentes - Medido en pixels • Valores de alineamiento posibles Java 20

Ejemplo de gestor FlowLayout

Java 21

Resultado:

Gestor BorderLayout

• Es el gestor por defecto de la clase y subclasesWindow - Incluye los tipos Framey Dialog • Divide el objetoContaineren cinco partes donde se añaden objetos Component (North, South, East, West, Center) Java 22
Center)- Los parámetros hgapy vgapse refieren al espaciado entre

los componentes dentro del contenedorResumen de ConstructoresBorderLayout() Constructs a new border layout with no gaps between components.

BorderLayout(int hgap,

int vgap) Constructs a border layout with the specified gaps between components.

Uso del Gestor BorderLayout

• Para añadir un componente a una región específica: - Usar el método add y pasar dos argumentos: • Componente a añadir • Región donde se debe colocar el componente•Regiones válidas: Java 23

•Regiones válidas:BorderLayout.NORTHBorderLayout.SOUTHBorderLayout.EASTBorderLayout.WESTBorderLayout.CENTER

Ejemplo de gestor BorderLayout

Java 24

Resultado

Gestor GridLayout

• Parecido a FlowLayout - La posición de los componentes va de izquierda a derecha y de arriba abajo - Empieza a añadir componentes en la esquina superior izquierda Java 25
izquierda • Divide el contenedor en un número de filas y columnas - Las regiones son de igual tamaño - Ignora el tamaño del componente principal

Gestor GridLayout

Resumen de ConstructoresGridLayout() Creates a grid layout with a default of one column per component, in a single row. GridLayout(int rows, int cols) Creates a grid layout with the specified number of rows and columns. Java 26
columns.

GridLayout(int rows, int cols,

int hgap, int vgap) Creates a grid layout with the specified number of rows and columns.

Ejemplo de gestor GridLayout

Java 27

Resultado

Panels y Layout complejos

• Para layouts complejos: - Se puede combinar los diferentes gestores de layouts - Uso de panels al mismo tiempo • Recordar que: Java 28
- Un Paneles un Containery un Component - Se puede insertar componentes en un Panel - Se puede añadir Panela un Container

Ejemplo de Panels y Layout complejos

Java 29

Ejemplo de Panels y Layout complejos

Java 30

Resultado

Componentes GUI Swing

• El paquete se encuentra en javax.swingy consiste de varios cientos de clases y numerosos subpaquetes • Escritos completamente en Java y por ello tienen la misma apariencia si se ejecutan en diferentes plataformas Java 31
plataformas• Nombres de los componentes similares a los de AWT: empiezan con la letra

Jseguido del nombre del

componente AWT. Ejemplo: JButton • Proporciona componentes más interesantes:

Selección de color, Panel de opciones, etc.

Jerarquía de Componentes Swing

Java 32

Componentes GUI Swing básicos

Componente DescripciónJButtonAn implementation of a "push" button.

JCheckBox

An implementation of a check box -- an item that can be selected or deselected, and which displays its state to the user. JComboBoxA component that combines a button or editable field and a drop-down list. Java 33
JComponentThe base class for all Swing components except top-level containers. JDialogThe main class for creating a dialog window. JFileChooserJFileChooser provides a simple mechanism for the user to choose a file.

JFrame

An extended version of java.awt.Frame that adds support for the JFC/Swing component architecture. JLabelA display area for a short text string or an image, or both.

Componentes GUI Swing básicos

Componente DescripciónJListA component that displays a list of objects and allows the user to select one or

more items. JMenu An implementation of a menu -- a popup window containing JMenuItems that is displayed when the user selects an item on the JMenuBar.JOptionPane JOptionPane makes it easy to pop up a standard dialog box that prompts users Java 34

JOptionPane

JOptionPane makes it easy to pop up a standard dialog box that prompts users for a value or informs them of something.

JPanelJPanel is a generic lightweight container.

JRadioButton

An implementation of a radio button -- an item that can be selected or deselected, and which displays its state to the user.

JScrollBarAn implementation of a scrollbar.

JSlider

A component that lets the user graphically select a value by sliding a knob within a bounded interval.

Componentes GUI Swing básicos

Componente DescripciónJTextAreaA JTextArea is a multi-line area that displays plain text. JTextFieldJTextField is a lightweight component that allows the editing of a single line of text. JTreeA control that displays a set of hierarchical data as an outline.JWindow

A JWindow

is a container that can be displayed anywhere on the user"s desktop. Java 35

JWindow

A JWindow

is a container that can be displayed anywhere on the user"s desktop. JAppletAn extended version of java.applet.Applet that adds support for the JFC/Swing component architecture.

Swing: ajuste de contenedores de alto

nivel • Los contenedores de alto nivel de Swing son ligeramente incompatibles con los de AWT - En términos de adición de componentes al contenedor • Para añadir un componente al contenedor: -Obtener el panel del contenido del contenedor mediante el Java 36
-Obtener el panel del contenido del contenedor mediante el método getContentPane - Añadir componentes al panel del contenedor mediante el método add

Clase JFrame

• Para mostrar un frame se siguen los pasos: - Asignar el tamaño del frame Java 37
- Asignar el título del frame - Asignar el 'default close operation" - Hacerlo visible

Ejemplo: JFrame vacío

Java 38

Resultado

Ejemplo: JFrame con componentes

Java 39

Ejemplo: JFrame con componentes

Java 40

Resultado

Dibujando sobre un componente

• No se puede dibujar directamente en un objeto

JFrame

• Para ello, se crea un objeto y se añade al frame • En la creación del objeto se sobreescribe el métodoquotesdbs_dbs17.pdfusesText_23

[PDF] awt components in java tutorial point

[PDF] awt components in javatpoint

[PDF] awt controls in java

[PDF] ay tax airline

[PDF] azure devops command line

[PDF] azure fortigate pricing

[PDF] a^nb^n is not regular

[PDF] baby bar essays

[PDF] baby boom 1950

[PDF] baby boom chart?

[PDF] baby boom france 1945

[PDF] baby boom france 2000

[PDF] baby boom france 2018

[PDF] baby boom france 2019

[PDF] baby boom france date