# Dividindo uma tela

Você pode criar uma exibição de várias telas dividindo a área da tela igualmente em várias partes, como 2, 4, 9 e assim por diante.

Depois de alternar a Animação de visibilidade entre mostrar o objeto de Visualização de conteúdo e minimizar o objeto de Visualização de conteúdo, a Grade uniforme ajusta automaticamente o tamanho e a posição do objeto de Visualização de conteúdo entre uma única tela inteira e várias exibições em tela dividida

Para obter informações sobre os recursos usados para habilitar a exibição em tela dividida, consulte o seguinte.

Grade uniforme

O que é Animação?

Operação quando a animação de visibilidade é configurada

## Exemplo de operação

Toque no interruptor em Conteúdo1 para recolher o outro conteúdo, de modo que apenas o Conteúdo1 exibe em sua totalidade. Toque no interruptor mais uma vez para exibir todo o conteúdo novamente e retornar à exibição de tela dividida.

## Configurar fluxo de trabalho

1. Adicionar variáveis
2. Configurar tela
3. Configurar tela de conteúdos
4. Configurar peças
5. Desenhar conteúdos
6. Configurar scripts

## Adicionar variáveis

Adicione variáveis para armazenar o valor da propriedade [Visibilidade] do objeto de Visualização de conteúdo.

### Explorador de projeto : [Variáveis] ➞ [Todas as Variáveis]

Adicionar as seguintes variáveis.

[Nome] | [Tipo de dados]
Var1 | [INT]
Var2 | [INT]
Var3 | [INT]
Var4 | [INT]

## Configurar tela

### Explorador de projeto : [Design de tela] ➞ [Telas]

Adicionar a seguinte tela.

#### Propriedades da tela :

[ID da tela] | [Tipo de tela]
2 | [Grade uniforme]

Configurar as seguintes propriedades.

#### Propriedade do Target01:

Guia | Sub-tela | Propriedade |  | Valor
[Função] | [Básico] | [Preferências] | [ID da tela inicial] | 2

Observação: Defina essa propriedade para exibir primeiro após o runtime iniciar a tela dividida (ID da tela: 2) criada neste exemplo de configuração.

## Configurar tela de conteúdos

### Explorador de projeto : [Design de tela] ➞ [Conteúdos]

Adicionar o seguinte conteúdo.

[ID do conteúdo] | [Tipo de tela]
1 | [Caixa de visualização]
2 | [Caixa de visualização]
3 | [Caixa de visualização]
4 | [Caixa de visualização]

## Configurar peças

### Explorador de projeto : [Design de tela] ➞ [Telas] ➞ [Screen2]

Para definir as configurações de tela, como cor, na visualização do documento clique na área de desenho e defina as configurações na janela Propriedades.

#### Propriedades da grade uniforme :

Guia | Propriedade | Valores
[Básico] | [Preencher] | [Valor] | ID: (Qualquer)
[Linha] | (Valor inicial)
[Coluna] | (Valor inicial)

Arraste e solte os seguintes objetos da [Caixa da ferramentas] para a tela.

#### Propriedades do objeto de visualização do conteúdo (Nome: ContentDisplay1) propriedades :

Guia | Sub-tela | Propriedade | Valores
[Função] | [Básico] | [ID do conteúdo] | 1
[Forma] | [Tamanho/Localização] | [Visibilidade] | [Variáveis] [Nome]: Var1

#### Propriedades do objeto de visualização do conteúdo (Nome: ContentDisplay2) propriedades :

Guia | Sub-tela | Propriedade | Valores
[Função] | [Básico] | [ID do conteúdo] | 2
[Forma] | [Tamanho/Localização] | [Visibilidade] | [Variáveis] [Nome]: Var2

#### Propriedades do objeto de visualização do conteúdo (Nome: ContentDisplay3) propriedades :

Guia | Sub-tela | Propriedade | Valores
[Função] | [Básico] | [ID do conteúdo] | 3
[Forma] | [Tamanho/Localização] | [Visibilidade] | [Variáveis] [Nome]: Var3

#### Propriedades do objeto de visualização do conteúdo (Nome: ContentDisplay4) propriedades :

Guia | Sub-tela | Propriedade | Valores
[Função] | [Básico] | [ID do conteúdo] | 4
[Forma] | [Tamanho/Localização] | [Visibilidade] | [Variáveis] [Nome]: Var4

## Desenhar conteúdos

Coloque um interruptor em cada conteúdo para alternar entre uma única tela cheia e várias exibições em tela dividida. Defina um script para operar o interruptor.

### Explorador de projeto : [Design de tela] ➞ [Conteúdos] ➞ [Content1]

Arraste e solte os seguintes objetos da [Caixa da ferramentas] para o Conteúdo1.

#### Propriedades do objeto do interruptor (Nome: Switch1) :

Valor padrão

### Explorador de projeto : [Design de tela] ➞ [Conteúdos] ➞ [Content2]

Arraste e solte os seguintes objetos da [Caixa da ferramentas] para o Conteúdo2.

#### Propriedades do objeto do interruptor (Nome: Switch1) :

Valor padrão

### Explorador de projeto : [Design de tela] ➞ [Conteúdos] ➞ [Content3]

Arraste e solte os seguintes objetos da [Caixa de ferramentas] para o Conteúdo3.

#### Propriedades do objeto do interruptor (Nome: Switch1) :

Valor padrão

### Explorador de projeto : [Design de tela] ➞ [Conteúdos] ➞ [Content4]

Arraste e solte os seguintes objetos da [Caixa da ferramentas] para o Content4.

#### Propriedades do objeto do interruptor (Nome: Switch1) :

Valor padrão

## Configurar scripts

Configure um script que altere a propriedade [Visibilidade] de outros objetos de Visualização de conteúdo entre 0 (mostrar) e 2 (minimizar) quando um interruptor for tocado em um dos objetos de Visualização de conteúdo.

### Explorador de projeto : [Design de tela] ➞ [Conteúdos] ➞ [Content1]

Definir o seguinte script sobre o objeto.

A partir da [Caixa da ferramentas] arraste e solte o roteiro para o editor do Script.

Number | Bloquear
1 | [Disparar] ➞ [Toque] ➞ [Toque]
2 | [Valor] ➞ [Objeto de tela]
3 | [Operação] ➞ [Alterar valor] ➞ [Alterar valor]
4 | [Valor] ➞ [Variável]
5 | [Valor] ➞ [Constante]

### Explorador de projeto : [Design de tela] ➞ [Conteúdos] ➞ [Content2]

Definir o seguinte script sobre o objeto.

A partir da [Caixa da ferramentas] arraste e solte o roteiro para o editor do Script.

#### Script do objeto de interruptor (Nome: Switch1) :

Number | Bloquear
1 | [Disparar] ➞ [Toque] ➞ [Toque]
2 | [Valor] ➞ [Objeto de tela]
3 | [Operação] ➞ [Alterar valor] ➞ [Alterar valor]
4 | [Valor] ➞ [Variável]
5 | [Valor] ➞ [Constante]

### Explorador de projeto : [Design de tela] ➞ [Conteúdos] ➞ [Content3]

Definir o seguinte script sobre o objeto.

A partir da [Caixa da ferramentas] arraste e solte o roteiro para o editor do Script.

#### Script do objeto de interruptor (Nome: Switch1) :

Number | Bloquear
1 | [Disparar] ➞ [Toque] ➞ [Toque]
2 | [Valor] ➞ [Objeto de tela]
3 | [Operação] ➞ [Alterar valor] ➞ [Alterar valor]
4 | [Valor] ➞ [Variável]
5 | [Valor] ➞ [Constante]

### Explorador de projeto : [Design de tela] ➞ [Conteúdos] ➞ [Content4]

Definir o seguinte script sobre o objeto.

A partir da [Caixa da ferramentas] arraste e solte o roteiro para o editor do Script.

#### Script do objeto de interruptor (Nome: Switch1) :

Number | Bloquear
1 | [Disparar] ➞ [Toque] ➞ [Toque]
2 | [Valor] ➞ [Objeto de tela]
3 | [Operação] ➞ [Alterar valor] ➞ [Alterar valor]
4 | [Valor] ➞ [Variável]
5 | [Valor] ➞ [Constante]