Animation 관련 샘플

alpha

translate

scale

layoutAnimation

 

 

 

 

안드로이드 샘플 apiDemos에 포함된 에니메이션 관련 xml 들입니다.

참고용도~~~

 

 

 

* 알파 : 서서히 나타나는 에니메이션으로 스플래시 윈도우나 뷰들을 자연스럽게 나타나고자

할때 사용된다.(알파값을 반대로 하면 서서히 사라짐)

<alpha xmlns:android="http://schemas.android.com/apk/res/android"

android:interpolator="@android:anim/accelerate_interpolator"

android:fromAlpha="0.0"

android:toAlpha="1.0"

android:duration="@android:integer/config_longAnimTime" />

 

* 이동

<translate

android:fromXDelta="100%p" android:toXDelta="0"

android:duration="@android:integer/config_shortAnimTime" />

 

* 왼쪽으로 이동하며 서서히 나타남

<set xmlns:android="http://schemas.android.com/apk/res/android">

<translate android:fromXDelta="100%p" android:toXDelta="0" android:duration="300"/>

<alpha android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="300" />

</set>

 

* 왼쪽으로 이동하며 서서히 사라짐

<set xmlns:android="http://schemas.android.com/apk/res/android">

<translate android:fromXDelta="0" android:toXDelta="-100%p" android:duration="300"/>

<alpha android:fromAlpha="1.0" android:toAlpha="0.0" android:duration="300" />

</set>

 

* 위로 이동하며 나타나기

<set xmlns:android="http://schemas.android.com/apk/res/android">

<translate android:fromYDelta="100%p" android:toYDelta="0" android:duration="300"/>

<alpha android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="300" />

</set>

 

* 7번 흔들기

<translate xmlns:android="http://schemas.android.com/apk/res/android"

android:fromXDelta="0" android:toXDelta="10" android:duration="1000"android:interpolator="@anim/cycle_test" />

 

* 스케일

<set xmlns:android="http://schemas.android.com/apk/res/android"

        android:interpolator="@android:anim/decelerate_interpolator">

    <scale android:fromXScale="2.0" android:toXScale="1.0"

           android:fromYScale="2.0" android:toYScale="1.0"

           android:pivotX="50%p" android:pivotY="50%p"

           android:duration="@android:integer/config_mediumAnimTime" />

</set>

 

* 스케일 + 알파를 사용한 축소되며 사라지기

<set xmlns:android="http://schemas.android.com/apk/res/android"

        android:interpolator="@android:anim/decelerate_interpolator"

        android:zAdjustment="top">

    <scale android:fromXScale="1.0" android:toXScale=".5"

           android:fromYScale="1.0" android:toYScale=".5"

           android:pivotX="50%p" android:pivotY="50%p"

           android:duration="@android:integer/config_mediumAnimTime" />

    <alpha android:fromAlpha="1.0" android:toAlpha="0"

            android:duration="@android:integer/config_mediumAnimTime"/>

</set>

 

* 서서히 나타나며 원래 크기보다 커졌다가 원래크기로 돌아가는 에니메이션

<set xmlns:android="http://schemas.android.com/apk/res/android"

android:interpolator="@android:anim/accelerate_interpolator">

 <alpha

        android:fromAlpha="0.0"

        android:toAlpha="1.0"

        android:duration="100" />

  <scale

        android:fromXScale="0.5" android:toXScale="1.5"

        android:fromYScale="0.5" android:toYScale="1.5"

        android:pivotX="50%" android:pivotY="50%"

        android:duration="200" />

  <scale 

        android:fromXScale="1.5" android:toXScale="1.0"

        android:fromYScale="1.5" android:toYScale="1.0"

        android:pivotX="50%" android:pivotY="50%"

        android:startOffset="200"

        android:duration="100" />

</set>

 

* 레이아웃 에니메이션 : 레이아웃에 포함된 각 뷰들이 보여지는 에니메이션 설정

<layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android"

        android:delay="0.5"

        android:animationOrder="random"

        android:animation="@anim/설정할 에니메이션" />