Android动画（一）：帧动画+补间动画(代码创建)

最新推荐文章于 2021-05-27 01:41:30 发布
最新推荐文章于 2021-05-27 01:41:30 发布
阅读量823 收藏 1
点赞数
分类专栏： 动画
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ss1168805219/article/details/51287536
版权

动画分类

动画分类：帧动画+补间动画+属性动画

动画分类说明
drawable animation帧动画
View animation补间动画
Property Animation属性动画

动画创建方式

动画创建方式获取Animation对象的方式例子
帧动画drawable animation代码创建getBackground()AnimationDrawable animation = (AnimationDrawable) imageView.getBackground();
xml不需要获取android:background=”@drawable/animation_main”
补间动画View Animation代码创建new …RotateAnimation animation = new RotateAnimation(1, 10);
xml创建AnimationUtils.loadAnimation(…)Animation animation = AnimationUtils.loadAnimation(context, R.anim.anim_translate)
属性动画Property Animator代码创建ObjectAnimator.ofFloat(…)ObjectAnimator oa1 = ObjectAnimator.ofFloat(view,View.SCALE_X,0.2f,1.0f);;ObjectAnimator.ofFloat(view, View.SCALE_X, View.SCALE_Y, path);api>=21
xml创建AnimatorInflater.loadAnimator（…）ObjectAnimator oa = (ObjectAnimator) AnimatorInflater.loadAnimator(context, R.animator.alpha)

第一种：帧动画（drawable animation）：

相关的类和属性：

ImageView：显示动画的控件
AnimationDrawable：帧动画
animation-list 动画集合，里面放置item
Android:oneshot=”true” 是否只进行一次动画
android:duration=”200” 时长200毫秒

逻辑：

用imageview控件显示，根据imageview拿到animation对象，然后start()

效果图：

这里写图片描述

步骤：

准备动画资源， drawable文件夹下创建animation_list.xml，把每个image放在item中
拿到动画资源并开启动画

animation_main.xml

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false" >
    <!-- animation-list 动画集合，里面放置item -->
    <!-- android:oneshot="true" 是否只进行一次动画 -->
    <!-- android:duration="200" 时长200毫秒 -->
    <item
        android:drawable="@drawable/girl_1"
        android:duration="200"/>
    <item
        android:drawable="@drawable/girl_2"
        android:duration="200"/>
    <item
        android:drawable="@drawable/girl_3"
        android:duration="200"/>
    <item
        android:drawable="@drawable/girl_4"
        android:duration="200"/>
    <item
        android:drawable="@drawable/girl_5"
        android:duration="200"/>
    <item
        android:drawable="@drawable/girl_6"
        android:duration="200"/>
    <item
        android:drawable="@drawable/girl_7"
        android:duration="200"/>
    <item
        android:drawable="@drawable/girl_8"
        android:duration="200"/>
    <item
        android:drawable="@drawable/girl_9"
        android:duration="200"/>

</animation-list>

上面的xml不用自己写，我们可以copy文档：
这里写图片描述
activity_main.xml

<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"
    android:gravity="center"
    tools:context=".MainActivity" >

    <ImageView
        android:id="@+id/imageview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/animation_main" />

</RelativeLayout>

MainActivity.java

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        ImageView imageView = (ImageView) findViewById(R.id.imageview);
//        imageView.setBackgroundResource(R.drawable.animation_main);//这一句和xml中android:background="@drawable/animation_main"是一样的
        AnimationDrawable animation = (AnimationDrawable) imageView.getBackground();//拿到动画资源
        animation.start();
    } 
}

第二种：补间动画（View Animation）

补间动画的创建方式有2种。
1 代码创建
2 XML创建

今天先介绍代码创建补间动画。

相关的类：

TranlateAnimation:  平移动画
ScalAniamtion:  缩放动画
RotationAnimation:  旋转动画
AlphaAnimation: 透明度动画

相关的方法：

构造方法：以RotateAnimation 为例：
RotateAnimation animation = RotateAnimation(float fromDegrees, float toDegrees);
RotateAnimation(float fromDegrees, float toDegrees, float pivotX, float pivotY)
RotateAnimation(float fromDegrees, float toDegrees, int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)

参数介绍：

fromDegrees：    开始的角度
toDegrees：  结束的角度，顺时针是正值，逆时针是负值。
pivotXType：     旋转X轴的类型,Animation.RELATIVE_TO_SELF:相对一自身旋转，Animation.RELATIVE_TO_PARENT：相对于父控件旋转。
pivotXValue：    旋转X轴的值
pivotYType：     旋转Y轴的类型
pivotYValue     旋转Y轴的值
setDuration(long durationMillis):   动画持续时长
setRepeatCount(int repeatCount):重复的次数，默认是0：不重复，1是重复1次
setRepeactMode(int repeatMode):重复的模式，Animation.REVERSE:反着进行重复操作，Animation.RESTART:重新开始进行重复操作。
setFillAfter(boolean fillAfter):是否停留在动画结束后的位置
setFillBefore(Boolean fillBefore):是否停留在动画结束前的位置
start()：开启动画
View.startAnimation(Animation anim)：开启动画

效果图

这里写图片描述

MainAcitivity.java:

当多个动画一起执行时，用AnimationSet协调各动画，每个动画的共有部分（时长等直接用set设置）

public class MainActivity extends Activity {

    private ImageView imageView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        imageView = (ImageView) findViewById(R.id.imageView);
    }

    //平移
    public void click1(View view){
//      TranslateAnimation animation = new TranslateAnimation(0, 100, 0, 200f);
        TranslateAnimation animation = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0, Animation.RELATIVE_TO_SELF, 100, Animation.RELATIVE_TO_SELF, 0, Animation.RELATIVE_TO_SELF, 200);
        animation.setDuration(500);//持续时长
        animation.setFillAfter(false);//动画是否停留在结束位置
        animation.setRepeatCount(1);//重复次数，0是第一次(1才是重复的次数)
        animation.setRepeatMode(Animation.RESTART);//重复的模式,RepeatCount>0才有效，Animation.REVERSE:反方向；Animation.RESTART：重新开始
        imageView.startAnimation(animation);//开启动画
    }

    //缩放
    public void click2(View view){
        ScaleAnimation animation = new ScaleAnimation(1, 2, 1, 2);
//      ScaleAnimation animation =  new ScaleAnimation(1, 2, 1, 2, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
        animation.setDuration(500);
        animation.setFillAfter(false);
        animation.setRepeatCount(0);
        animation.setRepeatMode(Animation.REVERSE);
        imageView.startAnimation(animation);    
    }

    /*旋转
     * float fromDegrees:旋转开始的角度
     * float toDegrees):旋转结束的角度
     * pivotX+pivotY 轴心的坐标
     * pivotXType+pivotYType相对于imageView本身，轴心的坐标
     */
    public void click3(View view){
//      RotateAnimation animation = new RotateAnimation(1, 10);
//      RotateAnimation animation = new RotateAnimation(0, 360, 600, 600);
        RotateAnimation animation = new RotateAnimation(0, 360, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
        animation.setDuration(500);
        animation.setFillAfter(false);
        animation.setRepeatCount(0);
        animation.setRepeatMode(Animation.REVERSE);
        imageView.startAnimation(animation);        
    }
    //透明度
    public void click4(View view){
        AlphaAnimation animation = new AlphaAnimation(1, 0);
        animation.setDuration(500);
        animation.setFillAfter(false);
        animation.setRepeatCount(0);
        animation.setRepeatMode(Animation.REVERSE);
        imageView.startAnimation(animation);
    }
    // 多个动画一起执行
    public void click5(View view) {
                AnimationSet set = new AnimationSet(false);
        set.setDuration(2000);
        set.setFillAfter(false);
        set.setRepeatCount(1);
        set.setRepeatMode(AnimationSet.REVERSE);

        AlphaAnimation animation1 = new AlphaAnimation(1, 0);

        TranslateAnimation animation2 = new TranslateAnimation(
                Animation.RELATIVE_TO_SELF, 0, Animation.RELATIVE_TO_SELF, 0,
                Animation.RELATIVE_TO_SELF, 0, Animation.RELATIVE_TO_SELF, 0.5f);

        ScaleAnimation animation3 = new ScaleAnimation(1, 2, 1, 2);

        RotateAnimation animation4 = new RotateAnimation(0, 360,
                Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
                0.5f);

        set.addAnimation(animation1);
        set.addAnimation(animation2);
        set.addAnimation(animation3);
        set.addAnimation(animation4);

        imageView.startAnimation(set);
    }   
}

移入效果

TranslateAnimation translate = new TranslateAnimation(TranslateAnimation.RELATIVE_TO_SELF, -1.0f, TranslateAnimation.RELATIVE_TO_SELF, 0.0f, TranslateAnimation.RELATIVE_TO_SELF, 0.0f, TranslateAnimation.RELATIVE_TO_SELF, 0.0f);
new AnimationSet(true)参数shareInterpolator表示是否使用同一个Interpolator

一起运行也可以这么写：

AnimatorSet set = new AnimatorSet();

ObjectAnimator scaleX = ObjectAnimator.ofFloat(holder.itemView, "scaleX", 0.9f, 1.0f);
ObjectAnimator scaleY = ObjectAnimator.ofFloat(holder.itemView, "scaleY", 0.9f, 1.0f);

set.setDuration(500);
set.playTogether(scaleX, scaleY);
set.start();

Demo:http://download.csdn.net/detail/ss1168805219/9507599

补间动画第二种：XML创建补间动画

http://blog.csdn.net/ss1168805219/article/details/51197904

火鸟菲戈
关注
专栏目录
Android动画创建方式
funcyhong的博客
03-06 640
这里记录一下属性动画 1.通过ViewPropertyAnimator创建 ViewPropertyAnimator animate = imageView.animate(); animate.translationX(50000).setDuration(10000); imageView.animate获取到ViewPropertyAnimator对象，tran...
Android代码-简单创建属性动画
08-06
XDroidAnimation 简单创建属性动画 Provide 1.渐变Alpha动画（AlphaAnimation），支持多值 2.旋转Rotate动画（RotateAnimation），支持设置轴点 3.缩放Scale动画（ScaleAnimation），支持多值，,支持设置轴点 4.全屏滑动Slide动画（SlideAnimation）,支持上下左右四个方向移入与移出 5.自身控件范围内滑动动画（SlideUnderneathAnimation）,支持上下左右四个方向移入与移出 6.抖动Shake动画（ShakeAnimation）,支持垂直与水平抖动 7.视图位移Transfer动画（TransferAnimation） 8.窗帘动画（BlindAnimation），支持上下左右四个方向移入与移出，支持设置轴点 9.翻转动画（FlipAnimation），支持垂直与水平翻转，支持设置轴点 10.View转换翻转动画（FlipToAnimation），一个View翻转成另一个View,支持垂直与水平翻转，支持设置轴点 11.膨胀动画（PuffAnimati
代码实现补间动画
Kodulf的专栏
12-17 1361
//!!!!多个动画组合执行的时候需要使用animationSet，就像是view 和viewGroup。 public void btnAddOne(View view){         TranslateAnimation translateAnimation = new TranslateAnimation(0,0,0,100);         translateAnimation
android 创建帧动画,Android 逐帧动画创建实例详解
weixin_42161450的博客
05-25 161
Android 逐帧动画创建实例详解前言：我们看早期电影的时候，电影通常是一张一张播放，用我们现在专有名词来说，就是一帧帧来，安卓同样有这样动画效果的编排形式。那么我们先定义逐帧动画xml文件xmlns:android="http://schemas.android.com/apk/res/android"android:oneshot="true">android:drawable="@d...
android动画应用场景,使用Transitions API为安卓应用创建动画
weixin_33195817的博客
05-25 273
为安卓创建动画虽然移动应用对动画的依赖相当普遍，但在安卓系统中开发者认为创建一个动画的过程一直都是一种挑战。ios早就提供了处理动画的实用工具，而安卓上帮助开发者提高工作效率的解决方案还相对较新。这些动画工具大大的节省了程序员的时间。使用这些工具实现 creating a variety of app animations 非常方便。和对不同屏幕应用动画不同，开发者可以使用Transition ...
Android动画系列之帧动画和补间动画的示例代码
01-20
补间动画还可以通过`ObjectAnimator`类进行代码创建，这允许更精细的控制，如动画的插值器、重复模式等。 帧动画和补间动画都是Android动画系统的基础部分，它们为应用程序提供了一种简单且有效的方式来提升用户...
Android帧动画和补间动画总结
05-07
总结起来，Android的帧动画适合于创建类似电影播放的效果，而补间动画则更适用于对象的平滑变换。两者各有优势，开发者可以根据应用场景选择合适的动画类型。在实际开发中，结合使用这两种动画，可以创造出丰富多样...
android 帧动画,补间动画,属性动画的简单总结
08-31
Android动画系统包括帧动画、补间动画和属性动画，它们各自有不同的应用场景和功能。 帧动画（FrameAnimation）是通过连续播放一系列图片来实现动画效果，常用于简单的2D游戏或模拟真实物体运动的情况。帧动画的...
Android帧动画、补间动画、属性动画用法详解
09-01
在Android开发中，动画是提升用户体验的关键元素，主要包括帧动画、补间动画和属性动画三种类型。下面将分别详细介绍这三种动画的用法。 1. **帧动画**： 帧动画适用于播放一系列连续的图片，创建视觉上的动态效果...
Android 动画实例（包含帧动画、补间动画、属性动画）
07-28
在Android中，我们通常使用`Animation`类的子类，如`TranslateAnimation`、`ScaleAnimation`、`RotateAnimation`和`AlphaAnimation`来创建补间动画。 以下是一个简单的平移动画示例： ```xml <translate xmlns:...
Android逐帧动画实现代码
01-05
逐帧动画（Frame-by-frame Animations）顾名思义就是一帧接着一帧的播放图片，就像放电影一样。可以通过xml实现也可以通过java代码实现。逐帧动画适合实现比较简单的动画效果，如果要实现复杂动画不太建议使用逐帧动画。 xml方式实现： step 1 : 在res/drawable目录下一个文件sample_animlist.xml： <?xml version=1.0 encoding=utf-8?> <animation-list xmlns:android=http://schemas.android.com/apk/res/android androi
android动画之帧动画（drawable animation）和补间动画（view animation）
12-28
基本的太阳地球月亮模型，地球围绕太阳转，月球围绕地球转
Android基础：动画二：XML创建动画
Java技术博客，不再更新Android内容
05-01 700
创建逻辑： 1 准备动画资源：在res/anim文件夹下创建4个xml文件 2 加载动画：AnimationUtils.loadAnimation(Context context, int id) 3 开启动画：View.startAnimation(Animation animation) 相关的类：AnimationUtils：动画工具类（Android自带）分类rotate +
Android帧动画创建方法
artzok的博客
08-19 538
1. 获取资源     首先需要获取帧动画的资源，然后利用工具将动画拆分成图片帧，最后将所有图片帧拷贝到drawable-xxx文件下： 2. 创建动画   接下来，首先创建一个drawable资源文件，然后再该文件内创建一个名为run_girl_anim.xml文件，并且为该资源选择animation-list根，最后添加下面代码： <animation-list xmlns
android动画详解四 创建动画
nkmnkm的专栏
03-23 3112
· 使用ValueAnimator进行动画通过指定一些int, float或color等类型的值的集合，ValueAnimator 使你可以对这些类型的值进行动画。你需通过调用ValueAnimator 的某个工厂方法来获得一个ValueAnimator 对象，比如：ofInt(), ofFloat(), 或 ofObject()。例如：ValueAnimator animation = Valu
android动画制作方法,在Android中制作动画的推荐方法
weixin_34194499的博客
05-27 351
我在网上搜索了更多有关在Android中为角色设置动画的信息,但并没有完全理解它.我在这里问,也许您可​​以给我一些建议或提示,以实现最佳效果.情境想象一下5个绘制的字符(比方说5个人头).我需要给它们设置动画.动画是指眨眼,微笑,大笑等.现在,我正在为每个动画制作位图资源.例如眨眼动画,基本上我有3张图像,一张睁着眼睛,一张睁着眼睛闭着,一张闭着眼睛.我需要设置角色动画以使用所有这3个图像.这就...
android 动画_Android动画系列之帧动画和补间动画
weixin_39636857的博客
11-27 63
原文首发于微信公众号：jzman-blog，欢迎关注交流！Android 提供三种动画：帧动画、补间动画和属性动画，本篇文章介绍帧动画以及补间动画的使用，属性动画的使用将在后面的文章中分享，那就来复习一下这两种动画的使用吧。FrameAnimationFrameAnimation 即逐帧动画，通俗来说就是按照图片动作顺序依次播放来形成动画，创建 FrameAnimation 可用 xml 定义也可...
android补间动画实例,Android动画系列之帧动画和补间动画的示例代码
weixin_42316933的博客
05-25 235
Android 提供三种动画：帧动画、补间动画和属性动画，本篇文章介绍帧动画以及补间动画的使用，属性动画的使用将在后面的文章中分享，那就来复习一下这两种动画的使用吧。FrameAnimationFrameAnimation 即逐帧动画，通俗来说就是按照图片动作顺序依次播放来形成动画，创建 FrameAnimation 可用 xml 定义也可直接使用代码创建。xml创建帧动画在 res/drawab...
android动画_补间动画_代码方式
松一160
01-01 395
动画效果不会改变控件真实的坐标 一、项目目录结构 二、activity_main.xml界面 三、activity_main.xml代码 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.
Android视图动画详解：补间与逐帧动画
"Android开发中的视图动画技术，包括补间动画和逐帧动画，是开发者需要掌握的重要技能。本文将深入探讨视图动画的分支——补间动画，特别是平移动画、缩放动画、旋转动画和透明度动画四种基本类型。 补间动画是视图...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值