Mecânica de Inércia
A inércia é usada para executar cálculos para animar a movimentação de objetos e habilitar o suporte para usabilidade genérica em aplicativos que incorporam o Windows Touch. Esta seção ilustra os seguintes recursos habilitados pela inércia.
- Uma breve visão geral da física de inércia.
- Animação de objeto smooth usando as propriedades de velocidade e desaceleração.
- Animação de objeto smooth usando uma propriedade de deslocamento.
- Saltando das bordas da tela usando limites elásticos.
Visão geral da física de inércia
O processador de inércia usa um modelo de física simples que incorpora uma posição, um valor de desaceleração e uma velocidade inicial. O tempo é usado como a entrada dinâmica para o modelo para determinar a posição atual de um objeto que está sendo deslocado. O grafo e a fórmula a seguir descrevem o modelo de física usado para calcular posições de objeto.
Na fórmula usada para calcular a posição atual (x), a velocidade inicial (v) é multiplicada pelo tempo decorrido (t) e é reduzida pelo fator de desaceleração (d) vezes ao quadrado. Isso resulta em desaceleração de objeto suave. Na ilustração anterior na parte inicial (à esquerda) da curva, o objeto está se movendo rapidamente porque sua velocidade atual é a velocidade inicial. Na parte final (à direita) da curva, o objeto parou completamente porque sua velocidade é 0. Os cálculos de velocidade do objeto para velocidade x, velocidade y e velocidade rotacional usam essa fórmula para cálculos.
Toda a distância usada para o processador de inércia é relativa. Se você quiser usar coordenadas de tela, passe coordenadas de tela para o processador de manipulação (ou inércia) ; se você quiser usar coordenadas absolutas, passe-as para o processador que você está usando. Independentemente dos valores que você está usando, o processador de manipulação usará tiques de relógio de milissegundos para processar o tempo. Esses valores podem ser passados diretamente para o processador de inércia usando o método ProcessTime ou usando o carimbo de data/hora padrão por meio de chamadas para Process.
Animação de objeto Smooth usando as propriedades Velocity e Deceleration
Você pode habilitar a animação suave interagindo diretamente com o modelo de física definindo os valores de velocidade e desaceleração na interface do processador de inércia e chamando Process. Chamar Process disparará manipulações de objeto que, por sua vez, devem causar atualizações da interface do usuário. Os valores de velocidade do objeto passados para o processador de inércia normalmente são retirados do processador de manipulação após a conclusão. Seu valor de desaceleração dependerá de quanto tempo você deseja que seu objeto seja animado e das unidades que você está usando para seus cálculos. Como os valores são dependentes, às vezes você deve dimensionar a velocidade de entrada do processador de maniplation e usar valores arbitrários para desaceleração. Os valores a seguir são típicos para vários cenários em que você está passando valores de centipixel das propriedades x e y da estruturaTOUCHINPUT para o processador de manipulação.
| Cenário | Conjunto de Propriedades | Valor de desaceleração | Dimensionamento de entrada de velocidade típico | Anotações |
|---|---|---|---|---|
| Tradução | desiredDeceleration | 0,003f | Nenhum. | Usar esse valor resultará em animações de distância mais longa ao usar a entrada por toque. |
| Tradução | desiredDeceleration | 0,001f | 1/20ª velocidade inicial para entradas de toque, nenhuma para entradas do mouse | Usar esse valor animará por cerca de um segundo determinadas entradas de velocidade típicas. |
| Tradução | desiredDeceleration | 0,5f | Nenhum | Usar esse valor dá uma sensação natural à animação em grandes exibições do Windows Touch. |
| Rotação | desiredAngularDeceleration | 0,000015f | Radianos convertidos em graus. | Usar esse valor resulta em animações rotacionais mais longas ao usar a entrada por toque. |
| Rotação | desiredAngularDeceleration | 0,00001f | Delta de rotação 1/40 para entradas por toque, nenhum para entradas do mouse | Esse valor está em radianos, portanto, você deve usar valores de velocidade e desaceleração muito pequenos. |
| Rotação | desiredAngularDeceleration | 0,000005f | Nenhum | Esse valor tem uma sensação natural em grandes exibições do Windows Touch. |
Animação de objeto Smooth usando a propriedade Desired Displacement
Em alguns casos, você não deseja usar a entrada do usuário para deslocamento de objeto, mas ainda deseja que um objeto anime suavemente na tela. Nesse caso, você pode usar propriedades de deslocamento no processador de inércia para que o processador calcule a velocidade inicial para mover um objeto pela tela.
Controlando a posição do objeto usando limites elásticos
Depois de ter um objeto que esteja se movendo pela tela, você normalmente desejará que ele pare antes que ele saia do ponto de vista do usuário. O processador de inércia habilita essa funcionalidade por meio das propriedades de limite e margem elástica. A imagem a seguir ilustra as várias propriedades de limite e margem em um aplicativo típico.
Você define os limites esquerdo, superior, direito e inferior e margens elásticas para seu aplicativo, e o processador de inércia lidará com a manutenção dos elementos da interface do usuário dentro dos limites. Quando um objeto atingir uma margem elástica, ele diminuirá a velocidade até atingir o limite. Ele nunca deixará essa margem novamente durante a inércia, mas ainda se moverá até que o componente de inércia perpendicular do objeto desacelere para 0. Na ilustração, um círculo é deslocado em direção ao limite elástico esquerdo. A seta sólida mostra a direção da manipulação; o círculo sólido é a posição inicial do objeto; a seta sólida é as alterações feitas antes do círculo atingir a margem elástica; a seta tracejada mostra onde o processador de inércia manipula o círculo depois de atingir a margem; e os círculos tracejados mostram onde o objeto é interrompido.
Nota
Definir as propriedades de margem moverá os limites para fora. Por exemplo, se o limite superior for definido como 50 e você definir a margem elástica superior como 10, o limite superior será efetivamente 40.
Tópicos relacionados
-
manipulação de inércia em de código não gerenciado