Visão geral da interface

    A interface do App Builder é semelhante à interface da maioria das ferramentas de design que você já pode estar acostumado a usar, com algumas pequenas diferenças. Mas em todos os casos, você se acostumará com ela muito rapidamente. Existem quatro seções principais no App Builder.

    Partes da tela da interface

    Toolbox

    A Toolbox é a seção no lado esquerdo e inclui cinco abas para Componentes, Visualizações, Fontes de dados, Temas e a Árvore de esboço.

    A aba Componentes lhe dá acesso a todos os componentes disponíveis no App Builder que você pode adicionar ao seu canvas de design e configurar para uso. A entrada de pesquisa no topo da lista de componentes facilita a localização de um componente específico. Abaixo da aba Componentes você encontrará a aba Visualizações. Na aba de visualizações, você pode encontrar todas as visualizações no aplicativo exibidas com seus relacionamentos de pai-filho. A terceira aba é Dados. É aqui onde todas as fontes de dados e opções relacionadas estão localizadas. Você pode visualizar e editar todas as fontes de dados disponíveis, bem como adicionar uma nova. A quarta aba lhe dá acesso a todos os recursos de tematização e a todos os temas pré-configurados disponíveis. Você pode criar e editar seus próprios temas e alternar rapidamente entre eles. A última aba - a Árvore de esboço - mostra uma hierarquia detalhada dos componentes na visualização do aplicativo selecionado.

    Canvas de design

    No meio da tela está o Canvas de design onde os aplicativos estão sendo projetados. Simplesmente, arraste e solte ou clique duas vezes no componente que deseja adicionar da Toolbox e ele aparecerá no Canvas de design como parte da visualização do aplicativo que está sendo projetado. Na parte inferior, você pode ver a barra de zoom com algumas opções úteis, como valores de zoom pré-definidos, definir para tamanho real ou zoom para caber. À direita da barra de zoom está o botão Enviar feedback que permite que você nos envie feedback ou solicitações de recursos diretamente do App Builder, sem interromper seu processo de design de aplicativo.

    Painel de propriedades

    No lado direito da tela está o Painel de propriedades com opções relacionadas a viewport, Canvas de design e componentes. Quando um componente é selecionado, as propriedades no Painel de propriedades podem ser usadas para editar o tamanho, posição, layout, espaçamento do componente e/ou para adicionar repetidores de dados e interações. O Painel de propriedades oferece propriedades específicas para cada tipo de componente.

    Recursos adicionais