设为首页 加入收藏

TOP

安卓开发笔记(十七):帧动画制作与开发(一)
2019-09-01 23:13:16 】 浏览:48
Tags:安卓 开发 笔记 十七 动画制作
Android动画主要分为3种
  • View动画
  • 帧动画
  • 属性动画
何为帧动画?

帧动画最简单,通过顺序播放一系列的图像产生动画,就和动画片的原理是一样的。做好的结果可以是这样:

也可以是这样的动态图:

如果无法播放动态图的话,可能是您的浏览器需要升级一下了。我们为了创建一个好的帧动画,首先应该创建一个xml文件,用于图片的轮播,但是这个xml文件有点特殊,因为她必须创建在我们的drawble文件夹下,而且其xml必须以<animation-list>来做开头与结尾。

对于很多童鞋而言,创建这个xml文件的方式之前大家可能都没有接触过,这里先普及一下如何创建这个文件:


第一步

先将目录栏的模式切换成android 模式

然后右击你需要创建xml 对应的module

选择new, 然后 找到Android resource file

将Resource type 选成Drawable

将Root element 选成 animation-list,然后点击OK 即可

这样我们的animaition-list的xml文件就创建好了。

再在这个文件里写上我们的代码,用于引入我们的图片:

 

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/i1" android:duration="20"></item>
    <item android:drawable="@drawable/i2" android:duration="20"></item>


    <item android:drawable="@drawable/i3" android:duration="20"/>
    <item android:drawable="@drawable/i4" android:duration="20"/>
    <item android:drawable="@drawable/i5" android:duration="20"/>
    <item android:drawable="@drawable/i6" android:duration="20"/>

    <item android:drawable="@drawable/i7" android:duration="20"/>
    <item android:drawable="@drawable/i8" android:duration="20"/>
    <item android:drawable="@drawable/i9" android:duration="20"/>
    <item android:drawable="@drawable/i10" android:duration="20"/>
    <item android:drawable="@drawable/i11" android:duration="20"/>
    <item android:drawable="@drawable/i12" android:duration="20"/>
    <item android:drawable="@drawable/i12" android:duration="20"/>
    <item android:drawable="@drawable/i12" android:duration="20"/>
    <item android:drawable="@drawable/i12" android:duration="20"/>
    <item android:drawable="@drawable/i12" android:duration="20"/>
    <item android:drawable="@drawable/i12" android:duration="20"/>
    <item android:drawable="@drawable/i12" android:duration="20">


    </item>
</animation-list>

 

后面的duration作为一帧图片的播放时间,前面则是引入图片的地址,一般放到drawble文件夹里,对图片的名称没有顺序的限制,图片轮播的顺序主要是根据上面这段代码的顺序来制定的。

第二步.编写activity_main.xml

 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="match_parent"
        android:layout_height="237dp"
        android:layout_alignParentStart="true"
        android:layout_centerVertical="true"
首页 上一页 1 2 下一页 尾页 1/2/2
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇Android组件化探索与实践 下一篇Flutter 即学即用系列博客——04 ..

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目