Animation In Xamarin.Forms Application For Android And UWP

Animation is a great way to show your information on screen by providing an attractive user interface. In Xamarin.Forms, the ViewExtensions class provides a number of extension methods that can be used to create simple animations that rotate, scale, translate, and fade VisualElement instances.

Reading this article, you can learn how to use animation features in Xamarin.Forms cross-platform applications for Android and Universal Windows Platform with XAML and Visual C# using Visual Studio 2017RC.

The following important tools are required for developing UWP.

Now, let us discuss step by step app development.

Step 1

Step 2

Select the Cross Platform App template as Blank App, set UI Technology as Forms, and Sharing as PCL. Afterwards, Visual Studio creates 4 projects (Portable, Droid, iOS, UWP) and displays Getting Started.XamarinPage.

Step 3

Select ->CrossPlatform-> FormXamlPage-> Give a relevant name (Example- AnimTest.Xaml).

Add the image in XamFormAnim_Droid project Resourses-> Drawable folder and add the image in XamFormAnim_UWP project

In AnimTest.Xaml, add Button, Label, and Image Controls, as shown below.