Android - animacje

Trochę notatek nt. animacji w Android. Odnajdziemy tu pewne formy przypominające te znane z XAML, niemniej jednak dualizm postaci i pewne ich ograniczenia (np. kwestia klikania w animacji widoku, udział kodu nawet przy używaniu XML-a, jest stretch?) powodują, że nie wydają mi się lepsze.

 

Android Animation

-> View Animation

-> Tween Animation  (jedna lub więcej transformacji w jednym widoku; obroty, skalowanie, translacje, znikanie)

-> Frame Animation

-> Property Animation

 

View animation

animują tylko obiekty View, wyłącznie kilka aspektów (np. skalowanie, rotacja), propercja View się nie zmienia (jedynie widok jest przerysowany)

 

Tween animation

implementacja:  plik XML w res/anim lub kod Java

<alpha

xmlns:android=”http://schemas.android.com/apk/res/android”

android:fromAlpha  //float 0.0 – 1.0

android:toAlpha

android:duration=”300”  //300ms

android:repeatMode=”restart” (jeszcze raz) lub “reverse”

android:repeatCount=”1”

>

<scale>

android:fromXScale

android:toXScale

android:fromYScale

android:toYScale

android:pivotX  //środek 50%

android:pivotY

<translate>

android:fromXDelta  //float lub %

android:toXDelta

android:fromYDelta

android:toYDelta

<rotate>

android:fromDegrees

android:toDegrees

android:pivotX

android:pivotY

 

grupowanie w <set>

mScaleAnim = AnimationUtils.loadAnimation(this, R.anim.scale_anim);

mImageView.startAnimation(mScaleAnim);

 

animation listener – notyfikacje o zakończeniu / powtórzeniu animacji

implements Animation.AnimationListener

…

mScaleAnim.setAnimationListener(this);

…

@Override

public void onAnimationEnd(Animation anim)  //niewywoływane przy ilości powtórzeń INFINITE

onAnimationRepeat(Animation anim)

onAnimationStart(Animation anim)

 

AlphaAnimation(float fromAlpha, float toAlpha)

…

 

mScaleAnim = new ScaleAnimation(

1.0f, 1.5f,

1.0f, 1.5f,

Animation.RELATIVE_TO_SELF, 0.5f,

Animation.RELATIVE_TO_SELF, 0.5f

);

mScaleAnim.setDuration(1000);

mScaleAnim.setFillAfter(true);

 

frame animation

sekwencja klatek w XML

res/drawable/filename.xml

 

<animation-list>

jeden lub więcej <item>

android:oneshot  - wykonanie raz lub zapętlenie

 

<item>

android:drawable=”@drawable/frame1”  - zasób graficzny

android:duration

 

imageView.setBackgroundResource(R.drawable.frame);

AnimationDrawable frameAnimation  = (AnimationDrawable) imageView.getBackground();

if (!frameAnimation.isRunning())  frameAnimation.start();

 

po przesunięciu animacją obrazek z obsługą klikania obsługuje klikanie w “starym” miejscu

 

interpolators 

definiują stopień zmiany (np. akceleracja itd.)

AccelerateDecelerateInterpolator     @android:anim/accelerate_decelerate_interpolator

AccelerateInterpolator

AnticipateInterpolator

AnticipateOvershootInterpolator

BounceInterpolator

CycleInterpolator

DecelerateInterpolator

LinearInterpolator

OvershootInterpolator

…

 

<set> – zbiór animacji prostych lub <set>

android:interpolator – także w animacjach prostych

android:sharedInterpolator  - współdzielenie pomiędzy wszystkimi dziećmi

android:fillAfter

android:startOffset

 

property animations

zmiana wartości w czasie, do obiektów wizualnych i niewizualnych

klasy:

1. Value Animator (int, float, object)

2. Object Animator

3. Animator Set

wykonanie:

plik XML w folderze res/animator

plik Java

 

Value Animator

nie operuje bezpośrednio na obiektach, wymaga listenerów

 

Object Animator

podklasa Value Animator

ObjectAnimator.ofType(object, “propertyName”, [starting Value], ending value);

…

ObjectAnimator animator = ObjectAnimator.ofFloat(tv, “x”, 50f, 150f);

animator.setDuration(2000);

animator.start();

nie wymaga listenerów

<objectAnimator

android:propertyName=””  //alpha | rotation | rotationY | rotationX | scaleX | scaleY | translationX | translationY | x | y (translacja względem kontenera)

android:duration=””

android:valueFrom=””

android:valueTo=””

android:startOffset=””

android:repeatCount=””

android:repeatMode=””  //repeat | reverse

android:valueType=”” // intType | floatType

/>

<set> - może skupiać także <objectAnimator>

android:ordering  // sequentially | together

Animator anim = AnimatorInflater.LoadAnimator(this, R.animator.rotate);

anim.setTarget(mImage);

anim.start();

 

AnimatorSet rootSet = new AnimatorSet();

…

rootSet.play(rotate /*object animator*/).before(childSet);

childSet.play(scaleX).with(scaleY);

rootSet.start();

 

prawidłowe klikanie na przesunięty obrazek przez property animation

 

Evaluators

wyliczanie wartości dla propercji w czasie

pomoc w animacji kolorów ARGB i obiektów Rect z metodą ofObject

rodzaje:

IntEvaluator

FloatEvaluator

ArgbEvaluator

TypeEvaluator – interfejs dla własnego ewaluatora dla propercji o typach innych niż int, float czy kolor

ObjectAnimator anim = ObjectAnimator.ofObject(target, “backgroundColor”, new ArgbEvaluator(), Color.RED, Color.GREEN);

 

Tranzycje między ekranami

startActivity(new Intent(MainActivity.this, SecondActivity.class));

overridePendingTransition(R.anim.activity_open_translate /*wejście SecondActivity*/,  R.anim.activity_close_scale /*wyjście z MainActivity*/);   //animacje view

android:aduration = “@android:integer/config_longAnimTime”

 

Animacje w cyklu życia

animation.com.recycleviewanim

<android.support.v7.widget.RecyclerView

android:layout_width=”match_parent”

android:layout_height=”match_parent”

android:id=”@+id/recycleView”>

</android.support.v7.widget.RecyclerView>

CustomAdapter mAdapter = new CustomAdapter(this, new Data().getData());

mRecyclerView.setAdapter(mAdapter);

mRecyclerView.setLayoutManager(new LinearLayoutManager(this));

animacje elementów podczas przewijania listy

…

LinearLayoutManager mLinearLayoutManagerHorizontal = new LinearLayoutManager(this);

mLinearLayoutManagerHorizontal.setOrientation(LinearLayoutManager.HORIZONTAL);

mRecyclerView.setLayoutManager(mLinearLayoutManagerHorizontal);

…

 

animacje Material Design

circual reveal

//sdk 21

ViewAnimationUtils.createCircularReveal(textDesc, centerX, centerY, 0, radius).start();

…

 

ViewPager Animation

Depth Page Transformer

Zoom out Transformer

Rotation Transformer

 

<android.support.v4.view.ViewPager … />

PagerAdapter adapter = new ViewPagerAdapter(MainActivity.this, mImageId);   //ViewPagerAdapter extends PagerAdapter

mViewPager.setAdapter(adapter);

…

mViewPager.setPageTransformer(true, new ZoomOut());  //new DepthPage(), new Rotation() 

//ZoomOut implements ViewPager.PagerTransformer