Introducción
En esta lección, continuamos con la creación de la página del chatbot. Tras diseñar el encabezado, nos enfocaremos en el diseño del cuerpo central, donde se presenta la conversación con el bot.
Para el diseño del cuerpo central de esta página usaremos 6 tipos de componentes visuales:
- Scroll view
- Conditional renderer
- Container
- Text
- Image
- Icon
La estructura final de este cuerpo central será:
Para nombrar los componentes, usaremos las siguientes convenciones: «C.R.» para Conditional Renderer, «C.» para containers, nombres descriptivos para componentes Text, Image e Icon, según su finalidad, y «DataTime» para los componentes Text que especifican una hora.
Tienes disponible, en la sección de descargas, el archivo en formato Excel u Hojas de cálculo con la estructura del cuerpo central de esta app.
Para seguir con esta lección debes iniciar sesión.
El contenido de esta lección está restringido para suscriptores PREMIUM
¡Acceso a todo el contenido!
Scroll view Message
El cuerpo central lo iniciamos trasladando un componente visual tipo SCROLL VIEW, que colocaremos bajo el Container Title del encabezado. Lo denominaremos “Scroll view Message”.
Este componente visual tiene como objetivo albergar el contenido de los mensajes que intercambiamos con el bot.
El componente “Scroll view” se utiliza en SAP Build Apps para permitir a los usuarios desplazarse vertical u horizontalmente a través de una lista de contenido que puede exceder el tamaño de la pantalla, facilitando la visualización y navegación de grandes cantidades de información.
