Diseño dinámico – Canvas.

Breve descripción general

Canvas es el cuerpo del futuro ShoutOut creado utilizando el Diseñador visual, que da una idea de cómo se verá en la pantalla. Se pueden añadir otros elementos, como marcos y widgets, al lienzo.

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
  
  .
• Ahora existe la posibilidad de añadir sombra al lienzo del Shoutout. El usuario puede seleccionar entre las opciones predefinidas Ninguna, Suave, Regular y Retro.
• Las esquinas se pueden controlar individualmente y ser diferentes.
  

Diseño

Tamaño

• Se puede cambiar el ancho del ShoutOut estirándolo directamente desde el lienzo o aplicando medidas en el contenedor de propiedades.
• La altura se ajustará automáticamente en función de la cantidad de contenido.
• Solo el ancho del lienzo puede ser redimensionado por un usuario.

Espaciado interno

• La distancia entre los lados del lienzo y los marcos se puede ajustar en el contenedor de propiedades, y la indicación se mostrará en el lienzo.
• De forma predeterminada, se establece la misma distancia para todos los lados
• Para aplicar un valor diferente a uno de los lados, haz clic en el icono de los bordes.

Botón de cierre

• Al desactivar el interruptor Mostrar botón Cerrar, se ocultará el botón Cerrar en el lienzo.
  • Para que aparezca de nuevo, pasa el cursor sobre la ubicación del botón Cerrar y haz clic en él y luego activa el interruptor Mostrar botón Cerrar.
• El botón de cierre se puede personalizar desde la pestaña Estilo: se puede cambiar el tamaño del icono, el radio del botón y el relleno, el ancho del borde y el color.
• El tamaño del botón se puede cambiar desde el lienzo.
• La posición se puede cambiar (esquina superior derecha / izquierda) desde la pestaña Diseño.

Posición

• La posición del lienzo en la pantalla se puede cambiar solo desde el contenedor de propiedades.
• Selecciona una de las opciones predeterminadas o activa el interruptor de posición Personalizado e introduce la configuración preferida para cambios más específicos.

Árbol de elementos

Haz clic en el icono capas para obtener una vista jerárquica de todos los componentes y capas en el Diseñador visual. Esta función proporciona:

• Edición y navegación más rápidas entre los elementos
• Gestión más fácil de los componentes anidados