Цветовая анимация FadeIn / FadeOut в Xamarin

Question

Я пытаюсь заставить Frame иметь бесконечный l oop эффект FadeIn / FadeOut на цвет фона. Происходит то, что воспроизводится и повторяется только первая анимация, вторая игнорируется.

То, что я хочу:

Альфа: 0,5 исчезает до 1, ЗАТЕМ от 1 исчезает до 0,5, ЗАТЕМ повторять все proccess;

Что происходит:

Альфа: 0,5 исчезает до 1 ТОГДА повторить;

new Animation(callback: v => BackgroundColor = Color.FromRgba(183, 226, 241, v), start: 0.5, end: 1).
Commit(this, "Animation", 16, 4000, Easing.Linear, (v, c) =>
{
   new Animation(callback: d => BackgroundColor = Color.FromRgba(183, 226, 241, d), start: 1, end: 0.5).
   Commit(this, "Animation2", 16, 4000, Easing.Linear, (d, x) => 
      BackgroundColor = Color.FromRgba(183, 226, 241, d),() => false);

},()=>true);

Я читал документацию по .Commit, но это немного сбивает с толку .

Answer 1

Я использую ваш код на своей стороне, но у меня нет никакого эффекта для Page, если вы хотите изменить цвет фона и повторить, я предлагаю вам использовать ViewExtensions из Custom Animations в Xamarin.Forms

public static class ViewExtensions
{
 public static Task<bool> ColorTo(this VisualElement self, Color fromColor, Color toColor, Action<Color> callback, uint length = 250, Easing easing = null)
{
Func<double, Color> transform = (t) =>
  Color.FromRgba(fromColor.R + t * (toColor.R - fromColor.R),
                 fromColor.G + t * (toColor.G - fromColor.G),
                 fromColor.B + t * (toColor.B - fromColor.B),
                 fromColor.A + t * (toColor.A - fromColor.A));
return ColorAnimation(self, "ColorTo", transform, callback, length, easing);
}

public static void CancelAnimation(this VisualElement self)
{
self.AbortAnimation("ColorTo");
}

static Task<bool> ColorAnimation(VisualElement element, string name, Func<double, Color> transform, Action<Color> callback, uint length, Easing easing)
{
easing = easing ?? Easing.Linear;
var taskCompletionSource = new TaskCompletionSource<bool>();

element.Animate<Color>(name, transform, callback, 16, length, easing, (v, c) => taskCompletionSource.SetResult(c));
return taskCompletionSource.Task;
}
}

Затем вы можете повторить один раз, как в следующем коде:

 while(true)
        {
          await  this.ColorTo(Color.FromRgb(0, 0, 0), Color.FromRgb(255, 255, 255), c => BackgroundColor = c, 5000);
          await this.ColorTo(Color.FromRgb(255, 255, 255), Color.FromRgb(0, 0, 0), c => BackgroundColor = c, 5000);
        }