Android 动画总结

最新推荐文章于 2022-05-07 11:55:49 发布
最新推荐文章于 2022-05-07 11:55:49 发布
阅读量144 收藏
点赞数
分类专栏： Android 动画 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LyInHeart/article/details/114993597
版权

Android 动画总结

  • 逐帧动画
  • 补间动画
  • 属性动画

Android开发中，动画特效是经常遇到的，接下来对这块知识点做一下总结。

一.逐帧动画

逐帧（Frame）动画，就是动画过程的每张静态的图片都收集起来，然后由Android来控制依次展示这些静态图片，再利用人眼的“视觉残留”原理，给用户呈现动画的错觉。（逐帧动画的原理和放电影的原理一致）

  1. 定义逐帧动画
    在< animation-list… />元素中使用< item…/ >子元素定义动画的全部帧即可
<?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/ic_frame0" android:duration="60"/>
    <item android:drawable="@drawable/ic_frame1" android:duration="60"/>
    <item android:drawable="@drawable/ic_frame2" android:duration="60"/>
    <item android:drawable="@drawable/ic_frame3" android:duration="60"/>
    <!--下面忽略多个item-->
</animation-list>

上面的xml文件定义了一个逐帧动画资源，android:oneshot为false指的可以循环播放动画

  1. 使用逐帧动画
class MainAnimActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main_anim)
        val framImageView = findViewById<ImageView>(R.id.fram_imge)
        val playAniBtn = findViewById<Button>(R.id.play_btn)
        val stopAniBtn = findViewById<Button>(R.id.stop_btn)
        val anim = framImageView.background

        playAniBtn.setOnClickListener{v ->
            if (anim is AnimationDrawable) {
                anim.start()
            }
        }

        stopAniBtn.setOnClickListener {v ->  
            if (anim is AnimationDrawable) {
                anim.stop()
            }
        }
    }
}

AnimationDrawble(An object used to create frame-by-frame animations)代表的动画默认不播放，提供如下方法来开始、结束动画
start() 开始播放动画
end() 结束动画

  1. 代码创建逐帧动画
val animationDrawable = AnimationDrawable()
    animationDrawable.addFrame(resources.getDrawable(R.drawable.ic_frame0), 60)
    animationDrawable.addFrame(resources.getDrawable(R.drawable.ic_frame1), 60)
    animationDrawable.addFrame(resources.getDrawable(R.drawable.ic_frame2), 60)
    animationDrawable.addFrame(resources.getDrawable(R.drawable.ic_frame3), 60)
    animationDrawable.isOneShot = false
    
	framImageView.background = animationDrawable
    playAniBtn.setOnClickListener{v ->
        animationDrawable.start()
    }
    stopAniBtn.setOnClickListener {v ->
        animationDrawable.stop()
    }

二.补间动画

补间动画，就是指开发者只需指定动画开始、动画结束等“关键帧”，而动画变化的“中间帧”由系统计算并补齐。

Android使用Animation代表抽象的动画类
包含如下几个子类：AlphaAnimation（透明度动画）、ScaleAnimation（缩放动画）、TranslateAnimation(位移动画)、RotationAnimation(旋转动画)

AnimationSet : 组合多个补间动画时使用

  • 使用补间动画

res/anim/tween_anim.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/linear_interpolator">
    <!--缩放 -->
    <scale
        android:duration="3000"
        android:fillAfter="true"
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="0.1"
        android:toYScale="0.1" />
    <!--透明度-->
    <alpha
        android:duration="3000"
        android:fromAlpha="1"
        android:toAlpha="0.05" />
    <!-- 旋转 -->
    <rotate
        android:duration="3000"
        android:fromDegrees="0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toDegrees="180" />
    <!--平移-->
    <translate
        android:duration="3000"
        android:fromXDelta="100"
        android:fromYDelta="100"
        android:toXDelta="200"
        android:toYDelta="100" />
</set>

//通过AnimationUtils得到代表动画的Animation之后，就可以调用view的startAnimation（Animation anim）方法开始对该view执行动画了
val loadAnimation = AnimationUtils.loadAnimation(this, R.anim.tween_anim)
        playAniBtn.setOnClickListener{v ->
            framImageView.startAnimation(loadAnimation)
        }
  • 代码创建补间动画
//透明度动画
val alphaAnimation = AlphaAnimation(1f, 0f)
alphaAnimation.duration = 3000

//旋转动画
/*
*  创建一个旋转动画对象
*  入参列表含义如下：
*  1.fromDegrees：从哪个角度开始旋转
*  2.toDegrees：旋转到哪个角度结束
*  3.pivotXType：旋转所围绕的圆心的x轴坐标的类型，有ABSOLUT绝对坐标、RELATIVE_TO_SELF相对于自身坐标、RELATIVE_TO_PARENT相对于父控件的坐标
*  4.pivotXValue：旋转所围绕的圆心的x轴坐标,0.5f表明是以自身这个控件的一半长度为x轴
*  5.pivotYType：y轴坐标的类型
*  6.pivotYValue：y轴坐标
*/
val rotateAnimation = RotateAnimation(0f, 360f, Animation.RELATIVE_TO_SELF, 0.5f,
        Animation.RELATIVE_TO_SELF, 0.5f);
rotateAnimation.duration = 3000

//缩放动画
/*
*  创建一个缩放效果的动画
*  入参列表含义如下：
*  fromX：x轴的初始值
*  toX：x轴缩放后的值
*  fromY：y轴的初始值
*  toY：y轴缩放后的值
*  pivotXType：x轴坐标的类型，有ABSOLUT绝对坐标、RELATIVE_TO_SELF相对于自身坐标、RELATIVE_TO_PARENT相对于父控件的坐标
*  pivotXValue：x轴的值，0.5f表明是以自身这个控件的一半长度为x轴
*  pivotYType：y轴坐标的类型
*  pivotYValue：轴的值，0.5f表明是以自身这个控件的一半长度为y轴
*/
val scaleAnimation = ScaleAnimation(1f, 0.8f, 1f, 0.8f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f)
scaleAnimation.duration = 3000

//平移动画
/*
 *  创建一个移动动画效果
 *  入参的含义如下：
 *  fromXType：移动前的x轴坐标的类型
 *  fromXValue：移动前的x轴的坐标
 *  toXType：移动后的x轴的坐标的类型
 *  toXValue：移动后的x轴的坐标
 *  fromYType：移动前的y轴的坐标的类型
 *  fromYValue：移动前的y轴的坐标
 *  toYType：移动后的y轴的坐标的类型
 *  toYValue：移动后的y轴的坐标
 */
val translateAnimation = TranslateAnimation(Animation.RELATIVE_TO_SELF, 0f, Animation.RELATIVE_TO_SELF, 0.2f,
        Animation.RELATIVE_TO_SELF, 0f, Animation.RELATIVE_TO_SELF, 0.2f)
translateAnimation.duration = 3000

playAniBtn.setOnClickListener { v ->
    val animationSet = AnimationSet(true)
    animationSet.addAnimation(alphaAnimation)
    animationSet.addAnimation(rotateAnimation)
    animationSet.addAnimation(scaleAnimation)
    animationSet.addAnimation(translateAnimation)
    //播放组合补间动画
    framImageView.startAnimation(animationSet)
    //播放单一补间动画
    //framImageView.startAnimation(alphaAnimation)
}
  • 补间动画只是去改变view的展示效果，不会真正改变view的属性
val translateAnimation = TranslateAnimation(Animation.RELATIVE_TO_SELF, 0f, Animation.RELATIVE_TO_SELF, 1.5f, Animation.RELATIVE_TO_SELF, 0f, Animation.RELATIVE_TO_SELF, 0f)
        translateAnimation.fillAfter = true
        
        //延迟2秒执行平移动画 
        //对比平移前点击按钮和平移后点击按钮的现象
        mHandler.postDelayed(Runnable { mTransBtn?.startAnimation(translateAnimation) }, 2000)
        
		mTransBtn?.setOnClickListener {
            Toast.makeText(this@MainActivity, getString(R.string.click_trans_btn), Toast.LENGTH_SHORT).show() 
        }

平移后的按钮无法触发我们注册的点击事件，而此时平移前按钮的位置是可以触发该点击事件的，因为实际上这个按钮还是停留在平移前的位置，只不过补间动画将这个按钮绘制到了平移后的位置

注：属性动画对view属性进行动画，解决了该问题

三.属性动画

属性动画，可以定义任何属性的变化，从某种角度来看，属性动画是增强版的补间动画
1.补间动画只能定义在透明度、旋转、缩放、位移，这4个方面的变化，但属性动画可以定义任何属性的变化
2.补间动画只能对ui组件执行动画，但属性动画几乎可以对任何对象执行动画（不管是否显示在屏幕上）

Animator 提供了创建属性动画的基类，基本不会直接使用该类，通常只用于被继承并重写它的相关方法

ValueAnimator：主要负责计算各帧的属性值，更新对象的相关属性值时使用
ObjectAnimator：是ValueAnimator的子类，对指定对象的属性执行动画时使用
AnimatorSet：组合多个属性动画时使用

  • 使用ObjectAnimator属性动画
		//透明度属性动画
        mAlphaAnimator = ObjectAnimator.ofFloat(mMyLove, "alpha", 0.2f, 1f)
        //mAlphaAnimator?.start()  //使用alpha属性动画
        //缩放属性动画
        mScaleAnimatorX = ObjectAnimator.ofFloat(mMyLove, "scaleX", 1f, 1.1f)
        mScaleAnimatorY = ObjectAnimator.ofFloat(mMyLove, "scaleY", 1f, 1.1f)
        //组合属性动画
        mAnimatorSet = AnimatorSet()
        mAnimatorSet?.duration = 3000
        mAnimatorSet?.playTogether(mScaleAnimatorX, mScaleAnimatorY, mAlphaAnimator)
        mAnimatorSet?.start()  //使用组合属性动画
  • 使用ValueAnimator属性动画
//ValueAnimator属性动画
        mProgressAnimator = ValueAnimator.ofInt(0, 100)
        mProgressAnimator?.setDuration(3000)
        mProgressAnimator?.addUpdateListener(AnimatorUpdateListener { animation ->
            Log.i(TAG, "onAnimationUpdate :: " + animation.animatedValue)
            mProgressBar?.progress = (animation.animatedValue as Int)
        })
        mProgressAnimator?.addListener(object : Animator.AnimatorListener {
            override fun onAnimationStart(animation: Animator) {
                Toast.makeText(this@MainActivity, "动画开始", Toast.LENGTH_SHORT).show()
            }

            override fun onAnimationEnd(animation: Animator) {
                Toast.makeText(this@MainActivity, "动画结束", Toast.LENGTH_SHORT).show()
            }

            override fun onAnimationCancel(animation: Animator) {
                Toast.makeText(this@MainActivity, "动画取消", Toast.LENGTH_SHORT).show()
            }

            override fun onAnimationRepeat(animation: Animator) {
                Toast.makeText(this@MainActivity, "动画重复", Toast.LENGTH_SHORT).show()
            }
        })

		//色值ValueAnimator属性动画
		if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            mColorAnimator = ValueAnimator.ofArgb(-0x1, -0x10000, -0xffff01, -0xff0100)
        }
        mColorAnimator?.duration = 3000
        mColorAnimator?.addUpdateListener { animation -> mStartBtn?.setBackgroundColor((animation.animatedValue as Int)) }
  • xml文件定义属性动画

res/animator/animator_set.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <objectAnimator
        android:duration="3000"
        android:propertyName="alpha"
        android:valueFrom="0.2"
        android:valueTo="1.0"
        android:valueType="floatType">
    </objectAnimator>

    <objectAnimator
        android:duration="3000"
        android:propertyName="scaleX"
        android:valueFrom="1.0"
        android:valueTo="1.1"
        android:valueType="floatType">
    </objectAnimator>

    <objectAnimator
        android:duration="3000"
        android:propertyName="scaleY"
        android:valueFrom="1.0"
        android:valueTo="1.1"
        android:valueType="floatType">
    </objectAnimator>
</set>

res/animator/animator_alpha.xml

<?xml version="1.0" encoding="utf-8"?>
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="3000"
    android:propertyName="alpha"
    android:valueFrom="0.2"
    android:valueTo="1.0"
    android:valueType="floatType">
</objectAnimator>

代码中使用在xml中定义的属性动画

//加载xml中属性动画
        val animatorset = AnimatorInflater.loadAnimator(this, R.animator.animator_set) as AnimatorSet
        val animator = AnimatorInflater.loadAnimator(this, R.animator.animator_alpha)

        //使用组合属性动画
        animatorset.setTarget(mMyLove)
        animatorset.start()

        //使用属性动画
        animator.setTarget(mMyLove)
        animator.start()

在使用过程中，可以选择合适的动画进行动画效果实现

传送门：https://github.com/xiaoai-summer/myKotlinDemo

LyInHeart
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android动画学习总结---下
10-10
此Demo主要介绍Android属性动画的基本用法 Demo的博客地址：http://blog.csdn.net/u012814441/article/details/49026367
Android动画总结
10-22
本文将深入探讨Android动画的各个方面，旨在为开发者提供一个全面的Android动画总结。 首先，我们要了解Android支持的两种主要动画类型：补间动画（Tween Animation）和帧动画（Frame Animation）。补间动画主要...
Android中的动画总结
haoxuhong的博客
08-22 1258
Android 动画 View Animation（视图动画） 概述: 视图动画，也叫 Tween （补间）动画可以在一个视图容器内执行一系列简单变换（位置、大小、旋转、透明度）。 譬如，如果你有一个 TextView 对象，您可以移动、旋转、缩放、透明度设置其文本，当然，如果它有一个背景图像，背景图像会随着文本变化。 补间动画通过 XML 或 Android 代码定义，建议使用 XML 文件定义，因为它更具可读性、可重用性 如下是视图动画相关的类继承关系： java 类名 xml 关..
Android利用Animation.RELATIVE_TO_SELF做出个性化的动画
彭文涛的博客
05-27 5109
在Android开发中，Animation是用来给控件制作效果的。大多数的控件都可以用这个类，这个类包含了4种基本动作，分别为移动，旋转，淡入淡出，缩放。 使用Animation的两种方式： 方式一：在代码中创建、设置以及启动动画(移动TranslateAnimation/旋转RotateAnimation/淡入淡出AlphaAnimation/缩放ScaleAnimation)，这样
android动画总结
04-16
在Android开发中，动画是提升用户体验的关键因素...总结，Android动画涵盖了帧动画、补间动画和属性动画等多种形式，各有应用场景。通过熟练掌握这些动画机制，开发者能够为应用创造出丰富的交互体验，提升用户满意度。
Android动画介绍-总结
最新发布
05-02
本文将对Android动画进行深入的总结，涵盖基础动画、属性动画以及如何在实际项目中应用。 1. 基础动画（View Animation） Android的基础动画主要包含Alpha（透明度）、Scale（缩放）、Translate（平移）和Rotate...
AdvanceAnimation:Android动画总结
05-02
AdvanceAnimationAndroid动画总结总结了 Tween动画，属性动画，帧动画，CircularReveal，Activity转场动画，5.0新转场动画，5.0转场动画分为Explode、Slide、Fade、Share四种模式，矢量动画以及多种动画效果以及案例...
android动画优缺点,Android动画总结
weixin_35701002的博客
05-28 293
动画分为三种：View动画、帧动画和属性动画View动画View动画共有四种动画：TranslateAnimation、RotateAnimation、ScaleAnimation和AlphaAnimation。四个动画类都继承于抽象类Animation。名称标签子类效果平移动画TranslateAnimation移动View缩放动画ScaleAnimation放大或缩小View旋转动画Rotat...
android中的动画完全总结
ThinkDo的博客
06-14 1890
这里会讲到的动画有视图动画（帧动画，补间动画），属性动画，activity和fragment切换时的动画，viewgroup添加和移除子view时的动画，android随后新的系统api的transition实现过渡效果，内容还是很多的。下面一一来说。
Android 一共有多少种动画？准确告诉你！
weixin_33885676的博客
07-27 607
Android 动画在开发中是不可或缺的功能，或者说是界面灵动的添加剂。那你是否总结过 Android 中总共为开发者提供了多少种方式的动画呢？今天就为大家总结归纳一下。 我话音未落，前排那位骚气不减当年、故事布满双眼的大胸弟就激动得高高举起了那只满是老茧的右手：“我知道，我知道！都有平移动画、缩放动画、旋转动画、渐变动画、还有......” 看着这位兄弟回答时专注又冥思苦想的表情，我真不忍心...
Android动画全总结
jzlhll123的专栏
05-07 967
我总结了一图，清晰明了， 再配合https://www.runoob.com/w3cnote/android-tutorial-animation.html以及后续的4个章节学习即可： 这边记录几个我的理解。 名词解释 这里很重要，理解了这里就懂了一半。另外一半就是看看xml代码和java代码的使用。 首先名词，看各种攻略十分混乱。 这里我已经总结了。 帧动画，Frame动画，但是关键的是，他是drawable子类； 补间动画，Tween动画，View动画，指的其实是Animation的用法，常见的就是
Android动画学习总结（一）
qq_36390114的博客
09-08 152
Android动画主要有三种：view动画，帧动画，属性动画。 1.view动画：也叫补间动画，通过对场景的对象不断做图像变换（平移，缩放，旋转，透明度）从而产生动画效果，是一种渐进式动画。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值