How to make animation for multiple control in parallel with fly in fro

the issue is that you’re awaiting each TranslateTo/ScaleTo call sequentially, so the animations run one after another. To make them run in parallel, you need to start all animations at once and then await them together.

Solution: Use Task.WhenAll

Instead of:

await btn1.TranslateTo(0, 0, 500);
await btn2.TranslateTo(0, 0, 500);
await btn3.TranslateTo(0, 0, 500);
await btn4.TranslateTo(0, 0, 500);

Do this:

var tasks = new List
{
    btn1.TranslateTo(0, 0, 500, Easing.SinOut),
    btn2.TranslateTo(0, 0, 500, Easing.SinOut),
    btn3.TranslateTo(0, 0, 500, Easing.SinOut),
    btn4.TranslateTo(0, 0, 500, Easing.SinOut)
};

await Task.WhenAll(tasks);

This way, all four buttons animate simultaneously with the same fly-in effect.

Example: Fly-In From Bottom

Before starting animation, position buttons off-screen (e.g., TranslationY = 600):

btn1.TranslationY = 600;
btn2.TranslationY = 600;
btn3.TranslationY = 600;
btn4.TranslationY = 600;

await Task.WhenAll(
    btn1.TranslateTo(0, 0, 500, Easing.SinOut),
    btn2.TranslateTo(0, 0, 500, Easing.SinOut),
    btn3.TranslateTo(0, 0, 500, Easing.SinOut),
    btn4.TranslateTo(0, 0, 500, Easing.SinOut)
);

Tips

• Use Easing.SinOut or Easing.CubicOut for a smooth fly-in.

• You can stagger them slightly with Task.Delay if you want a cascading effect.

• Works for TranslateTo, ScaleTo, FadeTo, etc.

Note

Animations in Xamarin.Forms run sequentially if you await them one by one.
Use Task.WhenAll to run multiple animations in parallel.