Android Animation detailed

I. Type of animation

Android animation consists of four types: alpha, scale, translate, rotate

In the XML configuration file

Alpha	Gradient Transparency Animation effect
Scale	Gradient Dimension Stretch animation effect
Translate	Move animation effect on picture transition position
Rotate	Picture Transfer rotation animation effect

In Java Code code

Alphaanimation	Gradient Transparency Animation effect
Scaleanimation	Gradient Dimension Stretch animation effect
Translateanimation	Move animation effect on picture transition position
Rotateanimation	Picture Transfer rotation animation effect

Second, Android animation mode

Animation There are two main modes of animation: tweened and Frame

• One is tweened animation (gradient animation)

in XML	Javacode
Alpha	Alphaanimation
Scale	Scaleanimation

• One is frame by frame (Picture conversion animation)

in XML	Javacode
Translate	Translateanimation
Rotate	Rotateanimation

Iii. defining animations in XML files

① open Eclipse, new Android Project

② creating a new Anim folder in the Res directory

③ Create a new myanim.xml in the Anim directory (note the file name lowercase)

④ adding animated code to XML

1. <?xml version= "1.0" encoding= "Utf-8"?>
2. <set xmlns:android= "Http://schemas.android.com/apk/res/android" >
3. <alpha/>
4. <scale/>
5. <translate/>
6. <rotate/>
7. </set>

Iv. Android XML Animation parsing

1. Alpha

2. <?xml version= "1.0" encoding= "Utf-8"?>
4. <set xmlns:android= "Http://schemas.android.com/apk/res/android" >
6. <alpha
8. Android:fromalpha= "0.1"
10. Android:toalpha= "1.0"
12. Android:duration= "3000"
14. />
16. <!--transparency Controls animation effect Alpha
18. Floating-point values:
20. The Fromalpha property is the transparency at the beginning of the animation
22. Toalpha property is the transparency at the end of the animation
24. Description
26. 0.0 indicates full transparency
28. 1.0 means completely opaque
30. The above values take a number of float data types between 0.0-1.0
34. Long Integer value:
36. The Duration property is the duration of the animation
38. Description
40. The time is measured in milliseconds
42. -
44. </set>

2. Scale

2. <?xml version= "1.0" encoding= "Utf-8"?>
4. <set xmlns:android= "Http://schemas.android.com/apk/res/android" >
6. <scale
8. Android:interpolator=
10. "@android: Anim/accelerate_decelerate_interpolator"
12. android:fromxscale= "0.0"
14. android:toxscale= "1.4"
16. android:fromyscale= "0.0"
18. android:toyscale= "1.4"
20. android:pivotx= "50%"
22. Android:pivoty= "50%"
24. Android:fillafter= "false"
26. Android:duration= "/>"
28. </set>
30. <!--size Scaling animation effect scale
32. Property: interpolator Specifies the insertion of an animation
34. In my experiment, using the resources in Android.res.anim, I found
36. There are three types of animation inserts:
38. Accelerate_decelerate_interpolator acceleration-deceleration animation insertion device
40. Accelerate_interpolator Acceleration-Animation insertion Device
42. Decelerate_interpolator deceleration-Animation insertion device
44. Other animations that belong to a specific animation effect
46. Floating-point values:
50. The Fromxscale property is the scaling dimension on the x-coordinate at the start of the animation
52. The Toxscale property is the scaling dimension on the x-coordinate at the end of the animation
56. The Fromyscale property is the scaling dimension on the y-coordinate at the start of the animation
58. The Toyscale property is the scaling dimension on the y-coordinate at the end of the animation
62. Description
64. Above four attribute values
68. 0.0 means shrink to No
70. 1.0 indicates normal no scaling
72. Values less than 1.0 indicate shrinkage
74. Values greater than 1.0 indicate magnification
78. The Pivotx property is the start position of the animation relative to the X coordinate of the object
80. The Pivoty property is the start position of the animation relative to the y-coordinate of the object
84. Description
86. The above two attribute values are taken from the 0%-100% value
88. 50% is the midpoint position on the x or Y coordinate of the object
92. Long Integer value:
94. The Duration property is the duration of the animation
96. Description: The time is measured in milliseconds
100. Boolean-Value:
102. Fillafter property When set to True, the animation conversion is applied after the animation is finished
104. -

3. Translate

2. <?xml version= "1.0" encoding= "Utf-8"?>
4. <set xmlns:android= "Http://schemas.android.com/apk/res/android" >
6. <translate
8. Android:fromxdelta= "30"
10. Android:toxdelta= "-80"
12. Android:fromydelta= "30"
14. Android:toydelta= "300"
16. Android:duration= "2000"
18. />
20. <!--translate position transfer animation effect
22. Integer value:
24. The Fromxdelta property is the position of the x-coordinate at the start of the animation
26. The Toxdelta property is the position of the x-coordinate at the end of the animation
28. The Fromydelta property is the position of the y-coordinate at the start of the animation
30. The Toydelta property is the position of the y-coordinate at the end of the animation
32. Attention:
34. Not specified Fromxtype toxtype fromytype toytype time,
36. The default is to use your own relative reference
38. Long Integer value:
40. The Duration property is the duration of the animation
42. Description: The time is measured in milliseconds
44. -
46. </set>

4. Rotate

2. <?xml version= "1.0" encoding= "Utf-8"?>
4. <set xmlns:android= "Http://schemas.android.com/apk/res/android" >
6. <rotate
8. Android:interpolator= "@android: Anim/accelerate_decelerate_interpolator"
10. android:fromdegrees= "0"
12. Android:todegrees= "+350"
14. android:pivotx= "50%"
16. Android:pivoty= "50%"
18. Android:duration= "/>"
20. <!--rotate rotation animation effect
22. Property: interpolator Specifies the insertion of an animation
24. In my experiment, using the resources in Android.res.anim, I found
26. There are three types of animation inserts:
28. Accelerate_decelerate_interpolator acceleration-deceleration animation insertion device
30. Accelerate_interpolator Acceleration-Animation insertion Device
32. Decelerate_interpolator deceleration-Animation insertion device
34. Other animations that belong to a specific animation effect
38. Floating-point value:
40. Fromdegrees property is the angle of the object at the beginning of the animation
42. Todegrees property rotates the angle of the object at the end of the animation to be greater than 360 degrees
48. Description
50. When the angle is negative--indicates counterclockwise rotation
52. When the angle is positive--Indicates clockwise rotation
54. (Negative from--to positive: clockwise rotation)
56. (Negative from--to negative: counterclockwise rotation)
58. (Positive from--to positive: clockwise rotation)
60. (Positive from--to negative: counterclockwise rotation)
64. The Pivotx property is the start position of the animation relative to the X coordinate of the object
66. The Pivoty property is the start position of the animation relative to the y-coordinate of the object
70. Note: The above two attribute values are taken from the 0%-100% value
72. 50% is the midpoint position on the x or Y coordinate of the object
76. Long Integer value:
78. The Duration property is the duration of the animation
80. Description: The time is measured in milliseconds
82. -
84. </set>

XML use animation effects in

1. public static Animation Loadanimation (context context, int id)
2. The first parameter is context for the program
3. The second parameter ID is a reference to the animated XML file
4. Example:
5. Myanimation= animationutils.loadanimation (this, r.anim.my_action);
6. Use the static method of the Animationutils class Loadanimation () to load an animated XML file in the XML

v. Java defining animations in code

1. Defining an animation instance object in code
2. Private Animation Myanimation_alpha;
3. Private Animation Myanimation_scale;
4. Private Animation myanimation_translate;
5. Private Animation myanimation_rotate;
7. Initializes an instance object according to its own construction method
8. Myanimation_alpha = new Alphaanimation (0.1f, 1.0f);
10. Myanimation_scale = new Scaleanimation (0.0f, 1.4f, 0.0f, 1.4f,
11. Animation.relative_to_self, 0.5f, Animation.relative_to_self, 0.5f);
13. Myanimation_translate = new Translateanimation (30.0f, -80.0f, 30.0f, 300.0f);
15. Myanimation_rotate = new Rotateanimation (0.0f, +350.0f,
16. Animation.relative_to_self,0.5f,animation.relative_to_self, 0.5f);

Six, Android code animation analysis

1. Alphaanimation

Alphaanimation Class object definitions

1. 1. Private Alphaanimation Myanimation_alpha;

Alphaanimation Class object constructs

1. Alphaanimation (float fromalpha, float toalpha)
2. The first parameter fromalpha is the transparency at the beginning of the animation
3. The second parameter, Toalpha, is the transparency at the end of an animation
4. Myanimation_alpha = new Alphaanimation (0.1f, 1.0f);
5. Description
6. 0.0 indicates full transparency
7. 1.0 means completely opaque

Set the duration of an animation

1. Myanimation_alpha.setduration (5000);
2. Set time duration to 5000 milliseconds

2. Scaleanimation
Scaleanimation Class object definitions

1. Private Scaleanimation Myanimation_scale;

Scaleanimation Class object constructs

2. Scaleanimation (float FromX, float toX, float fromY, float ToY,
4. int Pivotxtype, float pivotxvalue, int pivotytype, float pivotyvalue)
6. The first parameter fromx is the scaling dimension on the x-coordinate at the start of the animation
8. The second parameter tox the scaling dimension at the end of the animation at the x-coordinate
10. The third parameter, fromy, is the scaling dimension on the y-coordinate at the start of the animation
12. The fourth parameter toy is the scaling dimension on the y-coordinate at the end of the animation
14. /* Description:
16. Above four attribute values
18. 0.0 means shrink to No
20. 1.0 indicates normal no scaling
22. Values less than 1.0 indicate shrinkage
24. Values greater than 1.0 indicate magnification
26. */
28. The fifth parameter Pivotxtype for the animation on the x-axis relative to the object position type
30. The sixth parameter pivotxvalue the start position of the animation relative to the x-coordinate of the object
32. The seventh parameter Pivotxtype for the animation on the y-axis relative to the object position type
34. The eighth parameter pivotyvalue the start position of the animation relative to the object's y-coordinate
36. Myanimation_scale = new Scaleanimation (0.0f, 1.4f, 0.0f, 1.4f,
38. Animation.relative_to_self, 0.5f, Animation.relative_to_self, 0.5f);

Set the duration of an animation

1. Myanimation_scale.setduration (700);
2. Set time duration to 700 milliseconds

3. Translateanimation

Ranslateanimation Class object definitions

1. Private Translateanimation myanimation_translate;

Translateanimation Class object constructs

1. Translateanimation (float Fromxdelta, float toxdelta,
2. Float Fromydelta, float toydelta)
3. The first argument fromxdelta the position at the start of the animation when the x-coordinate is moved
4. The second parameter toxdelta is the position of movement at the end of the animation at the X coordinate
5. The third parameter, Fromydelta, is the moving position on the y-coordinate at the start of the animation
6. The fourth parameter, Toydelta, is the moving position on the y-coordinate at the end of the animation

Set the duration of an animation

1. Myanimation_translate = new Translateanimation (10f, 100f, 10f, 100f);
2. Myanimation_translate.setduration (2000);
3. Set time duration to 2000 milliseconds

4. Rotateanimation
Rotateanimation Class object definitions

1. Private Rotateanimation myanimation_rotate;

Rotateanimation Class object constructs

1. Rotateanimation (float fromdegrees, float todegrees,
2. int Pivotxtype, float pivotxvalue, int pivotytype, float pivotyvalue)
3. The first parameter fromdegrees is the angle of rotation at the beginning of the animation
4. The second parameter todegrees the angle to which the animation is rotated
5. The third parameter Pivotxtype for the animation on the x-axis relative to the object position type
6. The fourth parameter pivotxvalue the start position of the animation relative to the x-coordinate of the object
7. The fifth parameter Pivotxtype for the animation on the y-axis relative to the object position type
8. The sixth parameter pivotyvalue the start position of the animation relative to the object's y-coordinate
9. Myanimation_rotate = new Rotateanimation (0.0f, +350.0f,
10. Animation.relative_to_self,0.5f,animation.relative_to_self, 0.5f);

Set the duration of an animation

1. Myanimation_rotate.setduration (3000);
2. Set time duration to 3000 milliseconds

how Java using animation effects in your code
Use the method inherited from the View parent class Startanimation () to add an animation effect for view or subclass view, and so on.

1. public void Startanimation (Animation Animation)
2. View.startanimation (Myanimation_alpha);
3. View.startanimation (Myanimation_scale);
4. View.startanimation (myanimation_translate);
5. View.startanimation (myanimation_rotate);

Reference: http://blog.csdn.net/ithomer/article/details/7523328

Android Animation detailed