Want to make creations as awesome as this one?

More creations to inspire you

Transcript

TOPICOS AVANZADOS DE PROGRAMACION - S4A

COMPONENTES VISUALES Y NO VISUALES DE JAVA EN INTELLIJ IDEA

10. Referencia

Índice

4. conponentes basicos
2. componentes visuales
3.CONTROLES Y EVENTOS
1. Introduccion
7. Metodos
6. COMPONENTES NO VISUALES
5. Botones
9. Conclucion
8. Timers

Introducción

Un componente se considera visual cuando cuenta con una representación gráfica tanto en la fase de diseño como en la de ejecución (por ejemplo, botones, barras de desplazamiento, cuadros de texto, etc.). Por otro lado, se clasifica como no visual si no tiene una representación gráfica directa (como temporizadores, cuadros de diálogo que no son visibles durante el diseño, etc.). En el contexto de la programación, los componentes visuales y no visuales se refieren a elementos que pueden o no ser visibles para los usuarios en la interfaz de la aplicación. Los componentes visuales incluyen elementos como botones, etiquetas, campos de entrada, imágenes y listas desplegables. En cambio, los componentes no visuales abarcan clases y funciones que se encargan de realizar cálculos, gestionar datos, implementar lógica empresarial, interactuar con bases de datos y más.

COMPONENTES VISUALES

  • 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.

2.Atributos y Propiedades en Componentes UI

1.Propiedades de los Componentes UI

Los atributos dentro de un componente son siempre de carácter interno y privado, lo que significa que no deben ser accesibles desde el exterior. Para interactuar con estos atributos, es fundamental utilizar las propiedades del componente, que actúan como una interfaz de acceso. Por ejemplo, si consideramos la propiedad de color, los atributos asociados podrían incluir una variedad de opciones como rojo, verde, azul, entre otros. De esta manera, se garantiza un mejor encapsulamiento y control sobre el estado del componente, permitiendo una gestión más efectiva de sus características internas. Esto no solo mejora la modularidad del código, sino que también facilita la mantenibilidad y escalabilidad del mismo a largo plazo.

Las propiedades son atributos públicos de un componente que definen su comportamiento y apariencia dentro de la interfaz de usuario. Cada componente UI tiene un conjunto de propiedades específicas que controlan aspectos como su tamaño, posición, estilo visual, interactividad, entre otros. Estas propiedades pueden ser accedidas y manipuladas a través de métodos públicos, que permiten tanto la lectura como la modificación de sus valores.

  • Estos elementos son responsables de renderizar en la pantalla lo que consideran necesario, utilizando funciones básicas de la API de Windows (como el objeto TCanvas) o a través de diversas bibliotecas gráficas. Generalmente, estos componentes no interactúan directamente con el usuario, aunque pueden recibir eventos del programador, ya que su función principal es exhibir gráficos o imágenes en la interfaz.
Componentes graficos
Componentes interactivos

LOS COMPONENTES VISUALES PODEMOS DIVIDIRLOS A SU VEZ EN DOS TIPOS:

  • Componentes interactivos: permiten que el usuario final los manipule, ya sea introduciendo datos, seleccionado elementos, etc. Normalmente, el propio sistema operativo es el encargado de dibujar el aspecto del componente, haciendo el componente las llamadas correspondientes para que este aspecto cambie.
  • Se desencadenan cuando ocurre una acción en un objeto. La mayoría de estos eventos son provocados por el usuario al interactuar con un control durante la ejecución de la aplicación. En un formulario, los eventos son generados por controles como botones, listas desplegables, casillas de verificación, entre otros.
eventos
controles

CONTROLES Y EVENTOS

  • Pueden integrarse en formularios de Windows Forms de la misma manera que los controles estándar. Cada control posee propiedades, algunas de las cuales son comunes a todos, como name, backcolor y size, mientras que otras son específicas para cada tipo de control, como ítems y checked. Además, cada control está vinculado a diversos eventos que se activan en respuesta a acciones del usuario.
Metodo
construccion

COMPONENTES BASICOS

Label

Las etiquetas son elementos de interfaz gráfica que se asemejan a los cuadros de texto, pero con la diferencia clave de que no son editables por el usuario. Su función principal es proporcionar información estática, como descripciones o instrucciones, lo que las convierte en herramientas útiles para etiquetar otros componentes de la interfaz. Por ejemplo, puedes usar una etiqueta para indicar qué información debe ingresarse en un cuadro de texto cercano o para describir el propósito de un botón. Además, las etiquetas pueden personalizarse en términos de estilo, tamaño y color, lo que permite mejorar la presentación y la claridad de la aplicación. Gracias a su simplicidad y funcionalidad, son un componente esencial en el diseño de formularios y aplicaciones interactivas.

Botones

Los botones son componentes clave en la interfaz de usuario de cualquier aplicación o software, ya que ofrecen a los usuarios una manera clara y directa de iniciar acciones específicas. Estos controles, que suelen estar diseñados para ser fácilmente identificables y accesibles, permiten al usuario comunicar su intención de ejecutar una tarea, como enviar un formulario, guardar un archivo, o iniciar un proceso.

COMPONENTES NO VISUALES

  • Los componentes no visuales son elementos cruciales en el desarrollo de aplicaciones, ya que, a diferencia de los componentes visuales, no se representan de manera directa en la interfaz del usuario. Su función es fundamental para manejar procesos internos y lógicos que no requieren la interacción directa del usuario, pero que son esenciales para el funcionamiento de la aplicación.
  • Entre los componentes no visuales se encuentran elementos como temporizadores, que permiten ejecutar acciones en intervalos específicos, y cuadros de diálogo que no son visibles en la fase de diseño. Estos elementos pueden realizar tareas como la gestión de eventos, el manejo de la lógica de la aplicación y la coordinación de procesos en segundo plano. Por ejemplo, un temporizador puede utilizarse para actualizar automáticamente información en la pantalla o para controlar el tiempo de inactividad del usuario.

setBounds() permite posicionar y dimensionar componentes en un contenedor, facilitando un control preciso sobre la disposición visual en aplicaciones gráficas.

getSource()

El método getSource() es útil para manejar múltiples fuentes de eventos dentro de un mismo manejador, facilitando la identificación del componente que generó la acción. Esto contribuye a crear interfaces interactivas más eficientes y dinámicas.

getSource()

Metodos

setLayout()

El método setLayout() es esencial para personalizar cómo se organizan los componentes en un contenedor, permitiendo a los desarrolladores crear interfaces de usuario más efectivas y agradables.

TIMERS

La capacidad de programar eventos futuros en Java no solo mejora la funcionalidad de las aplicaciones, sino que también optimiza la experiencia del usuario al automatizar tareas repetitivas y asegurar que se realicen en el momento adecuado. En resumen, este servicio es una herramienta poderosa para el desarrollo de aplicaciones más dinámicas y eficientes.

Conclucion

En conclusión, los componentes visuales y no visuales de Java en IntelliJ IDEA son fundamentales para el desarrollo de software moderno, ya que ofrecen un entorno robusto y eficiente para la creación de aplicaciones. Los componentes visuales, como el editor de código y el diseñador de interfaces gráficas, permiten a los desarrolladores diseñar y escribir código de manera intuitiva, lo que resulta en aplicaciones más atractivas y funcionales.Simultáneamente, los componentes no visuales, que incluyen herramientas de compilación, integración con sistemas de control de versiones y análisis estático, proporcionan un soporte crucial en la gestión del ciclo de vida del desarrollo. Estas herramientas no solo mejoran la calidad del código y optimizan el flujo de trabajo, sino que también fomentan la colaboración efectiva dentro de los equipos de desarrollo.Al integrar ambos tipos de componentes, IntelliJ IDEA se posiciona como un entorno de desarrollo integral que potencia la productividad y la creatividad de los desarrolladores. Al aprovechar estas características, es posible crear aplicaciones Java que no solo cumplen con los estándares de la industria, sino que también brindan una experiencia excepcional a los usuarios finales, garantizando así el éxito del proyecto en un entorno competitivo.

Morales Juarez Ricardo Kaleb S4A

Referencia

https://www.discoduroderoer.es/tipos-de-componentes-graficos-en-java/https://www.discoduroderoer.es/introduccion-aplicaciones-graficas-en-java/https://www.youtube.com/watch?v=lH0EWbvk7FI