Guias

Geral

Ao adicionar o controle Guia, ele exibe três guias por padrão (Guia 1, Guia 2, Guia 3). A expansão de cada guia dentro do controle expõe as seguintes propriedades:

• Nome da guia — o nome de exibição da guia.
• Origem da página — a página Apps a ser importada dentro desta guia.
• Oculto — se verdadeiro, oculta o controle no tempo de execução.
• Desabilitado — se verdadeiro, desabilita o controle no tempo de execução.

As seguintes propriedades aplicam-se a todo o controle da Guia.

• Adicionar nova guia — adicione nova guia aos seus dados clicando no ícone mais "+".

• Índice de guias ativas — navegue até uma guia específica usando esta propriedade. O índice é iniciado em 0. Por exemplo, se você tiver quatro guias consecutivas chamadas "Tab1", "Tab2", "Tab3" e "Tab4", "Tab1" tem o índice 0, "Tab2" tem o índice 1, "Tab3" tem o índice 2 e "Tab4" tem o índice 3.

• Oculto — se verdadeiro, oculta o controle no tempo de execução.

• Desabilitado — se verdadeiro, desabilita o controle no tempo de execução.

Events

• Valor alterado — Configure o que deve acontecer quando o valor for alterado.

Estilo

• Alinhamento de controle — por padrão, ela é definida como Esticar. Um alinhamento diferente pode ser definido.

  Observação: o alinhamento depende do layout selecionado para o pai (Vertical vs Horizontal).

• Estilo — o tamanho das guias e a cor de uma guia ativa.

• Borda — define a borda do controle. Espessura, cor e raio da borda podem ser configurados.

• Fonte — os atributos de fonte para o texto da guia, como família, tamanho ou cor da fonte. Por padrão, o controle herda a família de fontes do contêiner pai imediato, que é indicado pela palavra-chave “herdado”.

• Margem — a margem do controle. Por padrão, uma margem de 4px é definida. As propriedades de margem Top/Bottom (Superior/Inferior) e Left/Right (Esquerda/Direita) são combinadas. Essas propriedades podem ser desanexadas usando o botão Link no lado direito da seção Margem.

• Tamanho — a largura e a altura do controle. Por padrão, o tamanho é definido como auto. Para definir valores mínimos ou máximos, clique no ícone de três pontos (...). Se o tamanho do controle for menor que as opções, será exibida uma barra de rolagem.

Keyboard Shortcuts

Para melhorar a acessibilidade, você pode usar os seguintes atalhos de teclado na lista de guias da guia Geral no painel de configuração:

• Teclas de setapara cima e para baixo para alterar a guia selecionada
• Alt+ tecla de setapara cima para mover a guia selecionada para cima
• Alt + seta para baixo para movimentar a guia selecionada para baixo

Exemplo: navegar até a próxima guia

Este exemplo mostra como navegar até a próxima guia de um controle Guias.

1. Em seu aplicativo, adicione um controle Guias. Ele criou automaticamente 3 guias: "Guia 1", Guia 2" e "Guia 3".
2. Adicione duas novas páginas e um controle de Botão em cada uma.Nomeie os botões de "Guia 1 -> Avançar" e "Guia 2 -> Avançar", respectivamente.
3. Para a "Guia 1", no campo Origem da página, faça referência à página adicionada anteriormente, que tem o botão "Guia 1 -> Avançar".
4. Para a "Guia 2", no campo Origem da página, faça referência à página adicionada anteriormente, que tem o botão "Guia 2-> Avançar". Seu aplicativo deve ser parecido com a seguinte imagem:
   
5. Crie uma regra para cada controle de Botão. A regra instrui o aplicativo a navegar até a próxima guia quando você clicar no botão.
6. Crie uma variável de aplicativo do tipo Int32 e nomeie-a "var_tab_index".
7. Selecione o controle Guias, e atribua a variável var_tab_indexao campo Índice de guias ativas.
   
8. Selecione a página principal que contém o controle Guias, navegue até a guia Eventos e crie uma regra para o evento Carregado.
   1. Adicione a regra Definir valor e configure-a da seguinte maneira:
      • Item a ser definido — var_tab_index
      • Valor — 0, que é o índice da Guia 1.
9. Selecione a página que contém o controle de Botão chamado "Guia 1-> Avançar", navegue até a guia Eventos e crie uma regra para o evento Clicado em.
   1. Adicione a regra Definir valor e configure-a da seguinte maneira:
      • Item a ser definido — var_tab_index
      • Valor — 1, que é o índice da Guia 2.
10. Selecione a página que contém o controle de Botão chamado "Guia 2-> Avançar", navegue até a guia Eventos e crie uma regra para o evento Clicado em.
    1. Adicione a regra Definir valor e configure-a da seguinte maneira:
       • Item a ser definido — var_tab_index
       • Valor — 2, que é o índice da Guia 3.

Ao visualizar seu aplicativo, clicar no botão em "Guia 1" leva você até "Guia 2" e assim por diante.