Painéis e separadores

Três widgets não mostram dados: contém outros. Servem para agrupar, para dar título a um bloco e para pôr mais coisas no mesmo espaço.

Painel

Uma caixa com título opcional. Os widgets largados lá dentro passam a ser filhos do painel.

Ser filho tem três consequências:

• Move-se com o pai. Arrastar o painel leva o conteúdo.
• A posição passa a ser relativa ao painel. A coluna 0 do filho é a aresta esquerda do painel, não a do ecrã.
• As âncoras referem-se ao painel. Um filho ancorado a base fica preso ao fundo do painel. Ver Âncoras e redimensionamento.

O painel tem um título e uma descrição opcionais, configurados no Aspecto. Quando o título está visível, a área útil para os filhos começa por baixo dele — o cabeçalho não recebe conteúdo.

Quando usar

• Agrupar visualmente uma faixa de indicadores relacionados;
• Dar um título a um bloco sem gastar um widget de texto;
• Criar um fundo com cor ou borda por trás de vários widgets;
• Mover em conjunto um bloco que já está arrumado.

Abas

Um contentor com várias abas. Cada widget filho pertence a uma aba, e só os da aba activa aparecem.

Cada aba tem:

Propriedade	O que faz
Rótulo	O texto do botão
Alinhamento	Esquerda, centro ou direita na barra de abas
Desactivada	Visível mas não clicável
Escondida	Não aparece

O estilo da barra pode ser underline, pills ou boxed.

A aba activa é a primeira visível e não desactivada, a não ser que outra tenha sido escolhida. Se a aba activa for escondida por código, a selecção passa automaticamente para a primeira disponível — nunca fica um contentor sem aba nenhuma.

Quando usar

Abas resolvem bem o problema de "isto não cabe tudo no ecrã" quando os blocos são alternativas: vendas por região / por canal / por vendedor. Resolvem mal quando os blocos são complementares e o utilizador precisa de os ver ao mesmo tempo — nesse caso, mais vale um ecrã mais alto ou um ecrã de detalhe.

Esconder e desactivar abas por código permite mostrar só o que faz sentido para quem está a ver. Ver Eventos e código.

Barra fixa

Uma faixa presa ao topo ou ao fundo do ecrã, que não acompanha o scroll do conteúdo.

A largura é sempre a do ecrã — só a altura conta. Serve para um cabeçalho próprio, uma linha de filtros feitos com widgets de entrada, ou uma barra de acções.

Barra fixa ou filtros do dashboard?

Para filtrar widgets pelo mesmo campo, use os filtros do dashboard: são declarados uma vez e aplicam-se sozinhos. A barra fixa e para o resto — navegação, título, botões, um logotipo.

Aninhar contentores

Um painel pode conter outro painel, e um contentor de abas pode conter painéis. Não há limite técnico, mas há um limite prático: a partir de dois níveis torna-se difícil perceber a quem pertence o que.

O separador Estrutura do inspector mostra a árvore completa e é a forma mais rápida de perceber a hierarquia — ou de seleccionar um widget que ficou escondido atrás de outro.

Tirar um widget de dentro de um contentor

Arrastar para fora do contentor reparenta o widget para o ecrã. A posição e recalculada para que fique visualmente no mesmo sítio — o que muda é a quem pertence.