Animações de composição

As APIs Microsoft.UI.Composition permitem-lhe criar, animar, transformar e manipular objetos compositores numa camada unificada de API. As animações de composição fornecem uma forma poderosa e eficiente de executar animações na interface da sua aplicação WinUI. Foram concebidos desde o início para garantir que as suas animações correm a 60 FPS independentemente do tópico da interface e para lhe dar flexibilidade para criar experiências incríveis usando não só o tempo, mas também o input e outras propriedades, para impulsionar animações.

Movimento no Windows

Pensa no motion design como num filme. Transições fluidas mantêm-no focado na história e dão vida às experiências. Podemos trazer esse sentimento para os nossos designs, guiando as pessoas de uma tarefa para a outra com uma facilidade cinematográfica. O movimento é frequentemente o fator diferenciador entre uma Interface de Utilizador e uma Experiência de Utilizador.

Como elemento fundamental da Plataforma de Interface do Windows, o CompositionAnimations oferece uma forma poderosa e eficiente de criar experiências de movimento na interface da sua aplicação. O motor de animação foi concebido desde o início para garantir que o seu movimento corra a 60 FPS, independentemente do tópico da interface. Estas animações são concebidas para proporcionar flexibilidade para criar experiências de movimento inovadoras baseadas no tempo, entrada e outras propriedades.

Exemplos de movimento

Aqui estão alguns exemplos de movimento numa aplicação.

Aqui, uma aplicação usa uma animação ligada para animar uma imagem de item à medida que esta "continua" a fazer parte do cabeçalho da página seguinte. O efeito ajuda a manter o contexto do usuário durante a transição.

Aqui, um efeito visual de paralaxe move objetos a velocidades distintas quando a interface se desloca ou faz panorâmicas, criando uma sensação de profundidade, perspetiva e movimento.

Como usar as Animações de Composição para criar Movimento

Para gerar movimento na interface, os programadores podem aceder a animações tanto em XAML como na Visual Layer. As animações na Camada Visual oferecem aos programadores uma série de benefícios:

• Desempenho – em vez da tradicional animação vinculada ao Thread da UI, as animações na plataforma Windows UI operam num thread independente a 60 FPS, permitindo experiências de movimento fluidas.
• Modelo de Templates – as animações na camada da interface do Windows são templates, o que significa que se pode usar uma única animação em múltiplos objetos e ajustar propriedades ou parâmetros sem se preocupar em obstruir usos anteriores.
• Personalização – a camada da interface do Windows não só facilita a criação de interfaces bonitas, como, com uma gama completa de tipos de animação, é possível criar experiências novas e incríveis com um gradiente de personalizações

Como programador a criar experiências na camada da interface do Windows, tem acesso a uma variedade de conceitos de animação para dar vida aos seus designs. Pode usar qualquer um destes conceitos para animar uma propriedade ou componente de subcanal (quando aplicável) de qualquer CompositionObject.

Observação

Nem todas as propriedades de um CompositionObject são animáveis. Consulte a documentação do CompositionObject individual para determinar se uma propriedade é animável.

Observação

O termo subcanal refere-se a uma forma componente de uma propriedade. Por exemplo, o subcanal X ou XY de uma propriedade de deslocamento Vector3.

Conceito de animação	Descrição
Movimento baseado no tempo com KeyFrameAnimations	KeyFrameAnimations são usadas para controlar diretamente a totalidade de uma experiência de movimento ao longo de um período de tempo. Desenvolvedores a descrever o início, fim, interpolação e duração de um movimento de maneira tradicional, usando keyframes.
Movimento relativo com ExpressionAnimations	ExpressionAnimations são usadas para descrever como um movimento da propriedade de um objeto deve ser conduzido em relação à propriedade de outro objeto. Os desenvolvedores definem uma equação matemática que define a relação baseada na referência.
Animações Implícitas	Estas animações são baseadas em gatilhos e definidas separadamente da lógica principal da aplicação. As Animações Implícitas são usadas para descrever como e quando as animações ocorrem como resposta a alterações diretas de propriedades.
Movimento orientado por entrada com Animações de Entrada	Animações de Entrada abrange um conjunto de cenários que permitem aos programadores descrever movimentos baseados em manipulação através do toque ou de outras modalidades de entrada. Estas animações são geradas com base em entradas ou gestos ativos do utilizador.
Movimento baseado em física com NaturalMotionAnimations	NaturalMotionAnimations são usadas para descrever experiências de movimento naturais e familiares baseadas no movimento real impulsionado pela força. Em vez de definir o tempo, os desenvolvedores definem características do movimento (por exemplo, a razão de amortecimento das molas)