# O que é Animação?

A animação é um recurso que permite "animar" um objeto, conforme listado abaixo. Ao usar animação, você pode enfatizar objetos específicos ou adicionar movimento à tela.

- Movem-se horizontalmente ou verticalmente, em unidades de pixel
- Escala para cima/para baixo
- Girar no sentido horário/anti-horário
- Mostrar/Ocultar
- Preencher para cima/para baixo ou esquerda/direita
- Preencher centro ambos os lados/centro unilateral
- Preencher do meio para os dois lados/do meio para um dos lados

Especificar o nível de animação para o movimento ou rotação de um objeto, ou o ponto de origem/ponto inicial de um objeto.

Observação: Definir várias configurações de animação nas propriedades do objeto da guia ([Forma] ➞ sub-tela [Tamanho/Localização] ➞ [Animação]).

## Nível de animação

Definir a faixa/valor da propriedade de animação para animar o objeto.

Observação: Se uma faixa/valor de propriedade de animação for alterado diretamente, o valor/faixa da propriedade será redefinido quando a tela/conteúdo for alterado.

Propriedade | Function
[Offset horizontal] [Offset vertical] | Definir o valor para mover o objeto na direção horizontal ou vertical. Em [Offset horizontal], você pode definir o valor positivo para mover o objeto da direção "esquerda" para "direita" e o valor negativo para mover o objeto da direção "direita" para "esquerda". Em [Offset vertical], você pode definir o valor positivo para mover o objeto da direção "para cima" para "para baixo" e o valor negativo para mover o objeto da direção "para baixo" para "para cima".
[Tamanho Horizontal (%)] [Tamanho Vertical (%)] | Definir a porcentagem de objeto depois de escalar para cima ou para baixo.
[Ângulo de rotação] | Definir o ângulo de rotação do objeto.
[Visibilidade] | Definir como alternar visibilidade. Controlar a visibilidade do objeto para o seguinte valor. 0 Visível 1 Oculto 2 Recolhido (Ao utilizar Painel de encaixe, Painel de pilha ou Grade uniforme, oculta o objeto e preenche o espaço do mesmo.) Para operações, consulte o seguinte. Operação quando a animação de visibilidade é configurada Observação: Quando a variável é do tipo de dados booleanos, você não pode usar 2 (recolhido).
[Preenchimento horizontal] [Preenchimento vertical] | Definir a porcentagem para o preenchimento horizontal ou vertical do objeto.

O nível de animação depende das propriedades de origem.

(Exemplo)

Quando desejar animar o objeto dependendo de um valor da variável, selecione [Variável].

## Ponto base/Ponto inicial

Definir o ponto base e inicial do objeto animado.

Observação: Se o ponto base ou ponto inicial for alterado diretamente, o ponto base ou inicial será reinicializado quando a tela/conteúdo for alterado.

Propriedade | Function
[Âncora horizontal] [Âncora vertical] | Definir o ponto de origem (eixo X/Y) do objeto que é dimensionado para cima/para baixo. No objeto antes de qualquer movimento ser aplicado, defina o seu ponto base como uma porcentagem da parte superior esquerda do objeto. Quando [Âncora horizontal] = 25, e [Âncora vertical] = 75, o ponto base é como mostrado abaixo.
[Centro de rotação (X)] [Centro de rotação (Y)] | Definir o centro de rotação (eixo X/Y) para o objeto. No objeto antes de qualquer movimento ser aplicado, defina a posição do ponto base como uma porcentagem da largura e altura do objeto. Quando [Centro de rotação (X)] = 50, e [Centro de rotação (Y)] = 500, o centro de rotação é como mostrado abaixo. Observação: 0 é o lado esquerdo ou parte superior do objeto, e 100 é o lado direito ou parte inferior do objeto.
[Ponto inicial horizontal] [Ponto inicial vertical] | Definir o ponto de partida para o preenchimento. Quando [Centrar dois lados] estiver definido, preencha as faixas à esquerda e à direita, como mostrado abaixo. Observação: Quando o valor é 0, o objeto não é preenchido.