Масштабная анимация на Xamarin.Forms UWP не повторяется - PullRequest
Новая
       10

Масштабная анимация на Xamarin.Forms UWP не повторяется

1 голос
/ 17 апреля 2019

Я пытаюсь настроить анимацию на моем изображении, похожую на пульс на https://daneden.github.io/animate.css/

Итак, в Xamarin.Forms я пытаюсь воссоздать эту анимацию, используя ScaleTo из класса ViewExtensions: 

await image.ScaleTo (1.3, 500);
await image.ScaleTo (1, 500);
await image.ScaleTo (1.3, 500);
await image.ScaleTo (1, 500);

Но на самом деле ничего не происходит, мое изображение остается прежним.

Как я могу решить эту проблему?

Спасибо за вашу помощь.

1 Ответ

0 голосов
/ 17 апреля 2019

Я бы преобразовал этот CSS-импульс в пользовательскую анимацию Родитель / Дитя.

CSS Pulse: 

//animation-duration: 1s;
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

Xamarin Анимация: 

new Animation
 {
      { 0, 0.5, new Animation (v => image.Scale = v, 1, 1.05) },
      { 0.5, 1, new Animation (v => image.Scale = v, 1.05, 1) },
 }.Commit(this, "viewAnim", 16, 1000, Easing.Linear);
...