Как программно анимировать пользовательский вид (ImageView)? - PullRequest
Новая
       19

Как программно анимировать пользовательский вид (ImageView)?

3 голосов
/ 22 февраля 2012

Я хочу анимировать пользовательский вид программно. Я хочу, чтобы он анимировался только в том месте, где он объявлен в XML-файле, и я не хочу, чтобы он портил макет. Также на эту анимацию влияет другой фактор, поэтому класс Android-анимации исключен.

Я протестировал этот образец учебник и посмотрел видео . Моя проблема в том, что большинство уроков для анимации спрайта на холсте, где вы будете отслеживать местоположение вашего спрайта.

Как можно анимировать пользовательский вид, не влияя на макет и не используя класс Android Animation?

Отредактировано: Пользовательский вид будет действовать как анимированный GIF и будет переключать другой набор фреймов всякий раз, когда событие активирует его.

Ответы [ 2 ]

5 голосов
/ 22 февраля 2012

Вы можете создать анимационный XML и применить эту анимацию из программы к вашей проверке ImageView, следуя примеру

. Вы можете запустить анимацию для своего настраиваемого вида, просто набрав viewobject.startAnimation(animationobject);

анимация.xml 

<set xmlns:android="http://schemas.android.com/apk/res/android"
 android:shareInterpolator="false">
<scale
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"
    android:fromXScale="1.0" 
    android:toXScale="1.4" 
    android:fromYScale="1.0" 
    android:toYScale="0.6" 
    android:pivotX="50%"
    android:pivotY="50%"
    android:fillAfter="false"
    android:duration="700" />
<set
    android:interpolator="@android:anim/accelerate_interpolator"
    android:startOffset="700">
    <scale
        android:fromXScale="1.4" 
        android:toXScale="0.0"
        android:fromYScale="0.6"
        android:toYScale="0.0" 
        android:pivotX="50%" 
        android:pivotY="50%" 
        android:duration="400" />
    <rotate
        android:fromDegrees="0" 
        android:toDegrees="-45"
        android:toYScale="0.0" 
        android:pivotX="50%" 
        android:pivotY="50%"
        android:duration="400" />
</set>

ваш main.xml 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<TextView  
android:layout_width="fill_parent" 
android:layout_height="wrap_content" 
android:text="@string/hello"
/>
<ImageView android:id="@+id/ImageView01" android:layout_width="wrap_content" android:layout_height="wrap_content"></ImageView>

</LinearLayout>

затем ваш класс активности myActivity.java 

public class myActivity extends Activity {
@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    ImageView image = (ImageView) findViewById(R.id.ImageView01);

    //create animation class object
    Animation hyperspaceJump = 
        AnimationUtils.loadAnimation(this, R.anim.hyperspace_jump);
    //start animation for image
    image.startAnimation(hyperspaceJump);
}
}
3 голосов
/ 22 февраля 2012

Если вы хотите «покадровую» анимацию, которая просто «работает», как анимированный GIF, вы можете выполнить: Официальное руководство по рисованию-анимации .

Цитирование из учебника: 

<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="true">
    <item android:drawable="@drawable/rocket_thrust1" android:duration="200" />
    <item android:drawable="@drawable/rocket_thrust2" android:duration="200" />
    <item android:drawable="@drawable/rocket_thrust3" android:duration="200" />
</animation-list>

и в вашем коде 

AnimationDrawable rocketAnimation;

public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.main);

  ImageView rocketImage = (ImageView) findViewById(R.id.rocket_image);
  rocketImage.setBackgroundResource(R.drawable.rocket_thrust);
  rocketAnimation = (AnimationDrawable) rocketImage.getBackground();
}

public boolean onTouchEvent(MotionEvent event) {
  if (event.getAction() == MotionEvent.ACTION_DOWN) {
    rocketAnimation.start();
    return true;
  }
  return super.onTouchEvent(event);
}
...