✒️SAP BTPFIORI / Los controles de una aplicación SAPUI5 Por Claudia Monsalve Lopez
Los controles de una aplicación SAPUI5
Los controles de una app SAPUI5: Son los elementos de la interfax de usuario con los que se van a llevar a cano la interaccion ya sea de manera pasivo o activa
URL: https://sapui5.hana.ondemand.com/#/api/ para encontrar herramientas basicas como desarrollador SAPUI5
Un control SAPUI5 esta formado por
- Definicion
- Renderizacion: responsable de mostrar el codigo HMTL del control
- Comportamientos: codigo JavaScript
- Estilo: lo visual
Librerias mas usadas
- sap.ui.commons: para app de escritorio
- sap.m: para app que se van a utilizan en diferentes dispositivos
Caracteristicas de los controles
- Las propiedades: definen la apariencia en la interfaz
- Los eventos: Como se comportara el control
- Las agregaciones: se asigna un conjunto de valores
Densidades de los controles
Densidad Característica principal Uso recomendado
| Cozy (sapUiSizeCozy) | Controles más grandes y espaciados | Pantallas táctiles (tabletas, móviles) |
| Compact (sapUiSizeCompact) | Controles más pequeños y densos | Escritorio con mouse y teclado |
| Condensed (experimental) | Aún más compacto | No recomendado oficialmente |
Tipos de controles
- Los Mobiles (sap.m): para uso movil. tabletas y escritorio.
- Los controles de escritorio (sap.ui.commons): computadores de escritorio.
Los campos de entrada de usuario: se utilizan para obtener y almacenar datos de usuario
- imput field: Permite al usuario digitar y editar texto. Se puede utilizar si van a ingresar un numero o texto corto, para buscar con algún atributo, entre otros. No usar si van a ingresar fechas, textos largos, busquedas. La clase es sap.m.Input
- Combo box: Permite al usuario seleccionar un elemento de una lista. No usar si se van a seleccionar varias opciones.
- Date picker: permite al usuario seleccionar fechas. la api es sap.m.DatePicker
- Radio button: Permite al usuario seleccionar solo una opcion de dos o mas opciones. No usar si se necesita opcion multiple, seleccionar elementos de la lista, si debemos presentar mas de 8 opciones. Api es sap.m.RadioButton
- Checkbox: permite al usuario seleccionar varias opciones.
Controles para visualizar
- Label: Api es sap.m.label
- Control image: Representaciones visuales de objetos o funciones. Api es sap.m.Image
Los formularios, los contendedores y layout
- Formularios: Los formularios en SAPUI5 sirven para mostrar y editar información estructurada (como datos de un cliente, producto, orden, etc.).
- sap.ui.layout.form.Form
- sap.ui.layout.form.SimpleForm
- Contenedores: permiten agrupar controles visuales y colocarlos dentro de componentes más grandes, como páginas, paneles, cajas, etc.
- Layout: controlan cómo se distribuyen los controles dentro de la pantalla: en filas, columnas, grillas, etc.
- Icon tab Bar: Sirven para navegar dentro de un objeto o filtro. Api sap.m.sample.IconTabBar.C
- Hbox y Vbox: Api sap.m.FlexBox
- Smart Table:
- Control List:
Controles de accion
- Boton simple: Para una accion
- Boton de alternancia: para cambiar entre diferentes estados
- Boton segmentado: para un grupo de opciones
- Boton de menu
Control link: para un enlace o hipervinculo
Se pueden descargar appis de la pagina https://sapui5.hana.ondemand.com/#/entity/sap.m.Button/sample/sap.m.sample.Button
para descargarla en BAS
- Menu
- Help
- Get Started
- Import
- Buscar el archivo que se bajo de la pagina https://sapui5.hana.ondemand.com/#/entity/sap.m.Button/sample/sap.m.sample.Button
Escanear / Compartir
Sobre el autor
Publicación académica de Claudia Bibiana Monsalve Lopez, en su ámbito de estudios para la Carrera Consultor SAP BTP Fiori.
SAP Master
Claudia Bibiana Monsalve Lopez
Profesión: Ingeniera Informatica - Colombia - Legajo: XF24Z
✒️Autor de: 109 Publicaciones Académicas
🎓Egresado de los módulos:
Certificación Académica de Claudia Monsalve
Disponibilidad Laboral: FullTime 
