重叠Drawable动画

时间:2013-06-03 16:31:13

标签: android drawable android-imageview

我正试图在点击时在ImageView中制作帧动画。但ImageView的图像超过了这个动画。可能是什么问题?并且setimagerresource(0)不起作用。这是代码:

ImageView iv = (ImageView) v.findViewById(R.id.imageView1);
iv.setOnClickListener(new OnClickListener() {

    @Override
    public void onClick(View v) {
        // TODO Auto-generated method stub

        v.setBackgroundResource(R.drawable.reloadanim);
        AnimationDrawable frameAnimation = (AnimationDrawable) v.getBackground();
        frameAnimation.start();

    }
});

布局:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/textView2"
        android:focusable="false"
        android:focusableInTouchMode="false"
        android:paddingLeft="5dp"
        android:paddingRight="5dp"
        android:text="TextView" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/textView1"
        android:paddingLeft="5dp"
        android:paddingTop="5dp"
        android:text="TextView" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:paddingLeft="5dp"
        android:text="Large Text"
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/textView3"
        android:layout_alignParentRight="true"
        android:layout_marginRight="25dp"
        android:src="@drawable/reload"/>

</RelativeLayout>

如果没有此行android:src="@drawable/reload",则根本无法看到动画

动画:

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/spin_refresh"
    android:oneshot="false" >

    <item
        android:drawable="@drawable/reload1"
        android:duration="400"/>
    <item
        android:drawable="@drawable/reload2"
        android:duration="400"/>
    <item
        android:drawable="@drawable/reload3"
        android:duration="400"/>
    <item
        android:drawable="@drawable/reload"
        android:duration="400"/>

</animation-list>

1 个答案:

答案 0 :(得分:0)

用我的编辑代码。动画将添加到ImageView,然后在您触摸屏幕时进行动画处理。

MainActivity.java

AnimationDrawable frameAnimation;

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

  ImageView iv = (ImageView) v.findViewById(R.id.imageView1);
  iv.setBackgroundResource(R.drawable.reload);
  frameAnimation = (AnimationDrawable) iv.getBackground();
}

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

activity_main.xml中

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >

<TextView
    android:id="@+id/textView3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_below="@+id/textView2"
    android:focusable="false"
    android:focusableInTouchMode="false"
    android:paddingLeft="5dp"
    android:paddingRight="5dp"
    android:text="TextView" />

<TextView
    android:id="@+id/textView2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_below="@+id/textView1"
    android:paddingLeft="5dp"
    android:paddingTop="5dp"
    android:text="TextView" />

<TextView
    android:id="@+id/textView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:paddingLeft="5dp"
    android:text="Large Text"
    android:textAppearance="?android:attr/textAppearanceLarge" />

<ImageView
    android:id="@+id/imageView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_above="@+id/textView3"
    android:layout_alignParentRight="true"
    android:layout_marginRight="25dp"/>

</RelativeLayout>

reload.xml

<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
android:oneshot="false" >
<item
    android:drawable="@drawable/reload1"
    android:duration="400"/>
<item
    android:drawable="@drawable/reload2"
    android:duration="400"/>
<item
    android:drawable="@drawable/reload3"
    android:duration="400"/>
<item
    android:drawable="@drawable/reload"
    android:duration="400"/>
</animation-list>