xmlandroid animation effects translate, scale, alpha, rotate detailed

Source: Internet
Author: User

Type of animation

Android animation is made up of four different types

in XML

alpha /td> gradient transparency animation effect
scale gradient dimension stretch animation effect
translate picture conversion position Move animation effect
< Span style= "FONT-SIZE:10.5PT;" >rotate Picture transfer rotation animation effect



javacode

alphaanimatio n gradient transparency animation effect
scaleanimation
translateanimation Picture transition position Move animation effect
rotateanimation Picture transfer rotation animation effect


android animation mode

Animation< Span style= "font-family: the song Body;" > There are two main modes of animation:

tweened Animation (

xml javacode
alpha alphaanimation
scale scaleanimation



One is frame by frame ( picture conversion animation )

xml in javacode
translate translateanimation
rotate rotateanimation


/span>

Android Animation parsing

Alpha XML fade Out effect

<?xml version="1.0"encoding="Utf-8"?> <SetXmlns:android="http://schemas.android.com/apk/res/android"> <Alpha Android:fromalpha="1.0"Android:toalpha="0.0"android:duration=" -"/> </Set> <!--Fromalpha: Start transparency Toalpha: End Transparency Duration: duration of animation-

Alpha XML fade-in effect

<?xml version="1.0"encoding="Utf-8"?> <SetXmlns:android="http://schemas.android.com/apk/res/android"> <Alpha Android:fromalpha="0.0"Android:toalpha="1.0"android:duration=" -"/> </Set> <!--Fromalpha: Start transparency Toalpha: End Transparency Duration: duration of animation-

Rotate.xml Rotation Effect:

<?xml version="1.0"encoding="Utf-8"?> <SetXmlns:android="http://schemas.android.com/apk/res/android"> <Rotate Android:interpolator="@android: Anim/accelerate_decelerate_interpolator"android:fromdegrees=" -"android:todegrees="-360"Android:pivotx="10%"Android:pivoty="100%"android:duration="10000"/> </Set> <!--Fromdegrees the angle at which the animation starts todegrees the rotation angle of the object at the end of the animation, which means that the clockwise Pivotx property is the start position of the animation relative to the object's x-coordinate Pivoty property The start position of the animation relative to the y-coordinate of the object-

Scale.xml Zoom Effect:

<?xml version="1.0"encoding="Utf-8"?> <SetXmlns:android="http://schemas.android.com/apk/res/android"> <Scale Android:interpolator="@android: Anim/decelerate_interpolator"Android:fromxscale="0.0"Android:toxscale="1.5"Android:fromyscale="0.0"Android:toyscale="1.5"Android:pivotx="50%"Android:pivoty="50%"Android:startoffset="0"android:duration="10000"Android:repeatcount="1"Android:repeatmode="Reverse"/> </Set> <!--x, y coordinates at the beginning of the Fromxdelta,fromydelta, and the coordinates in the lower right corner of the screen are ×: theY:480Toxdelta, Toydelta x, y coordinates at the end of the animation-<!--interpolator Specifies that the animation insert is common with an acceleration reducer accelerate_decelerate_interpolator acceleration Plug       Accelerate_interpolator, decelerate the decelerate_interpolator of the insertion device. Fromxscale,fromyscale, the scale of X, y before the animation starts,0.0 is not displayed,1. 0 for normal size Toxscale,toyscale, the multiple of the final zoom of the animation,1. 0 is normal size, greater than 1.0 magnification Pivotx, pivoty animation start position, relative to the screen percentage, two are%indicates that the animation starts startoffset from the middle of the screen, the interval of time when the animation is executed more than once, and pauses the time before execution, in milliseconds duration, a The time that the animation effect consumes, in milliseconds, the smaller the value the faster the animation repeatcount, the animation repeats the count, the animation will execute the value+1 times Repeatmode, the animation repeats the pattern, the reverse is reversed, and when the first even executes, the animation will be in the opposite direction. Restart for re-execution, direction unchanged-

Translate.xml Move Effect:

<?xml version="1.0"encoding="Utf-8"?> <SetXmlns:android="http://schemas.android.com/apk/res/android"> <Translate Android:fromxdelta=" the"Android:toxdelta="0"Android:fromydelta="480"Android:toydelta="0"android:duration="10000"/> </Set> <!--x, y coordinates at the beginning of the Fromxdelta,fromydelta, and the coordinates in the lower right corner of the screen are ×: theY:480Toxdelta, Toydelta x, y coordinates at the end of the animation-

xmlandroid animation effects translate, scale, alpha, rotate detailed

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.