##帧动画FrameAnimation
* 多张图片快速切换,形成动画效果
* 帧动画使用xml定义

package com.itheima.frameanimation;import android.os.Bundle;
import android.app.Activity;
import android.graphics.drawable.AnimationDrawable;
import android.view.Menu;
import android.widget.ImageView;public class MainActivity extends Activity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);ImageView iv = (ImageView) findViewById(R.id.iv);//把帧动画的资源文件指定为iv的背景
        iv.setBackgroundResource(R.drawable.frameanimation);//获取iv的背景AnimationDrawable ad = (AnimationDrawable) iv.getBackground();ad.start();}}
/*
drawable文件里的frameanimation.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/g1" android:duration="200" />   每个图片停留200毫秒,<item android:drawable="@drawable/g2" android:duration="200" /><item android:drawable="@drawable/g3" android:duration="200" /><item android:drawable="@drawable/g4" android:duration="200" /><item android:drawable="@drawable/g5" android:duration="200" /><item android:drawable="@drawable/g6" android:duration="300" /><item android:drawable="@drawable/g7" android:duration="300" /><item android:drawable="@drawable/g8" android:duration="300" /><item android:drawable="@drawable/g9" android:duration="200" /><item android:drawable="@drawable/g10" android:duration="200" /><item android:drawable="@drawable/g11" android:duration="200" />
</animation-list>
*/

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:paddingBottom="@dimen/activity_vertical_margin"android:paddingLeft="@dimen/activity_horizontal_margin"android:paddingRight="@dimen/activity_horizontal_margin"android:paddingTop="@dimen/activity_vertical_margin"tools:context=".MainActivity" ><ImageViewandroid:id="@+id/iv"android:layout_width="wrap_content"android:layout_height="wrap_content"/></RelativeLayout>

补间动画:

package com.itheima.bujiananimation;import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.view.animation.AlphaAnimation;
import android.view.animation.Animation;
import android.view.animation.AnimationSet;
import android.view.animation.RotateAnimation;
import android.view.animation.ScaleAnimation;
import android.view.animation.TranslateAnimation;
import android.widget.ImageView;
/*###补间动画
* 组件由原始状态向终极状态转变时,为了让过渡更自然,而自动生成的动画(比如将圆形变为正方形)
* 原形态变成新形态时为了过渡变形过程,生成的动画就叫补间动画
* 位移、旋转、缩放、透明*/
public class MainActivity extends Activity {private ImageView iv;private RotateAnimation ra;private AlphaAnimation aa;private ScaleAnimation sa;private TranslateAnimation ta;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);iv = (ImageView) findViewById(R.id.iv);}//平移public void translate(View v){
//        ta = new TranslateAnimation(10, 100, 20, 200);  x坐标从10到100,y坐标从20到200,
/** 参数10指的是X的起点坐标,但不是指屏幕x坐标为10的位置,而是imageview的真实X坐标 + 10
* 10:表示的x坐标起始位置* 图片起点x坐标为:iv的真实x坐标 + 10
* 100:表示x坐标的结束位置* 图片起点y坐标为:iv的真实x坐标 + 100
* 20:表示y坐标的起始位置* 图片末点x坐标为:iv的真实y坐标 + 20
* 200:表示y坐标的结束位置* 图片末点y坐标为:iv的真实y坐标 + 200
*/ta = new TranslateAnimation(Animation.RELATIVE_TO_SELF, -1, Animation.RELATIVE_TO_SELF, 2, Animation.RELATIVE_TO_SELF, -0.5f, Animation.RELATIVE_TO_SELF, 1.5f);
/*
* Animation.RELATIVE_TO_SELF, 1:x坐标的初始位置* iv的真实x坐标 + 1 * iv宽
* Animation.RELATIVE_TO_SELF, 0.5f:y坐标的起始位置* iv的真实y坐标 + 0.5 * iv高
*///设置播放时间ta.setDuration(2000);//设置重复次数ta.setRepeatCount(1);//动画重复播放的模式,REVERSE表示会向相反方向重复一次,
        ta.setRepeatMode(Animation.REVERSE);iv.startAnimation(ta);}//缩放public void scale(View v){
//        sa = new ScaleAnimation(fromX, toX, fromY, toY, iv.getWidth() / 2, iv.getHeight() / 2);sa = new ScaleAnimation(0.5f, 2, 0.1f, 3, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
/** 0.5f:表示x坐标缩放的初始位置* 0.5 * iv宽
* 2:表示x坐标缩放的结束位置* 2 * iv宽
* iv.getWidth() / 2:表示缩放点的x坐标* iv的真实x + iv.getWidth() / 2* Animation.RELATIVE_TO_SELF, 0.5f:表示缩放点的x坐标* iv的真实x + 0.5 * iv宽
*/sa.setDuration(2000);//填充动画的结束位置sa.setRepeatCount(1);sa.setRepeatMode(Animation.REVERSE);//让动画停留在结束的位置上sa.setFillAfter(true);iv.startAnimation(sa);}//透明public void alpha(View v){//* 0为完全透明,1为完全不透明,0.5f是半透明aa = new AlphaAnimation(0, 1);aa.setDuration(2000);sa.setRepeatCount(1);iv.startAnimation(aa);}//旋转public void rotate(View v){ra = new RotateAnimation(0, 720, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);/** 20表示动画开始时的iv的角度* 360表示动画结束时iv的角度* 默认旋转的圆心在iv左上角RotateAnimation ra = new RotateAnimation(20, 360);* 20,360的意义和上面一样* 指定圆心坐标,相对于自己,值传入0.5,那么圆心的x坐标:真实X坐标 + iv宽度 * 0.5* 圆心的Y坐标:真实Y坐标 + iv高度 * 0.5RotateAnimation ra = new RotateAnimation(20, 360, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);*/ra.setDuration(2000);ra.setRepeatCount(1);ra.setRepeatMode(Animation.REVERSE);iv.startAnimation(ra);}//4种动画一起播放public void fly(View v){AnimationSet set = new AnimationSet(false);set.addAnimation(ta);set.addAnimation(sa);set.addAnimation(ra);set.addAnimation(aa);iv.startAnimation(set);}
}

属性动画

package com.itheima.objectanimator;
import android.os.Bundle;
import android.animation.Animator;
import android.animation.AnimatorInflater;
import android.animation.AnimatorSet;
import android.animation.ObjectAnimator;
import android.animation.ValueAnimator;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.animation.TranslateAnimation;
import android.widget.ImageView;
import android.widget.Toast;
/*#属性动画
* 补间动画,只是一个动画效果,组件其实还在原来的位置上,xy没有改变,属性动画是真的改变了组件的坐标和高宽等属性。
*/
public class MainActivity extends Activity {private ImageView iv;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);iv = (ImageView) findViewById(R.id.iv);iv.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {Toast.makeText(MainActivity.this, "点不到我", 0).show();}});}//平移public void translate(View v){
//        TranslateAnimation ta = new TranslateAnimation(0, 150, 0, 0);
//        ta.setDuration(2000);
//        ta.setFillAfter(true);
//        iv.startAnimation(ta);/*###位移:* 第一个参数target指定要显示动画的组件* 第二个参数propertyName指定要改变组件的哪个属性* 第三个参数values是可变参数,就是赋予属性的新的值* 传入0,代表x起始坐标:当前x + 0* 传入100,代表x终点坐标:当前x + 100//具有get、set方法的成员变量就称为属性ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "translationX", 0, 100) ;###可变参数* 第三个参数可变参数可以传入多个参数,可以实现往回位移(旋转、缩放、透明)ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "translationX", 0, 70, 30, 100) ;*///target:动画作用于哪个组件ObjectAnimator oa = ObjectAnimator.ofFloat(iv, "translationX", 10, 70, 20, 100);oa.setDuration(2000);oa.setRepeatCount(1);oa.setRepeatMode(ValueAnimator.REVERSE);oa.start();}public void scale(View v){/*###缩放:* 第三个参数指定缩放的比例* 0.1是从原本高度的十分之一开始* 2是到原本高度的2倍结束ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "scaleY", 0.1f, 2);*/ObjectAnimator oa = ObjectAnimator.ofFloat(iv, "scaleX", 1, 1.6f, 1.2f, 2);oa.setDuration(2000);oa.start();}public void alpha(View v){/*###透明:* 透明度,0是完全透明,1是完全不透明ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "alpha", 0.1f, 1);*/ObjectAnimator oa = ObjectAnimator.ofFloat(iv, "alpha", 0, 0.6f, 0.2f, 1);oa.setDuration(2000);oa.start();}public void rotate(View v){/*###旋转* rotation指定是顺时针旋转* 20是起始角度* 270是结束角度ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "rotation", 20, 270);* 属性指定为rotationX是竖直翻转* 属性指定为rotationY是水平翻转ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "rotationY", 20, 180)*/ObjectAnimator oa = ObjectAnimator.ofFloat(iv, "rotationY", 0, 180, 90, 360);oa.setDuration(2000);oa.setRepeatCount(1);oa.setRepeatMode(ValueAnimator.REVERSE);oa.start();}public void fly(View v){//创建动画师集合AnimatorSet set = new AnimatorSet();ObjectAnimator oa1 = ObjectAnimator.ofFloat(iv, "translationX", 10, 70, 20, 100);oa1.setDuration(2000);oa1.setRepeatCount(1);oa1.setRepeatMode(ValueAnimator.REVERSE);ObjectAnimator oa2 = ObjectAnimator.ofFloat(iv, "translationY", 10, 70, 20, 100);oa2.setDuration(2000);oa2.setRepeatCount(1);oa2.setRepeatMode(ValueAnimator.REVERSE);ObjectAnimator oa3 = ObjectAnimator.ofFloat(iv, "scaleX", 1, 1.6f, 1.2f, 2);oa3.setDuration(2000);oa3.setRepeatCount(1);oa3.setRepeatMode(ValueAnimator.REVERSE);ObjectAnimator oa4 = ObjectAnimator.ofFloat(iv, "rotation", 0, 180, 90, 360);oa4.setDuration(2000);oa4.setRepeatCount(1);oa4.setRepeatMode(ValueAnimator.REVERSE);//所有动画有先后顺序的播放
//        set.playSequentially(oa1, oa2, oa3, oa4);//所有动画一起播放set.playTogether(oa1, oa2, oa3, oa4);//设置要播放动画的组件set.setTarget(bt);set.start();}//xml文件定义属性动画public void xml(View v){Animator at = AnimatorInflater.loadAnimator(this, R.animator.objanimator);/*animator文件夹下的objanimator.xml<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android" ><objectAnimator android:propertyName="translationX"android:duration="200"android:repeatCount="1"android:repeatMode="reverse"android:valueFrom="-100"android:valueTo="100"></objectAnimator></set>*///设置作用于哪个组件
        at.setTarget(iv);at.start();}}

---
#动画
###帧动画
> 一张张图片不断的切换,形成动画效果(好处是节约资源)* 在drawable目录下定义xml文件,子节点为animation-list,在这里定义要显示的图片和每张图片的显示时长<animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="false"><item android:drawable="@drawable/g1" android:duration="200" /><item android:drawable="@drawable/g2" android:duration="200" /><item android:drawable="@drawable/g3" android:duration="200" /></animation-list>
* 在屏幕上播放帧动画ImageView iv = (ImageView) findViewById(R.id.iv);//把动画文件设置为imageView的背景
        iv.setBackgroundResource(R.drawable.animations);AnimationDrawable ad = (AnimationDrawable) iv.getBackground();//播放动画
        ad.start();###补间动画
* 原形态变成新形态时为了过渡变形过程,生成的动画就叫补间动画
* 位移、旋转、缩放、透明
#####位移:
* 参数10指的是X的起点坐标,但不是指屏幕x坐标为10的位置,而是imageview的 真实X + 10
* 参数150指的是X的终点坐标,它的值是imageview的 真实X + 150//创建为位移动画对象,设置动画的初始位置和结束位置TranslateAnimation ta = new TranslateAnimation(10, 150, 20, 140);
* x坐标的起点位置,如果相对于自己,传0.5f,那么起点坐标就是 真实X + 0.5 * iv宽度
* x坐标的终点位置,如果传入2,那么终点坐标就是 真实X + 2 * iv的宽度
* y坐标的起点位置,如果传入0.5f,那么起点坐标就是 真实Y + 0.5 * iv高度
* y坐标的终点位置,如果传入2,那么终点坐标就是 真实Y + 2 * iv高度TranslateAnimation ta = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 2, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 2);* 动画播放相关的设置//设置动画持续时间ta.setDuration(2000);//动画重复播放的次数ta.setRepeatCount(1);//动画重复播放的模式
        ta.setRepeatMode(Animation.REVERSE);//动画播放完毕后,组件停留在动画结束的位置上ta.setFillAfter(true);//播放动画
        iv.startAnimation(ta);
#####缩放:
* 参数0.1f表示动画的起始宽度是真实宽度的0.1倍
* 参数4表示动画的结束宽度是真实宽度的4倍
* 缩放的中心点在iv左上角ScaleAnimation sa = new ScaleAnimation(0.1f, 4, 0.1f, 4);
* 参数0.1f和4意义与上面相同
* 改变缩放的中心点:传入的两个0.5f,类型都是相对于自己,这两个参数改变了缩放的中心点
* 中心点x坐标 = 真实X + 0.5 * iv宽度
* 中心点Y坐标 = 真实Y + 0.5 * iv高度ScaleAnimation sa = new ScaleAnimation(0.1f, 4, 0.1f, 4, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
#####透明:
* 0为完全透明,1为完全不透明AlphaAnimation aa = new AlphaAnimation(0, 0.5f);#####旋转:
* 20表示动画开始时的iv的角度
* 360表示动画结束时iv的角度
* 默认旋转的圆心在iv左上角RotateAnimation ra = new RotateAnimation(20, 360);
* 20,360的意义和上面一样
* 指定圆心坐标,相对于自己,值传入0.5,那么圆心的x坐标:真实X坐标 + iv宽度 * 0.5
* 圆心的Y坐标:真实Y坐标 + iv高度 * 0.5RotateAnimation ra = new RotateAnimation(20, 360, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
#####所有动画一起飞//创建动画集合AnimationSet set = new AnimationSet(false);//往集合中添加动画set.addAnimation(aa);set.addAnimation(sa);set.addAnimation(ra);iv.startAnimation(set);

android104 帧动画,补间动画,属性动画相关推荐

  1. Android—逐帧、补间、属性动画

    1.Tween Animation 补间动画 这类动画比较简单,一般就是平移.缩放.旋转.透明度,或者其组合,可以用代码或者xml文件的形式,推荐使用xml文件形式,因为可以复用. 四个动画效果实现类 ...

  2. android 属性动画 补间动画,每日一道面试题(第7期)---Android补间动画与属性动画的区别...

    零零碎碎的东西总是记不长久,仅仅学习别人的文章也只是他人咀嚼后留下的残渣.无意中发现了这个每日一道面试题,想了想如果只是简单地去思考,那么不仅会收效甚微,甚至难一点的题目自己可能都懒得去想,坚持不下来 ...

  3. Android开发总结之动画(帧动画+补间动画)

    一.概述 动画的概念   动画的概念不同于一般意义上的动画片,动画是一种综合艺术,它是集合了绘画.漫画.电影.数字媒体.摄影.音乐.文学等众多艺术门类于一身的艺术表现形式.   动画的英文有很多表述, ...

  4. Android 安卓动画 补间动画 - 透明/渐变 动画

    补间动画之 透明/渐变 动画 实现效果:点击按钮后按钮从完全透明到不透明 补间动画概念:就是从一个画面过渡到另一个画面时让人看到中间动画效果! 动画 - 相关文章篇 帧动画 帧动画:  https:/ ...

  5. Android 安卓动画 补间动画 - 组合(四个动画) 动画

    补间动画之组合动画 - 介绍 顾名思义,就是四种动画(平移动画,旋转动画,缩放动画,渐变动画)一起实现效果,四种动画有着共同的属性,也有各自的特有属性,下面列出来的四种动画的共有属性 实现目标:点击按 ...

  6. Flash新手入门教程:动画补间和形状补间转

    Flash新手入门教程:动画补间和形状补间 2008-07-10 10:59:52  作者: 清风掠影  来源: 中国教程网论坛  浏览次数: 11930    评论 本文由 中国教程网 清风掠影 原 ...

  7. 初二计算机简单动画,浙教版八年级下册信息技术:第七课《简单的动画补间动画》教案...

    ID:10051834 分类: 全国 , 2019 资源大小:219KB 资料简介: 第七课<简单的动画补间动画> 课题 第六课  简单的动画补间动画 目标 1.通过设置舞台背景和角色,学 ...

  8. 【Android 属性动画】属性动画 Property Animation 简介 ( 属性动画简介 | 属性动画特性 )

    文章目录 一.属性动画简介 二.属性动画特性 一.属性动画简介 属性动画简介 : 1.动画制作框架 : 属性动画系统 , 允许你 将任何可变的操作制作成动画 , 其功能很强大 ; 2.基本功能 : 使 ...

  9. Android 之 动画合集之属性动画 -- 又见

    本节引言: 上节我们对Android的属性动画进行了初步的学习,相信大家对于属性动画已经不再是 一知半解的状态了,本节我们继续来探究Android属性动画的一些更高级的用法! 1.Evaluator自 ...

  10. 三种动画方式 帧动画 属性动画 补间动画

    1.帧动画  AnimationDrawable animationDrawable = new AnimationDrawable(); //添加动画 animationDrawable.addFr ...

最新文章

  1. 结队-结队编程项目贪吃蛇-项目进度
  2. opencv中resize函数
  3. UVa489 - Hangman Judge
  4. mysql的status状态说明
  5. MyBatis动态SQL小结
  6. 使用apache的HttpClient进行http通讯,隐藏的HTTP请求头部字段是如何自动被添加的
  7. 继承20161223
  8. 关于proxy模式下,@Transactional标签在创建代理对象时的应用
  9. python label显示图片_高大上的YOLOV3对象检测算法,使用python也可轻松实现
  10. azure机器学习_Azure机器学习中的预测
  11. Using SQLite database in your Windows 10 apps
  12. 三层架构之抽象工厂加反射mdash;mdash;实现数据库转换
  13. HCIE-RS面试--MAC地址漂移及应对
  14. Java QQ授权第三方登陆
  15. 【无标题】发的东方人
  16. 基于matlab的齿轮,基于matlab的故障齿轮分析.doc
  17. 【PTA 6-9】转换字符串中数字为整数
  18. STM32FXXX J-link下载程序说明
  19. Transformer详解(附代码)
  20. 位置型PID增量型PID调节直流电机

热门文章

  1. 使用vue-cli3创建项目的时候出错,ERROR command failed: npm install --loglevel error --registry
  2. 织梦dedecms模板--物流快递网站模板源码-带手机版数据同步
  3. 如何使用Vue集成其它UI组件?如何阅读UI官网?移动端组件Vant实例教程(熬夜干货)
  4. ring0和ring3的区别
  5. URL重写步骤 【有用】
  6. PHP+jQuery+MySql实现红蓝投票功能
  7. PHP 查看系统文件时间戳
  8. css hacks (ie6,ie7,ie8,firefox,Chrome)
  9. python——time模块实现指定时间触发器
  10. pythonの鉴黄之路(五)——强行解析json串