Como Configurar um Menu com Guias Ou Móvel¶
O Vinyl suporta a capacidade de criar e usar um Menu com guias ou Menu móvel para navegação de aplicativos em dispositivos móveis. Usar um menu com guias ou móvel permite exibir um estilo de navegação com guias familiar para usuários móveis, o que pode fornecer uma melhor experiência de UI/UX. Este artigo irá percorrer a configuração básica para criar um menu com guias ou móvel no Vinyl.
Etapa 1: Crie um Menu com Guias Ou Móvel¶
Nesta primeira etapa você criará um menu com guias ou móvel que o aplicativo usará. Na segunda etapa criaremos uma associação ao menu do nosso aplicativo.
- Navegue até App Workbench
- Clique em Menu
- Clique no ícone de edição lápis para a entrada Celular
- Clique no botão + Item de menu
- Atribua um Nome para a aba de navegação. Por exemplo: Casa
- Se a aba tiver um link para uma página, defina o valor Link to Page. Por exemplo: Detalhes do pedido
- Revise as configurações adicionais e determine se deseja especificar o rótulo, um rótulo de dica de ferramenta, uma imagem, um ícone, etc.
- Clique em Salvar
- Clique no botão + Item de menu
- Configure as informações para a próxima aba e Salvar. Continue até que o menu esteja completo.
Etapa 2: Associar o Menu com Guias Ou Móvel ao Aplicativo¶
- Navegue até App Workbench
- Clique em Mais > Caso extremo
- Clique na aba Regiões - Controles
- Defina o Menu Móvel para o Menu Móvel criado na Etapa 1
- Teste o aplicativo em um dispositivo móvel para confirmar a atualização