✒️Los controles de una aplicación SAPUI5

Los controles más utilizados de SAPUI5

Hay varios de los componentes presentes en la bibliotecas SAPUI5 y muchos de ellos se utilizan con frecuencia en nuestro proyecto. Cuanto usemos los componentes, buscaremos constantemente en la referencia y el explorador de API.

El explorador será una herramienta básica como desarrollador SAPUI5, en la que se puede encontrar:

• Documentación: es la guía para cualquier desarrollador.
• Referencia de la Api: completa documentación de la API para cada recurso disponible en SAPUI5.
• Muestras: nos proporciona una vista detalla de casi todos los controles disponibles incluyendo ejemplos y la posibilidad de descargar el código y utilizarlo en nuestros propios proyectos.
• Aplicaciones de demostración: muestra diferentes aplicaciones de ejemplo que podemos visualizar e incluso descargar como punto de partida para proyectos.
• Herramientas: es un conjunto de enlaces a distintas herramientas que nos pueden resultar útiles (editor de temas visuales, iconos, inspector y documentación)

Un control SAPUI5 está formado por:

• Definición: que indica las propiedades, eventos, métodos y a veces asociaciones y agregaciones.
• Renderización: es el responsable de mostrarnos el código HTML del control.
• Comportamiento: sería el código JavaScript que indica cómo se comporta el control frente a la interacción con el usuario al lanzarse los eventos.
• Estilo: define la forma visual del control.

Además de sus capacidades técnicas, todos los controles UI5 van de la mano con la evolución del diseño de FIORI, proporcionando los últimos comportamientos y patrones junto con el conjunto completo de temas de FIORI.

Los dos tipos de controles que existen son:

• Los Mobile (sap.m): están optimizados para uso móvil, pero también son adecuados para tabletas y escritorios.
• Los controles de escritorio (sap.ui.commons): algunos pueden funcionar hasta cierto punto en dispositivos móviles pero no están optimizados para ello.

Agradecimiento:

Ha agradecido este aporte: Claudio Hermann