Módulo 11: Visuais avançados e interatividade

Aula 2 de 3

Indicadores (bookmarks), botões e navegação

Construir menus, alternar visuais e criar painéis retráteis.

19 minutos de leitura


Indicadores

Um indicador guarda o estado da página: filtros, seleção, visibilidade dos objetos e ordenação. Combinado com botões, vira navegação.

  1. 1Exibição → Indicadores e Exibição → Seleção (mantenha os dois painéis abertos).
  2. 2Organize a visibilidade dos objetos no painel Seleção (olho ligado/desligado).
  3. 3Adicionar em Indicadores e renomeie de forma descritiva ('Ver como gráfico').
  4. 4Clique nos três pontos do indicador e desmarque o que ele NÃO deve controlar — em geral, desmarque 'Dados' e deixe só 'Exibição' e 'Objetos atuais'.
  5. 5Insira um botão → Ação → Tipo: Indicador → escolha o indicador.

Alternar entre gráfico e tabela

  1. 1Posicione o gráfico e a tabela exatamente sobrepostos, do mesmo tamanho.
  2. 2Crie o indicador 'Ver gráfico' com a tabela oculta; e 'Ver tabela' com o gráfico oculto.
  3. 3Adicione dois botões de ícone (gráfico e tabela), cada um apontando para seu indicador.
  4. 4Formate o botão do estado ativo com cor de destaque para dar feedback visual.

Painel de filtros retrátil

  1. 1Crie um retângulo lateral com as segmentações dentro, e agrupe tudo (Ctrl+G) como 'Painel Filtros'.
  2. 2Indicador 'Filtros abertos': grupo visível. Indicador 'Filtros fechados': grupo oculto.
  3. 3Botão de ícone de funil fora do painel abre; um X dentro do painel fecha.
  4. 4Ganho típico: 20% a mais de área útil para os visuais.

Navegador de páginas e de indicadores

Inserir → Botões → Navegador → Navegador de página cria um menu automático com todas as páginas visíveis, e ele se atualiza sozinho quando você adiciona ou renomeia uma página. Use sempre no lugar de botões manuais.

  • Formate os estados Padrão, Ao passar o mouse, Pressionado e Selecionado — o feedback é o que faz parecer um aplicativo.
  • Oculte páginas de detalhe e de tooltip para que não apareçam no navegador.
  • Mantenha o menu na mesma posição em todas as páginas; copie e cole entre páginas.

Exercício prático

Monte um menu lateral com navegador de páginas, um painel de filtros retrátil e um alternador gráfico/tabela em uma das páginas. Teste todos os estados dos botões.