Introducción
El tipo layout Móvil le permite separar el contenido de su app en dos secciones para dispositivos móviles. Asigna el 60% del espacio al contenido principal, mientras que el 40% restante está dedicado al contenido secundario, accesible a través de una pestaña deslizante.
En este tipo de layout usted podrá asignarle un número específico de columnas a cada Sección, y podrá agregar filas a la Sección que usted consideré.
Agregar Fila
En este tipo de layout usted puede agregar una Fila a la Sección de contenido principal, a la Sección de contenido secundario o a ambas secciones. Para agregar una Fila, haga clic en el botón Agregar Fila, ubicado en la parte inferior del contenedor Sección.
El resultado de esta operación es el siguiente. Como puede ver, la nueva Fila se encuentra únicamente en la Sección donde hizo clic al botón Agregar Fila.
Si desea agregarle una Fila a la otra Sección haga clic en el botón Agregar Fila, ubicado en la parte inferior del contenedor Sección donde no agregó una fila.
De esta manera, habría agregado filas a ambas secciones.
Agregar Columna
En el tipo de layout Móvil usted puede agregar contenedores Columna tanto a la Sección de contenido principal, como la Sección de contenido secundario. El número de columnas que puede agregar depende de si es la Sección de contenido principal o la Sección de contenido secundario.
Sección de contenido principal
En esta Sección usted podrá agregar desde 1 contenedor Columna hasta 3 contenedores Columna.
Para hacer esto, haga clic en el contenedor Fila de la Sección de contenido principal, haga clic en la opción Layout, y debajo de la etiqueta Preajustes podrá configurar el número de columnas que desea agregar.
Sección de contenido secundario
En esta Sección usted podrá agregar desde 1 contenedor Columna hasta 2 contenedores Columna.
Para hacer esto, haga clic en el contenedor Fila de la Sección de contenido secundario, haga clic en la opción Layout, y debajo de la etiqueta Preajustes podrá configurar el número de columnas que desea agregar.
Bottom sheet
En una app publicada del App Designer, el contenido secundario configurado en la columna del 40% del área visible, ahora se muestra desde la parte inferior de su pantalla como un contenedor desplegable. Este contenedor se llama Bottom sheet.
Cómo usar
Para usar el Bottom sheet en su app, siga estos pasos:
1.Abra su app en un dispositivo móvil.
2.Una vez que ingrese o cuando haga scroll hacia arriba, aparecerá un pequeño contenedor en la parte inferior de su pantalla con la etiqueta Expandir. toque este contenedor para abrir el Bottom sheet.
Por último, ahora podrá ver los Controles que configuró en la columna del 40% de su app.
Last Updated 6/4/2024 8:42:02 PM