TAP PRESENTACIÓN COMP VISUALES Y NO VISUALES

Componentes visuales y no visuales de Java en IntelliJ IDEA.

INGENIERÍA EN SISTEMAS COMPUTACIONALES Tópicos Avanzados de Programación Actividad de Aprendizaje #1 Ejercicios de Programación Orientada a Objetos en IntelliJ IDEA. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Presenta Arizmendis Nucamendi Armando de Jesús Asesor Álvarez Albores Cesar Iván

Tuxtla Gutiérrez, Chiapas, México; 22 de septiembre del 2022

Índice

Introducción

Componentes Visuales

Componentes NO Visuales

Conclusiones

Referencias

01

INTRODUCCIÓN

Introducción

componentes visuales y no visuales

Cuando un componente tiene una representación gráfica (botones, barras de desplazamiento, cuadros de edición, etc.) en tiempo de diseño y ejecución, es visible, de lo contrario se dice que es invisible (temporizadores, diálogos, etc). El diseñador de GUI ocupa el mismo espacio que el editor en la ventana principal de IntelliJ IDEA. Cada formulario de GUI se abre en una pestaña separada. (Para obtener información sobre cómo crear y abrir formularios, consulte Creación de formularios GUI). El GUI Designer consta de los siguientes componentes principales:

02

Componentes visuales

Estructura de componentes

Esta vista de árbol muestra los componentes contenidos en el formulario de diseño y le permite navegar y seleccionar uno o más componentes. La selección de uno o más componentes aquí se refleja en paralelo en el formulario de diseño y viceversa, como se muestra en la siguiente figura:

La jerarquía de vista de árbol representa la contención. Los nodos expandibles representan algún tipo de contenedor. Los subnodos de los contenedores representan los componentes de la interfaz de usuario (incluidos los contenedores anidados). El nodo raíz representa el Formulario, que es, en efecto, el contenedor de nivel superior para la GUI que está creando con el Diseñador de GUI. Cuando crea un nuevo formulario, un componente JPanel se agrega automáticamente al espacio de trabajo del formulario y aparece como un elemento secundario del formulario en la vista de árbol de componentes. Este JPanel es la parte superior de la jerarquía de componentes de la interfaz de usuario (en el sentido de Java) para el formulario actual. Todos los demás componentes de Swing u otros componentes de la interfaz de usuario están contenidos en él, como se ilustra en la siguiente figura:

Es posible mover componentes de un contenedor a otro utilizando la operación de arrastrar y soltar en la vista de árbol de componentes:

Enlace

Inspector de propiedades

La ventana del inspector de propiedades muestra las propiedades del componente actualmente seleccionado en el espacio de trabajo del formulario, o el propio formulario si no existe ningún componente o no se ha seleccionado ninguno. En esta sección encontrará información sobre los grupos de propiedades, los comandos del menú contextual y los tipos de editores. El Inspector tiene dos grupos de propiedades, como se muestra en la siguiente figura:

El menú contextual de cada propiedad proporciona los siguientes comandos:

Varios tipos de editores de propiedades aparecen en la columna Valor del inspector: • TextField: escriba un valor. • PickList: elija un valor de una lista desplegable de opciones válidas. • Checkbox: establezca el valor para las propiedades de tipo booleano. • Diálog: presenta un botón de puntos suspensivos que abre un cuadro de diálogo.

Lista de componentes

Lista de contenedores

03

Componentes no visuales

Dialogos de mensajes

Los cuadros de diálogo de mensajes proporcionan información al usuario. Los cuadros de diálogo de mensajes se crean con el método JOptionPane.showMessageDialog(). Se consideran no visuales ya que estos no se agregan directamente como un boton, label, etc, todo esto se agrega directamente al codificar

Existen 4 tipos de mensajes

• MENSAJE DE ERROR
• MENSAJE DE ADVERTENCIA
• MENSAJE DE PREGUNTA
• MENSAJE DE INFORMACIÓN

Metodos que utilizamos

setVisible()

setLayout()

setBounds()

El método se utiliza para establecer el estado de visibilidad de JFrame.

• setVisible (true) establecerá JFrame visible para el usuario.
• setVisible (false) establecerá JFrame como no visible para el usuario.

El método nos ayuda a establecer el diseño del contenedor, a menudo un JPanel, por ejemplo FlowLayout, BorderLayout, GridLayout, diseño nulo o cualquier diseño que queramos agregar al contenedor.

El método se usa para establecer la ubicación y el tamaño de componentes como JButton, y solo es útil si se usa un diseño nulo en JFrame.

Metodos que utilizamos

getSource()

add()

Un objeto de evento contiene una referencia al componente que generó el evento. Para extraer esa referencia del objeto de evento usamos el método getSource()..

Se usa para agregar componentes como JButton, etc., al contenedor de JFrame.

Timers

23:13:45

Es un servicio disponible en el lenguaje de programación Java que permite a los usuarios programar un evento futuro. Estos eventos futuros pueden ser únicos o repetidos a intervalos de tiempo regulares. Puede haber disparadores que usamos para iniciar eventos futuros.

Ejemplo Timer

Esta clase es más fácil de usar. Simplemente crea una instancia pasando la frecuencia (en milisegundos) de la que queremos ser notificados y un ActionListener cuyo método actionPerformed() se ejecutará periódicamente. Entonces solo necesitamos llamar al método start() cuando queremos que el temporizador comience a contar. El código podría ser similar a este

04

Conclusiones

Conclusiones

Llegué a la conclusión de que realmente los componentes visuales y los no visuales se complementan perfectamente gracias a los metodos ActionListener en donde ambos componentes interactuan, sabemos que los visuales son los botones, label, JtextField, etc, mientras que los no visuales es todo aquello que pasa sin que se vea de manera grafica, vease cualquier metodo aplicado en el código como las ventamas JOption, etc.

05

Referencias

Referencias

¿? [G RB]. (2020, 1 abril). Crear y utilizar componentes visuales en Java [Vídeo]. YouTube. Recuperado 23 de septiembre de 2022, de https://www.youtube.com/watch?v=jwq2bvkH0_s Add/Edit Palette Component | IntelliJ IDEA. (s. f.). IntelliJ IDEA Help. Recuperado 23 de septiembre de 2022, de https://www.jetbrains.com/help/idea/add-edit-palette-component.html Adding GUI Components and Forms to the Palette | IntelliJ IDEA. (s. f.). IntelliJ IDEA Help. Recuperado 23 de septiembre de 2022, de https://www.jetbrains.com/help/idea/adding-gui-components-and-forms-to-the-palette.html Components of the GUI Designer | IntelliJ IDEA. (s. f.). IntelliJ IDEA Help. Recuperado 23 de septiembre de 2022, de https://www.jetbrains.com/help/idea/components-of-the-gui-designer.html Diálogos de mensajes en Java (GUI) – Acervo Lima. (s. f.). Recuperado 23 de septiembre de 2022, de https://es.acervolima.com/dialogos-de-mensajes-en-java-gui/ Pérez, S. (s. f.). Componentes y contenedores. Recuperado 23 de septiembre de 2022, de https://www.dit.upm.es/%7Esantiago/docencia/apuntes/Swing/componentes.html