Skip to main content

Veritran Docs

Screens

La página Screens muestra todas las pantallas de tu contexto organizadas en una lista. Para acceder a la lista de pantallas de tu contexto (app o módulo y rama), dirígete a tu contexto y haz clic en Screens en el overview, o dirígete a Branch Design > Screens. Consulta la imagen comentada siguiente para obtener más información.

SCREENS.png
  1. Barra de búsqueda y criterios de ordenación. Busca pantallas por nombre, grupo de pantallas o etiqueta. Para definir la organización de los recursos que se muestran, haz clic en la flecha del primer menú desplegable y selecciona una de las opciones disponibles: Newest, Oldest, A-Z o Z-A.

  2. Paginación. Número de pantallas que se muestran en pantalla. Haz clic en las flechas para desplazarte hacia delante o hacia atrás por la lista de pantallas.

  3. Select All. Haz clic en la casilla de verificación para seleccionar todas las pantallas de la página.

  4. Acciones. Consulta la tabla de abajo para obtener más información.

    Nota

    Las acciones solo aparecen disponibles después de seleccionar una o más pantallas haciendo clic en la casilla de verificación en cada tarjeta de pantalla o haciendo clic en la casilla Select All.

    Export

    Haz clic en esta opción para exportar la pantalla o las pantallas seleccionadas. El archivo se descargará en tu dispositivo.

    Delete

    Haz clic en esta opción para eliminar la pantalla o las pantallas seleccionadas. Se abre un panel, en el que se te solicita que confirmes la eliminación. Haz clic en Confirm para continuar.

  5. Import screen. Haz clic en esta opción para importar una pantalla a Studio. Una vez abierto el explorador de archivos, selecciona el archivo .xml que deseas importar, configura los ajustes de la pantalla importada y guárdala. Los ajustes de la pantalla también se pueden editar desde la pestaña Settings en el panel izquierdo del editor de pantallas.

  6. + New screen. Haz clic en esta opción para crear una pantalla nueva. Se abre el editor de pantallas, desde donde configuras la apariencia de tu app.Constructor visual

  7. Screens. Pantallas mostradas en la vista de tarjeta. Consulta la sección siguiente para obtener más información.

Vista de tarjeta
SCREEN_-_CARD_VIEW.png
  1. Miniatura. Imagen pequeña que representa la apariencia de la pantalla. Para obtener información sobre cómo seleccionar una miniatura para la pantalla, consulta la sección de abajo Edita la miniatura de la pantalla.

  2. Selecciona esta tarjeta. Haz clic aquí para seleccionar la pantalla. Las acciones Export y Delete solo se habilitan una vez que selecciones una o más pantallas.

  3. Más opciones. Haz clic en los tres puntos verticales para ver la lista de acciones disponibles. Consulta la tabla siguiente para obtener más información.

    Export

    Haz clic en esta opción para exportar la pantalla. Se descargará en tu dispositivo en formato .xml.

    Compare

    Haz clic en esta opción para abrir la página Compare Screen, donde puedes comparar la pantalla de esta rama con la misma pantalla de otra rama.

    Thumbnail

    Haz clic en esta opción para establecer o modificar la miniatura. Consulta la sección de abajo Edita la miniatura de la pantalla para obtener más información.

    Set as default editing screen

    Haz clic en esta opción para establecer la pantalla seleccionada como la pantalla de inicio de tu contexto.

  4. Información básica. La tarjeta muestra detalles básicos sobre la pantalla, incluida la última hora y fecha de actualización y el usuario que la actualizó, y las etiquetas que identifican la pantalla, si las hay.

  5. Detalles de la pantalla. Nombre de la pantalla, número de secuencia, vista y área visual donde se incluye.

  6. Acciones. Consulta la tabla siguiente para obtener más información sobre las acciones disponibles.

    Design

    Haz clic en esta opción para abrir la pantalla en el editor de pantallas.

    Duplicate

    Haz clic en esta opción para hacer una copia de la pantalla. La pantalla nueva aparecerá listada en la página Screens.

    Delete

    Haz clic en esta opción para eliminar la pantalla. Se abre un modal, en el que se te solicita que confirmes la eliminación. Haz clic en Confirm para continuar.

    Info

    Haz clic en esta opción para ver información sobre la pantalla. Se abre un modal, que incluye el nombre de la pantalla, el área de vista en la que se incluye y su número de secuencia, y desde donde puedes editar la descripción de la pantalla y agregar las etiquetas que puedas necesitar. Haz clic en Save para confirmar los cambios.

    Importante

    El nombre, la secuencia y el área de vista de la pantalla no se pueden editar.

    También puede ver esta información en la pestaña Settings ubicada en el panel izquierdo del editor de pantallas.Constructor visual

Edita la miniatura de la pantalla

En la tarjeta de la pantalla, haz clic en los tres puntos verticales y luego en Thumbnail. Aparece el modal Thumbnail Settings, desde donde puedes configurar la miniatura. Haz clic en el botón de opción a la izquierda de la opción que deseas aplicar. (Consulta la imagen de abajo).

Puedes guardar automáticamente una miniatura de la última versión de la pantalla, establecer una imagen por defecto como miniatura o cargar una miniatura personalizada.

Para subir una miniatura personalizada, haz clic en Upload y selecciona un archivo de tu dispositivo. Los formatos compatibles son .jpg, .png y .svg, y las imágenes deben tener menos de 800 píxeles de ancho y alto.

THUMBNAIL.png

Haz clic en Save para guardar los ajustes nuevos o en Cancel para volver a la pantalla anterior sin realizar ningún cambio.