✒️Los controles de una aplicación SAPUI5

Los controles más utilizados de SAPUI5

• Los campos de entrada de usuario

El texto habla sobre los controles más utilizados en SAPUI5, una biblioteca de interfaz de usuario de SAP. Estos controles son elementos de la interfaz que permiten la interacción con las aplicaciones desarrolladas con SAPUI5. Algunos puntos destacados del texto son:

SAPUI5 proporciona varios componentes que se utilizan con frecuencia en proyectos.

El explorador y la referencia de API son herramientas importantes para buscar ejemplos, sintaxis y detalles de los componentes.

Los controles SAPUI5 tienen una definición (propiedades, eventos, métodos, asociaciones y agregaciones), renderización (generación de código HTML), comportamiento (código JavaScript) y estilo (apariencia visual).

Los componentes web SAPUI5 cumplen con los estándares de diseño de SAP Fiori y se adaptan a cualquier tecnología.

Las bibliotecas sap.ui.commons y sap.m son dos de las más utilizadas en SAPUI5. La primera es adecuada para aplicaciones de escritorio, mientras que la segunda es más adecuada para aplicaciones multiplataforma.

La forma de crear un control SAPUI5 depende del tipo de vista y puede ser en XML, JavaScript, JSON o HTML5.

Los controles tienen propiedades, eventos y agregaciones que definen su apariencia, comportamiento y contenido.

Se menciona la importancia de estructurar adecuadamente una aplicación SAPUI5 y elegir los controles necesarios.

Los controles de SAPUI5 se actualizan junto con la evolución del diseño de Fiori y se pueden personalizar con UI Theme Designer.

Se menciona la API Device para obtener información sobre las características del dispositivo en tiempo de ejecución.

Los controles SAPUI5 tienen diferentes densidades de contenido (Cozy y Compact) para adaptarse a diferentes dispositivos.

Se destaca que los controles sap.m están optimizados para dispositivos móviles, pero también pueden funcionar en escritorios. Los controles sap.ui.commons están dirigidos a computadoras de escritorio.

En resumen, el texto presenta los controles más utilizados en SAPUI5, cómo se utilizan, las herramientas disponibles, las bibliotecas más comunes, la estructuración de aplicaciones, las características de los controles y su adaptabilidad a diferentes dispositivos.

• Los controles para visualización

El texto habla sobre diferentes tipos de campos de entrada de usuario en SAPUI5 y cuándo utilizar cada uno de ellos. Aquí está un resumen de los conceptos principales:

1. Campo de entrada de texto: Permite a los usuarios introducir y editar texto o valores numéricos en una línea. Se utiliza cuando se necesita ingresar datos breves, como números, contraseñas, direcciones de correo electrónico, etc. Se recomienda utilizar otros controles para entradas de fechas, textos largos y búsquedas.

3. Cuadro combinado: Permite a los usuarios seleccionar un elemento de una lista predefinida. Se utiliza cuando se necesita seleccionar un elemento de una lista más larga, pero no demasiado extensa. Se recomienda utilizar otros controles para listas pequeñas, grandes conjuntos de opciones y la necesidad de mostrar más de un atributo.

5. Selector de fecha: Permite a los usuarios seleccionar una fecha o un rango de fechas. Es útil cuando se necesita ingresar fechas y proporciona opciones de navegación entre meses y años.

7. Botón de opción: Permite a los usuarios seleccionar una opción exclusiva de un conjunto de opciones. Se utiliza cuando se necesitan opciones mutuamente excluyentes, pero no permite la selección múltiple.

9. Casilla de verificación: Permite a los usuarios establecer un valor binario (verdadero/falso) o seleccionar múltiples opciones. Se utiliza cuando se necesita seleccionar opciones independientes o permitir selección múltiple.

El resumen proporciona una visión general de los diferentes tipos de campos de entrada y cuándo utilizar cada uno de ellos según los requisitos del caso de uso.

• Los formularios, los contenedores y layout

Los formularios, los contenedores y layout: Los formularios en SAPUI5 se utilizan para presentar datos al usuario y permitir el ingreso estructurado de los mismos. Pueden construirse utilizando los controles de formulario o los controles de formulario simple. Estos controles organizan los elementos del formulario, como etiquetas y campos de entrada, en un diseño específico.

Los controles de Icon Tab Bar: La barra de pestañas de iconos es utilizada para navegar entre diferentes facetas de un objeto o como filtro en una lista. Permite al usuario cambiar entre páginas de pestañas haciendo clic en la pestaña correspondiente. Se utiliza cuando se requiere mostrar múltiples pestañas al mismo tiempo o cuando se necesita un filtro prominente en la parte superior de una lista.

Los controles HBox y VBox: HBox y VBox son controles de diseño utilizados para alinear los controles de la interfaz de usuario horizontal y verticalmente, respectivamente. Estos diseños ayudan a evitar la necesidad de CSS personalizado y brindan capacidad de respuesta a la página web. Ambos controles heredan propiedades del control FlexBox.

• Las tablas y las listas

Las tablas y las listas son elementos utilizados para mostrar datos de un modelo.

La tabla es el elemento más común y su estructura es similar a las hojas de Excel. Se compone de un encabezado con título y filas que contienen los datos. Los pasos para crear una tabla en UI5 incluyen definir y crear columnas, agregar las columnas a la tabla, definir el formato de las filas y vincular la tabla con los datos. La tabla inteligente puede crear diferentes tipos de tablas basadas en un servicio OData y sus anotaciones, con funciones adicionales como personalización y exportación.

Por otro lado, las listas son utilizadas para datos más básicos y se suelen usar en escenarios maestro-detalle, ventanas emergentes o cuadros de diálogo. Son adecuadas para conjuntos de datos simples que necesiten ser ordenados, agrupados o filtrados. Sin embargo, no son adecuadas para conjuntos de datos complejos que requieran extensas funciones de ordenamiento, agrupamiento, filtrado o edición, ni para jerarquías complejas.

En resumen, las tablas son más adecuadas para datos complejos y las listas para datos básicos y simples.

• Los controles de acción

Los controles de acción, como los botones y los enlaces, se utilizan para que los usuarios realicen acciones en una interfaz. Los botones pueden ser simples, de alternancia, segmentados o de menú, mientras que los enlaces son elementos de texto interactivos.