Android动画2-逐帧动画(FrameAnimation)

之前已经说了 帧 的概念,帧动画就是通过 快速播放 很多帧图片造成一个视觉上的错觉,让人以为页面动起来了。

帧动画的难点不在于使用,而在于每一帧的图片,这些图片越多,动画就会越流畅。例如,一个抬手的动作需要5s,使用10张图片,每张图片播放0.5s,使用50张图片,每张图片播放0.1s,肯定是后者你看起来画面质量高。所以,帧动画要做的好,巴结UI才是正道。

帧动画可以使用xml文档定义,也可以在代码中定义。

一 xml文档中定义逐帧动画
    在res/drawable目录下创建xml文件,设置根节点为<animation-list><animation-list/>,在此节点下写<item/>节点。
    
    定义每一帧的图片和每一帧的播放时间。
    
    然后在代码中写:
    
    即可播放动画。

二 代码中定义帧动画
    在代码中定义逐帧动画需要用到AnimationDrawable类,这个类继承自android.graphics.drawable.Drawable.DrawableContainer,从名字就能看出来这是一个容器。
    定义逐帧动画:在代码中new该类对象,然后调用addFrame()方法添加每一帧图片,然后给view添加上背景,最后调用start()方法即可。
    
    注: 1. getResources().getDrawable(R.mipmap.h1, this.getTheme()) 这个方法最低API要求是21,可以使用getResouces().getDrawable(R.mipmap.h1)这个方法代替(这个方法已标记为过期方法)。
            2. view.setBackground(Drawable drawable)这个方法的最低API要求是16,可以使用setBackgroundDrawable(Drawable drawable)方法代替(这个方法已标记为过期方法)


三 AnimationDrawable类介绍
    构造方法: 无参构造
    常用方法:
        void start():开始播放逐帧动画。
        void stop():停止播放逐帧动画。
        void addFrame(Drawable frame,int duration):为AnimationDrawable添加一帧,并设置持续时间。
        int getDuration(int i):得到指定index的帧的持续时间。
        Drawable getFrame(int index):得到指定index的帧Drawable。
        int getNumberOfFrames():得到当前AnimationDrawable的所有帧数量。
        boolean isOneShot():当前AnimationDrawable是否执行一次,返回true执行一次,false循环播放。
        boolean isRunning():当前AnimationDrawable是否正在播放。
        void setOneShot(boolean oneShot):设置AnimationDrawable是否执行一次,true执行一次,false循环播放




源码直接下载地址: https://pan.quark.cn/s/d280357b18e5 在网页构建领域中,HTML5被视为当代网页工程的基础规范,其问世显著增强了页面的视觉表现力用户互动性。本工程致力于运用HTML5技术开发一个电视剧信息展示页面,目的是呈现诸如剧名、演员构成、故事梗概等电视剧关键资料。接下来将深入阐释如何借助HTML5的结构化组件和样式管理功能达成此项目目标。 我们必须掌握HTML5的核心框架。一个规范的HTML5文档一般包含`<!DOCTYPE html>`声明、`<html>`根标记、`<head>`头部标记和`<body>`主体标记。在头部区域,可以配置网页的基本元数据,例如字符集设定、页面标题等。在主体部分,将具体构建电视剧信息列表的内容。 电视剧展示页面通常包含多个条目,每个条目对应一部电视剧。HTML5中的`<section>`标记用于内容模块化,适合表示单个电视剧的详细信息区域。每个`<section>`内部,可使用`<h2>`标题标记显示剧名,`<img>`图像标记插入宣传剧照,`<p>`段落标记呈现剧情介绍,而`<ul>`无序列表`<li>`列表项标记则用于罗列演员阵容。 为了优化页面布局,需要借助CSS(层叠样式表)进行样式管理。HTML5引入了创新的CSS选择器布局模型,例如Flexbox和Grid,使页面布局更加灵活多变。在此场景下,可以利用Flexbox为电视剧信息列表实现自适应布局,保障在不同设备尺寸下均能呈现理想视觉效果。具体操作时,可将`<section>`标记设定为Flex容器,通过`display: flex;`属性,并运用`justify-content`和`align-items`属性调整子元素的对...
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值