Layout básico

Prev Next

Este artigo mostrará como criar projetos de etapas repetíveis com o Layout Básico

Visão geral

Neste artigo, você aprenderá:

  • Como projetar aplicativos com o Layout Básico
  • Como aplicar Gatilhos a cada etapa no Layout Básico

Observação: este tópico faz parte do curso“Design e Lógica Básicos de Aplicativos” da Tulip University


O Layout Básico facilita a adição de texto, botões, widgets e formatação que serão aplicados a todas as novas etapas de um aplicativo.

Quando você adiciona um widget à etapa do Layout Básico, ele aparece em todas as etapas do aplicativo, bem como em quaisquer etapas adicionais que você venha a incluir.

Se você remover um widget do Layout Básico, ele será removido de todas as etapas. Siga as instruções abaixo para adicionar e remover elementos do Layout Básico.

Para adicionar um widget ao Layout Básico:

  1. Abra um aplicativo na guia “Aplicativos”.
  2. Clique na etapa “Layout de Base” no canto inferior esquerdo do Editor de Aplicativos, conforme mostrado abaixo:

  1. Insira um texto, uma variável, um botão ou outro widget no Layout Básico
  2. Confirme se o novo widget está presente em cada etapa

Removendo um widget do “Layout básico” em uma etapa específica

Digamos que você queira que um widget apareça em todas as etapas, exceto em uma. Você precisa remover o widget dessa etapa específica para não precisar copiá-lo e colá-lo em cada uma delas.

  1. Clique no widget e observe que não há alças de redimensionamento.
  2. Clique no botão “Desbloquear” no Painel de Contexto.

  1. O widget agora está desbloqueado do Layout Base e pertence apenas a essa etapa. Você pode personalizar (alterar a cor, adicionar um Gatilho etc.) esse widget específico, e isso não afetará nenhuma outra etapa.

Além disso, talvez você queira remover todos os widgets do Layout Base de uma só vez, em vez de selecioná-los um por um. Você pode fazer isso com o ícone de “engrenagem” na parte superior da aba “Etapas” no Painel de Contexto.

Você também pode restaurar todos os widgets do Layout Base depois de ter removido alguns deles.

Usando gatilhos com o Layout Básico

Você também pode adicionar gatilhos de etapa ao seu layout básico. Esses gatilhos são acionados quando as etapas são abertas, fechadas ou por um evento externo proveniente de uma máquina ou dispositivo conectado.

Depois de adicionar esses gatilhos de etapa ao Layout Básico, eles aparecerão no Painel de Contexto e serão aplicados automaticamente a todas as etapas do aplicativo.

No entanto, ao selecionar uma etapa diferente, os gatilhos não aparecerão no painel lateral, mesmo que estejam presentes. Isso significa que você não pode remover esses gatilhos de etapas de etapas individuais.

Leitura complementar


Você encontrou o que estava procurando?

Você também pode acessar community.tulip.co para postar sua pergunta ou ver se outras pessoas já tiveram uma dúvida semelhante!