android中的帧动画(Frame)+图片自动播放器（ViewFlipper）

android中的帧动画(Frame)

实现Frame的两种方式：

①：在xml文件的基础上

②：在java代码的基础上

先说一下我对帧动画的理解：创建某个对象用来放一帧一帧的动画，然后start（）就可以了，其实就是一张张图片评出来的，像连环画一样

---

第一种方法：
①主xml文件中(创建一个ImageView，用来显示动画【也就是图片】)：

<ImageView
        android:id="@+id/image"
        android:layout_width="200px"
        android:layout_height="200px" />

②frame.xml文件（用来存储图片和图片间隔时间的xml, res/anim/frame.xml）：

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/tupian1" android:duration="500"></item>
<!—duration代表时间间隔 -->
    <item android:drawable="@drawable/tupian2" android:duration="500"></item>
    <item android:drawable="@drawable/tupian3" android:duration="500"></item>
</animation-list>

③java文件中：

ImageView iv;
AnimationDrawable ad;//这个可以看做是帧动画的容器

iv = (ImageView) findViewById(R.id.image);
iv.setBackgroundResource(R.anim.frame);//让iv显示图片
ad = (AnimationDrawable) iv.getBackground();
//把iv中图片添加到帧动画容器中
ad.start();//开始动画
ad.stop();//停止动画

第二种方法：
①在主xml文件中，添加一个布局，用来显示动画，大小自定：

<LinearLayout
        android:id="@+id/lll"
        android:layout_width="200dp"
        android:layout_height="150dp" 
        android:orientation="horizontal">
</LinearLayout>

②在java文件中，创建一个类：

public class FrameTest2 extends View {
    private AnimationDrawable ad = null;
    private Context mContext = null;
    private Drawable mbitAnimation = null;

    public FrameTest2(Context context) {
        // TODO Auto-generated constructor stub
        super(context);
        mContext = context;
        ad = new AnimationDrawable();
        for (int i = 1; i <= 3; i++) {
            int id = getResources().getIdentifier("tupian" + i, "drawable", mContext.getPackageName());
            mbitAnimation=getResources().getDrawable(id);
            ad.addFrame(mbitAnimation, 1000);
            /*增加一帧动画，间隔为一千毫秒，这里的getIdentifier中的三个参数的意思是：文件名字，文件属性，包名，可以看做是R.drawable.XXXX */
        }

        /* mbitAnimation = getResources().getDrawable(R.drawable.tupian2);
         ad.addFrame(mbitAnimation, 1000);
         mbitAnimation = getResources().getDrawable(R.drawable.tupian1);
         ad.addFrame(mbitAnimation, 1000);
         mbitAnimation = getResources().getDrawable(R.drawable.tupian3);
         ad.addFrame(mbitAnimation, 1000);
*/
//  /**/中的部分可以与上面的for循环中的代码同义替换 
        ad.setOneShot(false);//执行一次？
        setBackgroundDrawable(ad);//算是跟View绑定了
        ad.start();
    }

③在主类中：

LinearLayout ll;
View viewtest;

ll = (LinearLayout) findViewById(R.id.lll);
viewtest = new FrameTest2(this);
//生成View对象
ll.addView(viewtest);
//添加View到xml文件中

另外补充个方法：将java文件生成的view如何添加到xml中的某个确定的位置，由于我实在找不到可以直接在View控件里添加java代码生成的View，所以只能借助布局文件对象的addView方法。哪位高人有其他的方法，求指教！！！

---

有些代码可能比较简单，我本来想上传源代码，可是不会，呵呵哒

---

如果要实现图片自动浏览的功能，用ViewFlipper更加方便

主布局文件（activity_main.xml）：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <ViewFlipper
        android:id="@+id/vf"
        android:layout_width="match_parent"
        android:layout_height="187dp"
        android:flipInterval="1000"
        android:persistentDrawingCache="animation" >

        <ImageView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:src="@drawable/img1" />

        <ImageView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:src="@drawable/img2" />

        <ImageView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:src="@drawable/img3" />
    </ViewFlipper>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="auto"
        android:text="自动播放" />

</LinearLayout>

注意这里直接在布局文件注册了onclick事件。

---

主activity文件（MainActivity.java）：

public class MainActivity extends Activity {
    ViewFlipper vf;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        vf = (ViewFlipper) findViewById(R.id.vf);

    }

    public void auto(View source) {
        vf.setInAnimation(this, android.R.anim.slide_in_left);
        //设置图片进入的动画
        vf.setOutAnimation(this, android.R.anim.slide_out_right);
        //设置图片出去的动画
        vf.startFlipping();
    }
}