Andriod之Animation动画学习

最新推荐文章于 2022-10-09 10:54:07 发布
最新推荐文章于 2022-10-09 10:54:07 发布
阅读量395 收藏
点赞数
分类专栏： Android入门 文章标签： Animation 帧动画 补间动画 平移动画 透明度动画
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhe_ge_sha_shou/article/details/75949212
版权

Animation动画

效果图:

这里写图片描述

帧动画(Frame Animation)

  1. 首先将帧动画放到res/drawable目录下
    这里写图片描述

  2. 然后在drawable目录下新建帧动画xml文件，使用 < animation-list > 标签

frame.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/load1"
        android:duration="130" />
    <item
        android:drawable="@drawable/load2"
        android:duration="130" />
    <item
        android:drawable="@drawable/load3"
        android:duration="130" />
    <item
        android:drawable="@drawable/load4"
        android:duration="130" />
    <item
        android:drawable="@drawable/load5"
        android:duration="130" />
</animation-list>

android:oneshot 设置为true只播放一次，false为循环播放

  1. ImageView设置帧动画
    <ImageView
        android:id="@+id/frame_image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/frame" />
  1. 播放帧动画
	//获取AnimationDrawable实例，用来控制动画的播放与停止
	AnimationDrawable anim = (AnimationDrawable)imageView.getBackground();
	anim.start();

以上是通过xml的方式定义帧动画，对应代码方式添加帧动画如下:

    ImageView image = (ImageView) findViewById(R.id.frame_imgage);
    AnimationDrawable anim = new AnimationDrawable();
    for (int i = 1; i <= 5; i++) {
        // 参数1对应帧动画文件名，参数2对应资源类型(这里是放到drawable)，参数3包名
        int id = getResources().getIdentifier("load" + i, "drawable", getPackageName());
        Drawable drawable = getResources().getDrawable(id);
        anim.addFrame(drawable, 60);
    }
    anim.setOneShot(false); // 设置循环播放
    image.setBackgroundDrawable(anim);
    anim.start();

补间动画(Tween Animation)

补间动画包括：透明度，缩放，平移，旋转动画，都可以使用XML文件或者代码的方式实现所需动画的效果，这里演示使用代码的方法。

布局文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="50dp"
    tools:context="com.tlkg.welcome.animationdemo.MainActivity">

    <ImageView
        android:id="@+id/alpha_img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/ic_launcher" />

    <ImageView
        android:id="@+id/scale_img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:src="@mipmap/ic_launcher" />

    <ImageView
        android:id="@+id/frame_img"
        android:layout_width="90dp"
        android:layout_height="90dp"
        android:layout_centerInParent="true"
        android:background="@drawable/frame" />

    <ImageView
        android:id="@+id/tran_img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:src="@mipmap/ic_launcher" />

    <ImageView
        android:id="@+id/rotate_img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:src="@mipmap/ic_launcher" />
</RelativeLayout>

MainActivity代码

public class MainActivity extends AppCompatActivity {

    private ImageView alphaImg, scaleImg, tranImg, rotateImg, frameImg;

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

        frameImg = (ImageView) findViewById(R.id.frame_img);
        AnimationDrawable animDrawable = (AnimationDrawable) frameImg.getBackground();
        animDrawable.start();

        alphaImg = (ImageView) findViewById(R.id.alpha_img);
        scaleImg = (ImageView) findViewById(R.id.scale_img);
        tranImg = (ImageView) findViewById(R.id.tran_img);
        rotateImg = (ImageView) findViewById(R.id.rotate_img);


        alpha();
        scale();
        tran();
        rotate();
    }

    /**
     * 透明度动画
     */
    private void alpha() {
        AlphaAnimation animation = new AlphaAnimation(0, 1);//透明度从0到1
        animation.setDuration(500);//设置动画时长
        animation.setRepeatMode(Animation.REVERSE);//动画模式
        animation.setRepeatCount(Animation.INFINITE);//动画重复次数
        alphaImg.setAnimation(animation);//给控件设置动画
        animation.start();//开始动画
    }

    /**
     * 缩放动画
     */
    private void scale() {
        ScaleAnimation animation = new ScaleAnimation(1.0f, 2.0f, 1.0f, 2.0f,
                Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
        animation.setDuration(500);
        animation.setRepeatMode(Animation.REVERSE);
        animation.setRepeatCount(Animation.INFINITE);
        scaleImg.setAnimation(animation);
        animation.start();
    }

    /**
     * 平移动画
     */
    private void tran() {
        TranslateAnimation animation = new TranslateAnimation(
                Animation.RELATIVE_TO_SELF, 0f,
                Animation.RELATIVE_TO_SELF, 2f,
                Animation.RELATIVE_TO_SELF, 0f,
                Animation.RELATIVE_TO_SELF, -2f);
        animation.setDuration(500);
        animation.setRepeatMode(Animation.REVERSE);
        animation.setRepeatCount(Animation.INFINITE);
        tranImg.setAnimation(animation);
        animation.start();
    }

    /**
     * 旋转动画
     */
    private void rotate() {
        RotateAnimation animation = new RotateAnimation(0, 360,
                Animation.RELATIVE_TO_SELF, 0.5f,
                Animation.RELATIVE_TO_SELF, 0.5f);
        animation.setDuration(500);
        animation.setRepeatMode(Animation.REVERSE);
        animation.setRepeatCount(Animation.INFINITE);
        rotateImg.setAnimation(animation);
        animation.start();
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        alphaImg.clearAnimation();
        scaleImg.clearAnimation();
        frameImg.clearAnimation();
        tranImg.clearAnimation();
        rotateImg.clearAnimation();
    }
}

AlphaAnimation

AlphaAnimation的构造函数只有两个参数，分别是初始的透明度和结束的透明度

    public AlphaAnimation(float fromAlpha, float toAlpha) {
        mFromAlpha = fromAlpha;
        mToAlpha = toAlpha;
    }

ScaleAnimation

ScaleAnimation的构造函数有三个常用的：

  public ScaleAnimation(float fromX, float toX, float fromY, float toY);
  
 public ScaleAnimation(float fromX, float toX, float fromY, float toY,
            float pivotX, float pivotY);

    public ScaleAnimation(float fromX, float toX, float fromY, float toY,
            int pivotXType, float pivotXValue, int pivotYType, float pivotYValue);

参数说明 :

fromX: 动画开始时的X坐标的伸缩尺寸
toX: 动画结束时的X坐标的伸缩尺寸
fromY: 动画开始时的Y坐标的伸缩尺寸
toY: 动画结束时的Y坐标的伸缩尺寸
pivotX/pivotXValue:动画的中心点X坐标
pivotY/pivotYValue:动画的中心点Y坐标
pivotXType:动画在X轴的伸缩模式
pivotYType:动画在Y轴的伸缩模式
注：伸缩模式取值为Animation.ABSOLUTE、Animation.RELATIVE_TO_SELF、Animation.RELATIVE_TO_PARENT

TranslateAnimation

TranslateAnimation构造函数如下 ：

 public TranslateAnimation(float fromXDelta, float toXDelta, float fromYDelta, float toYDelta);

 public TranslateAnimation(int fromXType, float fromXValue, int toXType, float toXValue,
            int fromYType, float fromYValue, int toYType, float toYValue);

参数说明

fromXType:动画在X轴上的位移模式，取值与伸缩模式中的值相同
fromXValue/fromXDelta:动画开始时当前的X坐标
toXType:动画结束时在X轴的位移模式
toXValue/toXDelta:动画结束时的X坐标
fromYType:动画开始时在Y轴的位移模式
fromYValue/fromYDelta:动画开始时当前的Y坐标
toYType:动画结束时在Y轴的位移模式
toYValue/toYDelta:动画结束时的Y坐标

RotateAnimation

RototeAnimation构造函数如下：

public RotateAnimation(float fromDegrees, float toDegrees);

public RotateAnimation(float fromDegrees, float toDegrees, float pivotX, float pivotY);

    public RotateAnimation(float fromDegrees, float toDegrees, int pivotXType, float pivotXValue,
            int pivotYType, float pivotYValue);

参数说明

fromDegrees:动画开始的旋转角度
toDegrees:动画结束的旋转角度
pivotXType:动画的X轴的旋转模式
pivotXValue:动画X轴的开始位置
prvotYType:动画的Y轴的旋转模式
pivotYValue:动画Y轴的开始位置

这个杀手不太累
关注
专栏目录
android之Animation自定义动画轨迹
枫凯
12-22 3196
以下面一个实例来说说这个Animation自定义动画怎么使用。 图中，我们可以看出，小球是带有轨迹的向下滚动，而且，轨道与轨道之间的拼接是用二阶贝塞尔曲线实现的，小球模拟重力效果，加速度的向下滚。那么，这里有疑问的地方是，如果模拟这个场景去实现呢？ 首先我们想到了用android的动画Animation。 我们对Animation进行了深究，发现有一个ObjectAnimator的类
android动画哪些,Android Animation动画(很详细)
weixin_35698091的博客
05-25 4166
Contents：Animations一、Animations介绍Animations是一个实现android UI界面动画效果的API，Animations提供了一系列的动画效果，可以进行旋转、缩放、淡入淡出等，这些效果可以应用在绝大多数的控件中。二、Animations的分类Animations从总体上可以分为两大类：1.Tweened Animations：该类Animations提供了旋转...
Android自定义动画学习，实现左右摇摆动画
u010746364的博客
12-29 1402
（转载）http://johnnyg.iteye.com/blog/2074464 我们都知道Android SDK给我们提供了4种常用的动画效果分别是： AlphaAnimation：透明度变化动画 RotateAnimation：旋转动画 ScaleAnimation： 缩放动画 TranslateAnimation：位置变化动画 但有时这些动画不能满足我们
css3小动画的实现
irouduoduo的博客
04-26 1434
结合css3的2d属性做出一个让盒子变化的小动画 css3动画 代码时刻： Document div { width: 100px; height: 80px; background-color: rgb(130,194,0); border-radius: 10px; text-align
Activity onDestroy方法未能及时执行原因
热门推荐
qq_37776700的博客
07-27 1万+
网上出现的情况也不少，大致看了下主要有以下几类： AndroidManifest 针对某个activity 设置的theme为 @android:style/Theme.NoTitleBar 在目前项目中(android2.0)，发现一个严重BUG。当打开了A,B两个页面的时候，此时当前页面为B，如果在B中调用finish()后，虽然已经回到了A，但B却并没有执行onDestroy()方法，只有...
MATLAB的简单动画制作
weixin_30741653的博客
01-13 1275
这里介绍两种类型的动画实现，一种使用getframe和movie命令实现帧动画，另一种使用comet(comet3)命令实现画图过程的动画. ①getframe和movie命令实现帧动画 例如，创建一个动画，实现y=ln x,y=x,y=exp(x)的图像变化的动画. 代码如下 x =linspace(0,1,20); box on;%控制坐标系在一个框内...
Android动画之Animation和Animator
zenglanjing的博客
08-16 972
Android 动画分为Animation和Animatior两大类。其中： Animation包括：逐祯动画，补间动画 Animator包括：属性动画 区别：Animation动画的作用对象只能是View,而Animator动画的作用对象可以是任何对象（这其中当然也包括View） 下面详细说说各种动画： Animation: 1.逐祯动画(AnimationDrawble) 支持java和xml...
android视图动画（ViewAnimation动画）
最新发布
小漠007的专栏
10-09 2908
通过xml文件资源定义好，然后用工具函数加载，并给对应的view设置该动画，调用startAnimation方法开启动画效果androidStudio新建xml动画资源。
Android帧动画FrameAnimation
分享Android开发知识
01-17 1249
一、逐帧动画介绍 视图动画由两部分组成，补间动画和逐帧动画，下面讲解逐帧动画。 Frame-by-frame Animation主要作用于view，可以利用xml或者代码生成动画，如果使用xml方式生成动画需要在res/drawable 目录下创建动画xml文件（animation-list）。 逐帧动画的原理是一张一张的播放图片资源（drawable资源），然后出现动画效果。 逐帧动画对应的类是AnimationDrawable，在android.graphics.drawable.Drawable包
Android中动画参数duration,Android之Animation动画各属性的参数意思（二）
weixin_33260057的博客
05-26 4036
现在就来讲讲Animation里这四个标签的属性。一、这四个标签alpha、scale、translate、rotate共有的属性为：android:duration动画持续时间，以毫秒为单位android:fillAfter如果设置为true，控件动画结束时，将保持动画最后时的状态android:fillBefore如果设置为true,控件动画结束时，还原到开始动画前的状态android:fil...
Android编程之Animation动画详解
01-05
本文实例讲述了Android编程之Animation动画用法。分享给大家供大家参考，具体如下： Animations 一、Animations介绍 Animations是一个实现android UI界面动画效果的API，Animations提供了一系列的动画效果，可以进行...
Android动画之逐帧动画(Frame Animation)基础学习
01-04
在Android中，动画Animation的实现有两种方式：Tween Animation（补间动画）和Frame Animation（帧动画）。渐变动画是通过对场景里的对象不断做图像变换（平移、缩放、旋转等）产生动画效果。帧动画则是通过顺序播放...
Android动画之补间动画(Tween Animation)基础学习
01-20
在Android开发中，动画是提升用户体验的关键因素之一。补间动画（Tween Animation）是Android提供的一种动画机制，它通过对视图对象进行连续的图形变换，如平移、缩放、旋转和改变透明度，来创建流畅的动画效果。补...
Android Animation之TranslateAnimation（平移动画）
08-29
Android Animation之TranslateAnimation（平移动画） Android Animation中的一种常用动画效果是TranslateAnimation（平移动画），它可以使图像或其他视图从一个位置移动到另一个位置。下面将详细介绍...
Android TextView设置空格
这个杀手不太累的博客
04-24 1万+
代码里 TextView.setText(&quot;\u3000&quot;) xml里(&amp;amp; #160;) &amp;lt;TextView android:layout_width=&quot;wrap_content&quot; android:layout_height=&quot;wrap_content&quot; android:text=&quot;一九八六年&amp;
Android设置Button字母大小写
这个杀手不太累的博客
10-09 9732
在Button中显示的英文字母默认是全部大写的 <Button android:id="@+id/textview" android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center" a
Android使用SQLite数据库
这个杀手不太累的博客
01-21 7501
一. 简介 SQLite数据库是一个轻量级的DBMS(数据库管理系统)。SQLite使用单个文件存储数据，Android标准库包含SQLite库以及配套使用的一些Java辅助类。主要特点：轻量级，单一文件，跨平台，开源。二. Android中SQLite数据库的使用 创建SQLite数据库SQLiteDatabase db= SQLiteDatabase.openOrCreateDatab
Android使用MediaPlayer播放视频
这个杀手不太累的博客
10-14 5749
目录结构 布局文件 activity_main.xml <?xml version="1.0" encoding="utf-8"?> <merge xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id=&quo
Android开发：深入理解Animation动画
本文主要探讨了Android平台中的Animation动画机制，包括动画的类型、模式以及如何在XML文件中定义和实现动画效果。 在Android开发中，Animation是创建动态视觉效果的关键部分，它允许开发者实现各种各样的动画效果...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值