Layout dinâmico – Canvas

Last Updated dezembro 10, 2025

Breve Visão Geral

Canvas é o corpo do futuro ShoutOut, criado usando o Visual Designer, que dá a ideia de como ele será exibido na tela. Outros elementos - molduras e widgets - podem ser adicionados à tela.

Como usar

Estilo

  • O raio de canto, a largura da borda, a cor de preenchimento e a cor da borda podem ser alterados na guia Estilo

  • Agora há a capacidade de adicionar sombra à tela do Shoutout. O usuário pode selecionar entre as opções predefinidas Nenhum, Soft, Regula e Retro shadow.
  • Os cantos podem ser controlados individualmente e ser diferentes

Layout

Dimensionamento
  • A largura do ShoutOut pode ser alterada esticando-o diretamente da tela ou aplicando medidas no painel de propriedades.
  • A altura será ajustada automaticamente com base na quantidade de conteúdo
  • Apenas a largura da tela pode ser redimensionada por um usuário

Espaçamento Interior
  • A distância entre os lados da tela e os quadros pode ser ajustada no painel de propriedades - a indicação será exibida na tela.
  • Por padrão, a mesma distância é definida para todos os lados
  • Para aplicar um valor diferente a um dos lados, clique no ícone de bordas

Botão Fechar
  • Desativar a opção Mostrar botão Fechar ocultará o botão Fechar da tela
    • Para fazê-lo aparecer novamente, passe o mouse sobre o local do botão Fechar, clique nele e ative a opção Mostrar Botão Fechar.
  • O botão Fechar pode ser personalizado na guia Estilo: o tamanho do ícone, o raio do botão e o preenchimento, a largura da borda e a cor podem ser alterados.
  • O tamanho do botão pode ser alterado a partir da tela
  • A posição pode ser alterada (canto superior direito / esquerdo) na guia Layout

Posição
  • A posição da tela na tela só pode ser alterada no painel de propriedades.
  • Selecione uma das opções padrão ou ative a opção Posição Personalizada e insira as configurações preferidas para alterações mais específicas

Árvore de elementos

Clique no ícone Camadas para ver a visualização hierárquica de todos os componentes e camadas no Visual Designer. Esse recurso fornece:

  • Edição e navegação mais rápidas entre elementos
  • Gerenciamento mais fácil de componentes aninhados

Was this article helpful?

Thanks for your feedback!

Faça parte de algo maior.

Interaja com colegas, tire dúvidas e compartilhe ideias.

Explore nossa comunidade
×