Diseño dinámico – Marco.

Breve descripción general

El marco es un espacio designado en el lienzo de Visual Designer ShoutOut que se puede mover y diseñar. Se pueden añadir widgets dentro del marco.

Cómo usarla

Estilo

• El radio de la esquina, el ancho del borde, el color de relleno y el color del borde se pueden cambiar desde la pestaña Estilo.

Diseño

Redimensionar

• El marco se puede redimensionar horizontalmente en relación con otro marco. Para ello, arrastra el marco que deseas redimensionar.
• Puedes redimensionar los marcos solo desde el lado que se comparte con otro marco.
• El tamaño del marco se basa en el porcentaje del tamaño del lienzo. El ancho del marco se muestra en porcentaje.
• El marco no puede ser más pequeño que el contenido del marco.

Alineación vertical

• En el nivel del marco, los elementos se pueden alinear horizontal o verticalmente.
• Esta opción está disponible cuando el elemento está dentro de un marco que está junto a otro que tiene más contenido.

Espaciado de widgets

• Ajusta el espaciado vertical predeterminado entre los widgets en el marco.
• También es posible establecer diferentes espaciados para un widget específico en un nivel de widget.

Añadir marcos

• Los marcos se pueden añadir duplicando los existentes o haciendo clic en el signo más que aparece en el área resaltada cuando se pasa el cursor sobre el área exterior del lienzo.
• Se pueden añadir hasta cuatro marcos en una fila.
• No hay límite para el número de marcos verticales.
• Cuando se crean (o eliminan) nuevos marcos, el tamaño del lienzo se dividirá por el número de marcos, por lo que todos los marcos tendrán el mismo tamaño.
• El tamaño mínimo de un marco es el 10% del lienzo.

Marcos en movimiento

• Los marcos se pueden mover arrastrando y soltando, horizontal o verticalmente.

Espaciado interno

• La distancia entre los lados del marco y los widgets se puede ajustar en la bolsa de propiedades.
• Selecciona el marco y establece la distancia predeterminada para todos los lados, o haz clic en el icono de los bordes y controla cada lado individualmente.
• Si tienes una imagen que es del mismo tamaño que el marco y necesitas seleccionar el marco, utiliza la ruta de navegación para cambiar entre el widget y el marco.

Notas técnicas

• Se pueden añadir hasta cuatro widgets en fila dentro de un marco