20Mar
Animation with Xamarin Forms
In this Article I am going to show you how we can add animation in our Xamarin Forms Application.
It is very simple process to add animation with xamarin forms app. We are not going to use any 3rd party plugin for that. Because this property available with default project. Just we need to use it and make our app attractive.
So here I am going to show you 4 basic effect of animation.
- Translate
- Scale
- Rotate
- Fade
These are 4 basic effect which I am going to cover in this article.
Step 1(Create Project)
First we need to create a new project you can use your existing one also.
I am creating new project in Xamarin Forms (Blank App).
Step 2( Create UI )
now we need to create UI in XAML. As I have already created my UI so please check my following screen shot.

Here you can see I am using image and label. So for using image we need to add same image platform wise because it is Xamarin Forms, so same code will be render platform wise. Same image I have added in “drawable” folder for Android and “Resource” for iOS.
Step 3(C# Code)
For writing c# code you need to open your xml.cs file and write c# code as I have written in the following screen.

In this code you can see all animation property is available and we did not add any external plugin.
Easing has more property for animation I am showing some property with the following image rest you can check and use it .

You can see it there is many effect which we can use it in our project based on our choice.
Step 4 (Build and Deploy)
this is final step now we need to build this project and deployed it on emulator or simulator. Result will be look like that.

Conclusion
Making an attractive UI for our app is most important thing. We can use this property in our Xamarin Forms App and make our app more attractive.
This is Xamarin Forms so we don’t need to design many time same code will be render based on selected platform.
Related
We understand that the world of technology is changing rapidly from day to day and businesses have m...
Read More >
Current Popular mobile operating systems are:Android from Google Inc.(Open source)initial release :2...
Read More >
Have you ever been bothered by the bank notifications, payment reminders, lottery wins on your mobil...
Read More >
Using many features of VSTS allow you to get started quickly and even make it easier to build, ...
Read More >
Multi-tenancy is a software architecture in which a single instance of the application can...
Read More >
Strategies to Reduce Cloud expenses and related best practices.
Read More >
Let us check what is Git and GitHub and how they work. To understand this, let us imagine a scenario...
Read More >
In the previous blog we would have seen what GitHub is, who started this project and how it evolved ...
Read More >
Now Office 2013 launched recently, now its not available for users may be its available for User aft...
Read More >
Share