Guias

Propriedades, modos e eventos do controle da Guia para organizar o conteúdo do aplicativo em guias estáticas ou geradas dinamicamente.

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 Top/Bottom e Left/Right 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

For improved accessibility, you can use the following keyboard shortcuts in the tabs list from the General tab in the configuration panel:

• Teclas das setas Para cima e Para baixo para alterar a guia selecionada.
• Alt+ tecla da setaPara cima para mover a guia selecionada para cima.
• Alt+ setapara baixo para mover 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 e torne ele Estático. 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_index ao 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.

Propriedades VB

Propriedade do VB	Tipo de dados	Description
ActiveTabIndex	Número inteiro	Índice da guia ativa no momento.
ActiveTabName	String	Nome da guia ativa no momento.
Hidden	Booleano	Se verdadeiro, oculta o controle no tempo de execução.
Disabled	Booleano	Se verdadeiro, desabilita o controle no tempo de execução.