Animation with Xamarin Forms - Blogs
X
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

Canarys is a finalist for 2014 Microsoft ALM partner of the year award from INDIA

Bangalore, Karnataka, India — May 29, 2014 — Canarys, today announced it has been named ...

Read More >

How to print TransHeader and TransFooter in Microsoft Dynamics NAV RDLC reports

We know that TransHeader and TransFooter section types were available in NAV 2009 version but there ...

Read More >

Database deployment using GitHub Actions

In this blog, I will be showing how to export the database file from SQL Server and import the same ...

Read More >

Memory Management in iOS

Memory Management iOS In this blog we will walk through very important thing which all iOS developer...

Read More >

Converting UserControl into a dll

User controls are containers into which you can put markup and Web server controls. You can then tre...

Read More >

Software Services

The whole world has come to realize the role played by Information Technology and looking at ways to...

Read More >

How to write custom code in NAV 2013 R2 Report layout design?

You may want to add custom code to the RDLC report to do more actions than what's already provid...

Read More >

Kubernetes basic Objects

In this article, we will learn about the basic objects of Kubernetes in detail with their respective...

Read More >

Dynamics 365 Business Central: How to Record Events in Business Central

When you are developing an extension for Dynamics 365 Business Central and you need to interact with...

Read More >

Technical Consultant | Visual Studio

Should be able to perform independently and with the team. Experience in creating reports using SQL...

Read More >

Share

Try DevOpSmartBoard Ultimate complete Azure DevOps End-to end reporting tool

Sign Up

  • Recent
  • Popular
  • Tag
Monthly Archive
Subscribe
Name

Text/HTML
Contact Us
  • *
  • *