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.

UI

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.

 

code

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 .

pro

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.

imgRes

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

what's new features are coming in Bootstrap4

What is Bootstrap?Bootstrap is a collection of tools for creating responsive websites...

Read More >

Create Restful service using Web API

What is Asp.Net Web API?Asp.Net Web API is a framework for building HTTP services that can be consum...

Read More >

Microsoft Azure Webinars Registration

Date : 28th Jan 2016 | Day  : Thursday | Time : 03:30 PM IST | Duration : 1 HourREGISTER yourse...

Read More >

Performing Sonar Analysis for .NET projects

 Sonar Integration with TFS build for .net projectsThis document provides details about TFS and...

Read More >

How to Create an Azure Virtual Network by using a Deployment Template

Hello Folks!In this Blog post, we will try to learn how to create an Azure V-Net using an ARM templa...

Read More >

ASP .Net MVC Error Logging Using Elmah

ASP .Net MVC Error Logging Using Google ElmahIntroduction: ELMAH is one of the popular Library to lo...

Read More >

How to use TFS 2012 Team Build for Visual Basic 6

Here is a process to build your VB6 projects in Team foundation Server 2012. 1. Have a copy of ...

Read More >

Azure Blob Storage: The PowerShell Way!

Hi folks!Great to see you again.This blog post is purely based on Azure Blob Storage: The PowerShell...

Read More >

How to Host your Webpages on Google Drive

If you want to host your webpages quickly but don't have any web sever to host, then google driv...

Read More >

Go for Gold. One More Gold for Canarys!

Canarys participated in the Go for Gold campaign conducted by Microsoft and have now achieved yet an...

Read More >

Share

Post a Comment

  • Recent
  • Popular
  • Tag
Monthly Archive
Subscribe
Name

Contact Us
  • *
  • *