Want to create interactive content? It’s easy in Genially!
A2.1 Componentes visuales y no visuales.
Alejandro Rodas
Created on February 21, 2024
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Higher Education Presentation
View
Psychedelic Presentation
View
Vaporwave presentation
View
Geniaflix Presentation
View
Vintage Mosaic Presentation
View
Modern Zen Presentation
View
Newspaper Presentation
Transcript
A2.1 Presentación interactiva: Componentes visuales y no visuales, en IntelliJ IDEA
TÓPICOS AVANZADOS DE PROGRAMACIÓN
Índice
Introducción
Desarrollo
Conclusión
Bibliografía
Introducción
COMPONENTES VISUALES Y NO VISUALES
Un componente es visual cuando tiene una representación gráfica en tiempo de diseño y ejecución (botones, barras de scroll, cuadros de edición, etc.), y se dice no visual en caso contrario (temporizadores, cuadros de diálogo -no visibles en la fase de dieño-, etc). En programación, los componentes visuales y no visuales se refieren a elementos que pueden o no ser directamente visibles para los usuarios a través de la interfaz de usuario de una aplicación. Los elementos visuales incluyen botones, etiquetas, campos de entrada de texto, imágenes, listas desplegables, barras de progreso y más. Los elementos no visuales incluyen clases y funciones que realizan cálculos, manipulación de datos, gestión de lógica empresarial, interacción con bases de datos y más.
01
COMPONENTES VISUALES
componentes VISUALES
En programación, los componentes visuales se refieren a elementos de la interfaz de usuario (UI) que el usuario puede percibir e interactuar directamente. Estos componentes están diseñados para mostrar información visualmente y permitir la interacción directa con su aplicación. Esta sección detalla los componentes visuales comunes.
Text (Texto) Es conocido como Label, tiene un área Text para ingresar el texto que será mostrado. Es posible configurar un font, estilo de fondo, tamaño de fondo y si o no el texto tiene una capacidad de texto rica. Image (Imagen) Una Image tiene un componente Rect Transform y un componente Image. Un sprite puede ser aplicado al componente Image debajo del campo Target Graphic, y su color puede ser configurado en el campo Color. Un material también puede ser aplicado al componente Image. Raw Image (Imagen cruda) El componente Image toma un sprite, pero la Raw Image toma una textura (sin bordes etc). Una Raw Image debería solamente ser utilizada si es necesaria, de lo contrario la Image (image) será adecuado en la mayoría de los casos. Mask Un Mask no es un control visible UI pero en vez, es una manera de modificar las apariencias de los controles de los elementos hijos. La mask restringe (ie, “masks”) los elementos hijo a la forma de su padre. Por lo que, si el hijo es más grande que el padre entonces solamente la parte del hijo que encaja dentro del padre será visible. Efectos Los componentes visuales también pueden tener varios efectos simples aplicados, como una simple sombra o contorno. Consulte la página de referencia Efectos UI para obtener más información.
02
COMPONENTES NO VISUALES
COMPONENTES NO VISUALES
En programación, un componente no visual es un componente que no es directamente visible para el usuario en la interfaz de usuario de una aplicación. Estos componentes suelen realizar tareas en segundo plano, lógica empresarial, manipulación de datos y otras operaciones que no requieren la interacción directa del usuario. Dialogos de mensaje: 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 Timers: 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.
Métodos: setLayout() 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. setBounds() 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. setVisible() 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. getSource() 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(). Add() Se usa para agregar componentes al contenedor de JFrame.
Conclusiones
Tanto los componentes visuales como los no visuales son una parte muy importante en la creación de interfaces gráficas y el uso de lenguajes de creación como Java con herramientas como Intellij IDEA. Ambos juegan un papel muy importante dentro de este tema y son de igual importancia ya que se complementan entre sí y la implementación de ambos ayuda a crear ventanas con diferentes funcionalidades entre otros tipos de interfaces gráficas.