• Android简单逐帧动画Frame的实现(二)


     

    Android简单逐帧动画Frame的实现 

     

     Android简单逐帧动画Frame的实现

    1、逐帧动画

          即是通过播放预先排序好的图片来实现动态的画面,感觉像是放电影。

    2、实现步骤:

     1、

    在工程里面导入要播放的图片。此简单例子中为start_icon1,2,3.

    2、

    在工程res文件目录下新建一个anim文件夹,在里面新建一个start_animation.xml格式文件,此文件用来定义动画播放图片的顺序及每一张图片显示停留时间。

    例如下:

    <?xml version="1.0" encoding="utf-8"?>

    <animation-list xmlns:android="http://schemas.android.com/apk/res/android"

        android:oneshot="false">

        <item android:drawable="@drawable/start_icon1" android:duration="1000" />

        <item android:drawable="@drawable/start_icon2" android:duration="500" />

        <item android:drawable="@drawable/start_icon3" android:duration="600" />

    </animation-list>

    注:此蓝色部分依次显示的图片,存放在drawable-mdpi文件下,一般1秒钟播放24张图片(帧)就感觉播放流畅了,即duration为40左右,默认单位为毫秒。

    3、布局文件:

    布局文件中添加一ImageView控件,用来播放动画图片。具体布局如下:

    <?xml version="1.0" encoding="utf-8"?>

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

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:orientation="vertical" >

        <Button

            android:id="@+id/button1"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_gravity="center"

            android:text="开始" />

        <Button

            android:id="@+id/button2"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

              android:layout_gravity="center"

            android:text="结束" />

        <ImageView

            android:id="@+id/image"

            android:background="@anim/start_animation"

            android:layout_width="fill_parent"

            android:layout_height="fill_parent"/>

    </LinearLayout>

    4、代码部分:

    public class TestActivity extends Activity

    {

    AnimationDrawable anim;

    public void onCreate(Bundle savedInstanceState)

    {

    super.onCreate(savedInstanceState);

    setContentView(R.layout.start_screen);

    ImageView image = (ImageView) findViewById(R.id.image);

    // image.setBackgroundResource(R.anim.start_animation);

    anim = (AnimationDrawable) image.getBackground();

    Button start = (Button) findViewById(R.id.button1);

    Button stop = (Button) findViewById(R.id.button2);

    start.setOnClickListener(new OnClickListener()

    {

    public void onClick(View arg0)

    {

    anim.start();

    }

    });

    stop.setOnClickListener(new OnClickListener()

    {

    public void onClick(View arg0)

    {

    anim.stop();

    }

    });

    }

    }

    注:第三四步中的紫色部分,只要选择一个就可以,两个都写显得累赘,主要功能是指定播放的资源图片。

    小结:这种应用在实际应用中应该不会用到,对于初学着来说,拿着玩下还是蛮有意思的,不仅增强了对Android学习的兴趣,同时也能加深对制造电影的一些了解,

  • 相关阅读:
    Vue.js实现的计算器功能完整示例
    vue实现简易计算器
    Vuex中mutations与actions的区别详解
    两个子组件之间的传值
    JS操作元素节点(非常详细)
    js包装类
    Vue Router 的params和query传参的使用和区别(详尽)
    初步了解生命周期
    简单介绍一下Progressive Web App(PWA)
    webpack学习笔记(阮一峰教程demo)
  • 原文地址:https://www.cnblogs.com/qingchen1984/p/4917425.html
Copyright © 2020-2023  润新知