Android animation effects translate, scale, alpha, rotate detailed

Type of animation

Android animation is made up of four different types

in XML

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 Javacode

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

Android Animation mode

Animation There are two main modes of animation:

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

Android Animation parsing

Alpha XML fade Out effect

[CPP]View PlainCopy

2. <?xml version="1.0" encoding="Utf-8"?>
4. <set xmlns:android="http://schemas.android.com/apk/res/android" >
6. <alpha
8. Android:fromalpha="1.0"
10. android:toalpha="0.0"
12. android:duration="/> "
14. </set>
16. <!--
18. Fromalpha: Transparency at start
20. Toalpha: End-of-time transparency
22. Duration: Animation Duration--

Alpha XML fade-in effect

[CPP]View PlainCopy

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.0"
10. Android:toalpha="1.0"
12. android:duration="/> "
14. </set>
16. <!--
18. Fromalpha: Transparency at start
20. Toalpha: End-of-time transparency
22. Duration: Animation Duration--

rotate.xml Rotation effect:

[HTML]View PlainCopy

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="
12. android:todegrees=" -360"
14. android:pivotx="10%"
16. android:pivoty="100%"
18. android:duration="10000" />
20. </Set>
22. <!--
24. Fromdegrees the angle at which the animation starts
26. Todegrees the rotation angle of the object at the end of the animation, which means clockwise
28. The Pivotx property is the start position of the animation relative to the X coordinate of the object
30. The Pivoty property is the start position of the animation relative to the object's y-coordinate->

scale.xml Zoom Effect:

[CPP]View PlainCopy

2. <?xml version="1.0" encoding="Utf-8"?>
4. <set xmlns:android="http://schemas.android.com/apk/res/android" >
6. <scale
8. Android:interpolator= "@android: Anim/decelerate_interpolator"
10. android:fromxscale="0.0"
12. android:toxscale="1.5"
14. android:fromyscale="0.0"
16. android:toyscale="1.5"
18. android:pivotx="50%"
20. android:pivoty="50%"
22. android:startoffset="0"
24. android:duration="10000"
26. android:repeatcount="1"
28. android:repeatmode="reverse"/>
30. </set>
34. <!--
36. Fromxdelta,fromydelta at the beginning of the x, y coordinates, the lower right corner of the screen is the coordinates x:320,y:480
38. Toxdelta, Toydelta, x, y coordinates at the end of the animation <!--
40. Interpolator Specifying an animation insert
42. Common with acceleration reducer accelerate_decelerate_interpolator
44. Accelerate the accelerate_interpolator of the insertion device,
46. decelerate the insertion device decelerate_interpolator.
48. Fromxscale,fromyscale, the scale of X, y before the start of the animation, 0.0 for not showing, 1.0 for normal size
50. Toxscale,toyscale, the multiple of the final zoom of the animation, 1.0 for normal size, greater than 1.0 magnification
52. Pivotx, Pivoty animation start position, relative to the screen percentage, two are 50% means the animation starts from the middle of the screen
54. Startoffset, the interval of time that the animation is executed more than once, which pauses the time before execution,
56. Unit millisecond duration, the time that the animation effect consumes, the unit milliseconds,
58. The smaller the value the faster the animation repeatcount, the animation repeats the count, the animation will execute the value + 1 times
60. Repeatmode, the animation repeats the pattern, the reverse is reversed, and when the first even executes, the animation is in the opposite direction.
62. Restart for re-execution, no change in direction--

translate.xml Move Effect:

[HTML]View PlainCopy

2. <? XML version= "1.0" encoding="Utf-8"?>
4. <set xmlns:android="http://schemas.android.com/apk/res/android">
6. <translate
8. android:fromxdelta=" the"
10. android:toxdelta="0"
12. android:fromydelta="480"
14. android:toydelta="0"
16. android:duration="10000" />
18. </Set>
20. <!--
22. Fromxdelta,fromydelta at the beginning of the x, y coordinates, the lower right corner of the screen is the coordinates x:320,y:480
24. Toxdelta, Toydelta the coordinates of x, y at the end of the animation->

Android animation effects translate, scale, alpha, rotate detailed