首页 > 其他分享 >Android动画-1——Android三种动画详解

Android动画-1——Android三种动画详解

时间:2023-09-26 18:44:05浏览次数:41  
标签:动画 float 详解 --------------------------------------------------------------------

一、前言

1. Android的三种动画,即:

View Animation(视图动画)
Drawable Animation(帧动画)
Property Animation(属性动画)

 

二、View Animation(视图动画)

1. View动画的概述及种类

视图动画的作用对象是 View,支持四种动画效果,分别是平移、缩放、旋转、透明度。譬如,我们可以对 TextView 设置其文本的移动,旋转,缩放,透明。

视图动画可以通过XML或通过代码动态创建,对于视图动画建议使用XML文件定义,因为它具有更高的可读性,可重用性。

view 动画的四种变换我们通过效果图已基本了解,下面我们通过表格系统的了解一下:

----------------------------------------------------------------
名称         标签           子类                效果
----------------------------------------------------------------
平移动画    < translate >   TranslateAnimation  移动View
----------------------------------------------------------------
缩放动画    < scale >       ScaleAnimation      方法或缩小View
----------------------------------------------------------------
旋转动画    < rotate >      RotateAnimation     旋转view
----------------------------------------------------------------
透明度动画  < alpha >       AlphaAnimation      改变View的透明度
----------------------------------------------------------------

要使用View动画,首先要创建XML文件,我们需要在res下新建 anim 文件夹,接着在 anim 下创建 animation resource file的xml文件,########## 我们举例为 view_anim.xml

我们通过xml文件来了解它们各自的语法:

<?xml version="1.0" encoding="utf-8"?>
<set
    xmlns:android="http://schemas.android.com/apk/res/android">
    <!--平移动画标签-->
    <translate
        android:fromXDelta="0%p"
        android:toXDelta="20%p"
        android:fromYDelta="0%p"
        android:toYDelta="20%p"
        android:duration="4000"/>
    <!--缩放动画标签-->
    <scale
        android:fromXScale="1.0"
        android:toXScale="0.2"
        android:fromYScale="1.0"
        android:toYScale="0.2"
        android:pivotX="50%"
        android:pivotY="50%"
        android:duration="4000"/>
    <!--旋转动画标签-->
    <rotate
        android:fromDegrees="0"
        android:toDegrees="360"
        android:pivotX="50%"
        android:pivotY="50%"
        android:duration="4000"/>
    <!--透明度动画标签-->
    <alpha
        android:fromAlpha="1.0"
        android:toAlpha="0.2"
        android:duration="4000"/>
</set>

从上面的代码我们知道,View动画既可以是单个动画,也可以有一系列动画组成。
这是因为View动画的四种种类分别对应着Animation的四个子类(TranslateAnimation,ScaleAnimation,RotateAnimation,AlphaAnimation),除了以上四个子类它还有一个 AnimationSet 类,对应xml标签为<set>,它是一个容器,可以包含若干个动画,并且内部也可以继续嵌套<set>集合的。

我们在activity对TextView设置动画:

/**
 * @author power
 * @date 2018-08-08 20:28:58
 * @description: MainActivity
 */
public class MainActivity extends AppCompatActivity {

    private TextView textView;

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

        textView = findViewById(R.id.textview);
        textView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Animation animation = AnimationUtils.loadAnimation(MainActivity.this,R.anim.viewanimation);
                textView.startAnimation(animation);
            }
        });

    }
}


2. View动画的属性详解

(1) Animation 属性详解

-----------------------------------------------------------------------------------------------------
xml属性                     java方法                        解释
-----------------------------------------------------------------------------------------------------
android:duration            setDuration(long)               动画持续时间,毫秒为单位
-----------------------------------------------------------------------------------------------------
android:ShareInterpolator    setInterpolator(Interpolator)    设定插值器(指定的动画效果,譬如回弹等)
-----------------------------------------------------------------------------------------------------
android:fillAfter           setFillAfter(boolean)           控件动画结束时是否保持动画最后的状态
-----------------------------------------------------------------------------------------------------
android:fillBefore          setFillBefore(boolean)          控件动画结束时是否还原到开始动画前的状态
-----------------------------------------------------------------------------------------------------
android:repeatMode          setRepeatMode(int)              重复类型有两个值,reverse表示倒序回放,restart
android:startOffset         setStartOffset(long)            表示从头播放调用start函数之后等待开始运行的时间,
                            <span class="Apple-tab-span"    单位为毫秒.
                            style="white-space:pre">
                            </span>    
-----------------------------------------------------------------------------------------------------


(2) TranslateAnimation 属性详解

-----------------------------------------------------------------------------------------------------
xml属性             java方法                                    解释
-----------------------------------------------------------------------------------------------------
android:fromXDelta    TranslateAnimation(float fromXDelta, …)     起始点X轴坐标,数值,百分比,百分比p,注①
-----------------------------------------------------------------------------------------------------
android:fromYDelta    TranslateAnimation(…, float fromYDelta, …)    起始点Y轴从标,同上规律
-----------------------------------------------------------------------------------------------------
android:toXDelta    TranslateAnimation(…, float toXDelta, …)    结束点X轴坐标,同上规律
-----------------------------------------------------------------------------------------------------
android:toYDelta    TranslateAnimation(…, float toYDelta)       结束点Y轴坐标,同上规律
-----------------------------------------------------------------------------------------------------

注①: 数值、百分数、百分数p,譬如50表示以当前View左上角坐标加50px为初始点、50%表示以当前View的左上角加上当前View宽高的50%做为初始点、50%p表示以当前View的左上角加上父控件宽高的50%做为初始点。

(3) ScaleAnimation 属性详解

-----------------------------------------------------------------------------------------------------
xml属性             java方法                            解释
-----------------------------------------------------------------------------------------------------
android:fromXScale  ScaleAnimation(float fromX, …)      初始X轴缩放比例,1.0表示无变化
-----------------------------------------------------------------------------------------------------
android:toXScale    ScaleAnimation(…, float toX, …)     结束X轴缩放比例
-----------------------------------------------------------------------------------------------------
android:fromYScale  ScaleAnimation(…, float fromY, …)   初始Y轴缩放比例
-----------------------------------------------------------------------------------------------------
android:toYScale    ScaleAnimation(…, float toY, …)     结束Y轴缩放比例
-----------------------------------------------------------------------------------------------------
android:pivotX      ScaleAnimation(…, float pivotX, …)  缩放起点X轴坐标,数值,百分比,百分比p,注①
-----------------------------------------------------------------------------------------------------
android:pivotY      ScaleAnimation(…, float pivotY)     缩放起点Y轴坐标,同上规律
-----------------------------------------------------------------------------------------------------


(4) RotateAnimation 属性详解

-----------------------------------------------------------------------------------------------------
xml属性             Java方法                                解释
-----------------------------------------------------------------------------------------------------
android:fromDegrees RotateAnimation(float fromDegrees, …)   旋转开始角度,正代表顺时针度数,负代表逆时针度数
-----------------------------------------------------------------------------------------------------
android:toDegrees   RotateAnimation(…, float toDegrees, …)  旋转结束角度,正代表顺时针度数,负代表逆时针度数
-----------------------------------------------------------------------------------------------------
android:pivotX      RotateAnimation(…, float pivotX, …)     缩放起点X坐标,数值,百分比,百分比p,注①
-----------------------------------------------------------------------------------------------------
android:pivotY      RotateAnimation(…, float pivotY)        缩放起点Y坐标,同上规律
-----------------------------------------------------------------------------------------------------


(5) AlphaAnimation 属性详解

-----------------------------------------------------------------------------------------------------
xml属性             java方法                            解释
-----------------------------------------------------------------------------------------------------
android:fromAlpha    AlphaAnimation(float fromAlpha, …)  动画开始的透明度(0.0到1.0,0.0是全透明,1.0是不透明)
-----------------------------------------------------------------------------------------------------
android:toAlpha     AlphaAnimation(…, float toAlpha)    动画结束的透明度,同上
-----------------------------------------------------------------------------------------------------


(6) AnimationSet 属性详解

AnimationSet继承自Animation,是上面四种的组合容器管理类,没有自己特有的属性,他的属性继承自Animation,所以特别注意,当我们对set标签使用Animation的属性时会对该标签下的所有子控件都产生影响。譬如我们在set标签下加入duration=“1000”,子控件的duration属性会失效。


3. View动画的使用方法及注意事项

上述的使用方法已经非常详细了,也并没有什么难以理解的地方,我们只需要创建相应的xml文件,然后在 activity 里 startAnimation 就可以完成动画了。当然了,Animation类和View操作Animation还有一些如下的实用方法:

-------------------------------------------------------------------------
Animation类的方法         解释
-------------------------------------------------------------------------
reset()                   重置Animation的初始化
cancel()                  取消Animation动画
start()                   开始Animation动画
setAnimationListener()    给当前Animation设置动画监听
hasStarted()              判断当前Animation是否开始
hasEnded()                判断当前Animation是否结束
-------------------------------------------------------------------------

View类对Animation的操作方法解释:
startAnimation(Animation animation)<span class="Apple-tab-span" style="white-space:pre"></span> 对当前View开始设置的Animation动画
clearAnimation() 取消当View在执行的Animation动画


3. 注意事项

特别特别注意:补间动画执行之后并未改变View的真实布局属性值。切记这一点,譬如我们在Activity中有一个 Button在屏幕上方,我们设置了平移动画移动到屏幕下方然后保持动画最后执行状态呆在屏幕下方,这时如果点击屏幕下方动画执行之后的Button是没有任何反应的,而点击原来屏幕上方没有Button的地方却响应的是点击Button的事件。
在进行动画的时候,尽量使用dp,因为px会导致适配问题。


4. 插值器

(1) 插值器简介

首先,我们先看一下源码的解释:

//frameworks/base/core/java/android/view/animation/Interpolator.java

/**
 * An interpolator defines the rate of change of an animation. This allows
 * the basic animation effects (alpha, scale, translate, rotate) to be
 * accelerated, decelerated, repeated, etc.
 */
public interface Interpolator extends TimeInterpolator { }

注释说明:插值器定义了动画的变化,使一些基础的动画如(平移,缩放,旋转,透明)可以被加速,减速,重复等。

通过上图可以看见其实系统提供给我们的各类型插值器都是实现了 Interpolator 接口,具体如下:

---------------------------------------------------------------------------------------------------------------------------
java类                               xml                                                描述
---------------------------------------------------------------------------------------------------------------------------
AccelerateDecelerateInterpolator     @android:anim/accelerate_decelerate_interpolator   动画始末速率较慢,中间加速
AccelerateInterpolator               @android:anim/accelerate_interpolator              动画开始速率较慢,之后慢慢加速
AnticipateInterpolator               @android:anim/anticipate_interpolator              开始的时候从后向前甩
AnticipateOvershootInterpolator      @android:anim/anticipate_overshoot_interpolator    类似上面AnticipateInterpolator
BounceInterpolator                   @android:anim/bounce_interpolator                  动画结束时弹起
CycleInterpolator                    @android:anim/cycle_interpolator                   循环播放速率改变为正弦曲线
DecelerateInterpolator               @android:anim/decelerate_interpolator              动画开始快然后慢
LinearInterpolator                   @android:anim/linear_interpolator                  动画匀速改变
OvershootInterpolator                @android:anim/overshoot_interpolator               向前弹出一定值之后回到原来位置
---------------------------------------------------------------------------------------------------------------------------


(2) 插值器的使用

插值器的使用比较简单,如下:

<set
xmlns:android="http://schemas.android.com/apk/res/android"
<!--运动结束时弹起-->
android:interpolator="@android:anim/bounce_interpolator">
<!--平移动画标签-->
<translate
    android:fromXDelta="0%p"
    android:toXDelta="20%p"
    android:fromYDelta="0%p"
    android:toYDelta="20%p"
    android:duration="4000"/>
<!--缩放动画标签-->
</set>


(3) 插值器的自定义

当系统提供给我们的插值器不能满足开发需求时,就需要我们自定义,而插值器的自定义有两种方式,一种xml实现,一种java实现。

a. xml实现方式

在anim文件下创建xml文件

<?xml version="1.0" encoding="utf-8"?>
<accelerateInterpolator
xmlns:android="http://schemas.android.com/apk/res/android"
android:factor="0.8">
</accelerateInterpolator>

通过代码我们发现,这种方式只能修改现有插值器的一些属性,但有些插值器不具备修改属性,那么我们就通过java代码实现进一步需求。

b. java代码实现方式

通过上面的学习我们知道,所有的插值器都是继承自 Interpolator 接口,它则继承 TimeInterpolator 接口,而这个接口定义了 float getInterpolation(float input);方法

public class AccelerateDecelerateInterpolator extends BaseInterpolator implements NativeInterpolatorFactory {
    public float getInterpolation(float input) {
        return (float)(Math.cos((input + 1) * Math.PI) / 2.0f) + 0.5f;
        }
}

public interface TimeInterpolator {
    float getInterpolation(float input);
}

我们需要继承 Interpolator 接口并实现 getInterpolation(),在方法里处理业务逻辑即可。


三、Drawable Animation(帧动画)

1. 帧动画概述

帧动画是顺序播放一组预先定义好的图片,不同于View动画,系统提供了另外一个类 AnimationDrawable 来使用帧动画。

2. 帧动画的使用

首先我们找一组帧动画的图片放入 drawable-xhdpi 文件夹下,其次在drawable文件夹下创建xml文件,如下所示:

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/refresh1" android:duration="180"/>
    <item android:drawable="@drawable/refresh2" android:duration="180"/>
    ...
    <item android:drawable="@drawable/refresh25" android:duration="180"/>
</animation-list>

java:

view = findViewById(R.id.view);
        view.setBackgroundResource(R.drawable.drawable_anim);
        view.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                AnimationDrawable animationDrawable = (AnimationDrawable) view.getBackground();
                animationDrawable.start();
            }
        });

通过上述代码,帧动画已经完成了。

属性介绍:
<animation-list> 必须是根节点,包含一个或者多个<item>元素,属性有:
android:oneshot true代表只执行一次,false循环执行。
<item> 类似一帧的动画资源。

<item> animation-list的子项,包含属性如下:
android:drawable 一个frame的Drawable资源。
android:duration 一个frame显示多长时间。

注:帧动画很简单,但容易引起OOM。


四、Property Animation(属性动画)

TODO

 

 


参考:
Android三种动画详解: https://www.jianshu.com/p/16e0d4e92bb2 //有动画效果图,优秀

 

标签:动画,float,详解,--------------------------------------------------------------------
From: https://www.cnblogs.com/hellokitty2/p/17730916.html

相关文章

  • android adb调试
    1、无线方式一cd/dD:\Android\sdk\platform-toolstcpip5555(需手机线下连接执行)adbconnect192.168.0.1402、无线方式二cd/dD:\Android\sdk\platform-toolsadbpair192.168.0.140:42319adbconnect192.168.0.140:40717 ......
  • Android Flutter 混合开发高仿大厂App
    自上篇 Flutter10天高仿大厂App及小技巧积累总结 的续篇,这次更是干货满满。这篇文章将概述 Android组件化的架构搭建 及 Flutter 和 Android 如何混合开发 (整个App只有首页是用原生Android完成,其他页面都是引入之前的做好的Flutter页面) ,主宿主程序由Android搭建,采用......
  • Android ViewPager切换页面点击触发不了focus问题
    viewPager.registerOnPageChangeCallback(newViewPager2.OnPageChangeCallback(){@OverridepublicvoidonPageSelected(intposition){//页面选中时执行操作BottomNavigationViewnavView=findViewById(R.id.......
  • c#中适配器模式详解
    基础介绍:  想象这样一个场景,原项目中接口返回的数据是XML格式的数据,但现在来了一个新客户,它期望接口返回的数据类型为json格式的。  想要实现要么就是改原有接口,但这样就违反了开闭原则,容易出现未知bug,影响到老客户的正常使用。  而如果写一个适配器类也就是转换类(第三方......
  • (十二)Unity性能优化-动画优化
    原链接:https://github.com/lwwhb/Unity2022_SUNTAIL_Stylized_Fantasy_Village_OptimizationAnimation的一些细节播放单个AnimationClip速度,LegacyAnimation系统更快,因为老系统是直接采样曲线并直接写入对象Transform针对动画的缩放曲线比位移、旋转曲线开销更大常数曲线不会每......
  • 【python】只需一段代码,剪辑一个视频——Moviepy详解
    http://www.shanhubei.com/archives/2757.html前言知道吗,用moviepy一行代码就能够快速剪辑视频中某个区间的片段:clip=VideoFileClip(“videoplayback.mp4”).subclip(50,60)这一段代码,能够在3秒内将videoplayback.mp4的50秒-60秒的视频片段提取出来,非常方便。仅如此,movie......
  • 计算机初级选手的成长历程——汉诺塔问题详解
    大家好,很高兴又和各位见面啦!在上一篇我们通过3道习题复习了一下函数的相关知识点,今天我们将讨论一个非常经典的问题——汉诺塔问题。编写函数来解决汉诺塔问题:(1)什么是汉诺塔?简单的理解就是有三根柱子,其中一根柱子上有n个由上到下逐渐增大的圆盘,我们需要在保证圆盘始终是大圆盘在下,......
  • Python之html2text:将HTML转换为Markdown文档示例详解
    From: https://mp.weixin.qq.com/s/Pa3NDXOseyg0mIn869mbhQ-----------------------------------------------------------------------------------------hello大家好我是Monday,本文将详细介绍如何使用Python库中的html2text模块来实现将HTML转换为Markdown的操作,并提供示例......
  • Chrome插件manifest.json文件详解
    {//扩展名称"name":"MyExtension",//版本。由1到4个整数构成。多个整数间用"."隔开"version":"1.0",//manifest文件版本号。Chrome18开始必须为2"manifest_version":2,//描述。132个字符以内"......
  • 被裁的Android程序员,未来还能有什么方向呢?
    前言做了一份程序员“失业”后的自救方向汇总:接下来挨个聊聊。产品经理都说产品和技术总是相爱相杀,不过产品和技术的关系也是最近的。无论是产品转技术,还是技术转产品,相对来说都是比较容易的,很多底层逻辑是互通的。产品的生命周期比技术更长一点,而技术的平均薪酬要比产品高一点,算是......