Basic Animations

最新推荐文章于 2024-09-03 07:24:07 发布

singhwong

最新推荐文章于 2024-09-03 07:24:07 发布

阅读量97

点赞数

分类专栏： Xamarin.Forms 文章标签： Xamarin.Forms Animations

本文链接：https://blog.csdn.net/qq_41708190/article/details/108765676

版权

Xamarin.Forms 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

本文深入探讨了Xamarin.Forms中创建基本动画的方法，包括视图平移、旋转和缩放等效果，帮助开发者实现更丰富的用户交互体验。

摘要由CSDN通过智能技术生成

<?xml version="1.0" encoding="utf-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="BasicAnimationsSample.MainPage">
    <Grid Margin="{OnPlatform iOS='0,30,0,0'}">
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <Image x:Name="Image1" Source="bridge.jpeg" MinimumWidthRequest="100"/>
        <Image x:Name="Image2" Source="bridge.jpeg" MinimumWidthRequest="100"
               Grid.Row="1"/>
        <Image x:Name="Image3" Source="bridge.jpeg" MinimumWidthRequest="100"
               Grid.Row="2"/>
        <Button Text="Single" Grid.Column="1" Clicked="SingleButton_Clicked"/>
        <Button Text="Compound" Grid.Row="1" Grid.Column="1" Clicked="CompoundButton_Clicked"/>
        <Button Text="Composite" Grid.Row="2" Grid.Column="1" Clicked="CompositeButton_Clicked"/>
        <Button Grid.Row="3" Grid.ColumnSpan="2" Text="Cancel" Clicked="CancelButton_Clicked"/>
    </Grid>
</ContentPage>

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using Xamarin.Forms;

namespace BasicAnimationsSample
{
    public partial class MainPage : ContentPage
    {
        public MainPage()
        {
            InitializeComponent();
        }

        async void SingleButton_Clicked(System.Object sender, System.EventArgs e)
        {
            await Image1.RelScaleTo(2, 500);
        }

        async void CompoundButton_Clicked(System.Object sender, System.EventArgs e)
        {
            await Image2.ScaleTo(2,500);
            //await Image2.RelRotateTo(30,1000);
        }

       async void CompositeButton_Clicked(System.Object sender, System.EventArgs e)
        {
            await Task.WhenAll(
                Image3.RotateTo(360, 10000),
                Image3.FadeTo(0,10000));
        }

        void CancelButton_Clicked(System.Object sender, System.EventArgs e)
        {
            ViewExtensions.CancelAnimations(Image1);
            ViewExtensions.CancelAnimations(Image2);
            ViewExtensions.CancelAnimations(Image3);
        }
    }
}