MAUI 基本动画

定义一个按钮

            <Button 
                x:Name="clickTest"
                Text="点我开始!"
                HeightRequest="300"
                WidthRequest="300"
                SemanticProperties.Hint="come on!"
                Clicked="ClikeMe"
                BorderColor="Green"
                BackgroundColor="Green"
                HorizontalOptions="Center"> 
            </Button>

X,Y指定方向移动

await clickTest.TranslateTo(100, 100, 1000);

并发运行多个动画

        await Task.WhenAny<bool>
(
  clickTest.RotateTo(360, 4000),
  clickTest.ScaleTo(2, 2000)
);

旋转

await clickTest.RotateTo(360, 2000);
        Rotation = 0;

相对旋转

await clickTest.RelRotateTo(360, 2000);

使用定位点缩放和旋转

double radius = Math.Min(label1.Width, label1.Height) / 2;
        clickTest.AnchorY = radius / clickTest.Height;
        await clickTest.RotateTo(360, 2000);

淡入淡出

clickTest.Opacity = 0;
        await clickTest.FadeTo(1, 4000);

复合动画

		await clickTest.TranslateTo(-100, 0, 1000);    // Move clickTest left
        await clickTest.TranslateTo(-100, -100, 1000); // Move clickTest diagonally up and left
        await clickTest.TranslateTo(100, 100, 2000);   // Move clickTest diagonally down and right
        await clickTest.TranslateTo(0, 100, 1000);     // Move clickTest left
        await clickTest.TranslateTo(0, 0, 1000);       // Move clickTest up

10分钟动画

 uint duration = 10 * 60 * 1000;
        await Task.WhenAll
        (
          clickTest.RotateTo(307 * 360, duration),
          clickTest.RotateXTo(251 * 360, duration),
          clickTest.RotateYTo(199 * 360, duration)
        );

取消动画

this.AbortAnimation("clickTest");
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值