Descripción general de la interfaz

    La interfaz de App Builder es similar a la interfaz de la mayoría de herramientas de diseño que probablemente ya conoce, con algunas pequeñas diferencias. Pero en todos los casos se acostumbrará a ella muy rápidamente. Hay cuatro secciones principales en App Builder.

    Partes de la pantalla de interfaz

    Caja de herramientas

    La Caja de herramientas es la sección en el lado izquierdo e incluye cinco pestañas para Componentes, Vistas, Orígenes de datos, Temas y el Árbol de esquema.

    La pestaña Componentes le proporciona acceso a todos los componentes disponibles en App Builder que puede agregar a su lienzo de diseño y configurar para su uso. El campo de búsqueda en la parte superior de la lista de componentes facilita encontrar un componente particular. Debajo de la pestaña Componentes encontrará la pestaña Vistas. En la pestaña vistas puede encontrar todas las vistas de la aplicación mostradas con sus relaciones de padre-hijo. La tercera pestaña es Datos. Aquí es donde se encuentran todos los orígenes de datos y las opciones relacionadas. Puede ver y editar todos los orígenes de datos disponibles, así como agregar uno nuevo. La cuarta pestaña le proporciona acceso a todas las capacidades de temática y a todos los temas preconfigurados disponibles. Puede crear y editar sus propios temas y cambiar rápidamente entre ellos. La última pestaña - el Árbol de esquema - le muestra una jerarquía detallada de los componentes en la vista de aplicación seleccionada.

    Lienzo de diseño

    En el medio de la pantalla se encuentra el Lienzo de diseño donde se diseñan las aplicaciones. Simplemente, arrastre y suelte o haga doble clic en el componente que desea agregar desde la Caja de herramientas y aparecerá en el Lienzo de diseño como parte de la vista de aplicación que se está diseñando. En la parte inferior, puede ver la barra de zoom con algunas opciones útiles como valores de zoom predefinidos, establer al tamaño real o ajustar al tamaño. A la derecha de la barra de zoom se encuentra el botón Enviar comentarios que le permite enviarnos comentarios o solicitudes de características directamente desde App Builder, sin interrumpir su proceso de diseño de aplicaciones.

    Panel de propiedades

    En el lado derecho de la pantalla se encuentra el Panel de propiedades con las opciones relacionadas con la ventana gráfica, el Lienzo de diseño y los componentes. Una vez que un componente está seleccionado, las propiedades en el Panel de propiedades se pueden usar para editar el tamaño, la posición, el diseño, el espaciado del componente y/o para agregar repetidores de datos e interacciones. El Panel de propiedades le ofrece propiedades específicas para cada tipo de componente.

    Recursos adicionales