[MIUI Theme Tutorial] How To Create Animated icons

Hello all,

Welcome to my next theme classroom on adding Animations to MIUI icons. This is done in simple 2 steps in 2 minute.

In this tutorial I will show you how to create a simple rotate animation to camera icon.

Video Tutorial:

Steps: [Check out the video for better understanding.]

1. Download the below exapmle mtz file containing the code and png images required. You can Extract the mtz file using 7zip.

Animated icons.mtz

2. Inside icon folder, there is a fancy_icons folder. Inside this folder we have to create a folder, whose name is same as icon name. The name of the camera icon is com.android.camera.

3. Put the camera icon '.png' image and a menifest.xml file in side that com.android.camera folder.

4. We can write any animation code inside the menifest.xml file.

A sample menifest.xml file:

<?xml version="1.0" encoding="utf-8"?>
<Icon version="1" frameRate="100" width="136" height="136" screenWidth="720" >
<Image x="45" y="90" align="center" alignV="center" src="icon.png" pivotX="93" pivotY="47">
%% Put your animation code here. %%
%% In the Example mtz file I have used Rotation animation. Please check that. %%
</Image>
</Icon>

You can see a sample themes here: Bahubali [Mythology]

Go and rock the world with your creativity!!!