Android 三种动画详解及简单实例

发布时间 - 2026-01-11 00:42:04    点击率:

Android 三种动画详解

帧动画

一张张图片不断的切换,形成动画效果

在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();

补间动画

  • 原形态变成新形态时为了过渡变形过程,生成的动画就叫补间动画,补间动画,只是一个动画效果,组件其实还在原来的位置上,xy没有改变
  • 位移、旋转、缩放、透明

位移:

  • 参数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);
  1. 20,360的意义和上面一样
  2. 指定圆心坐标,相对于自己,值传入0.5,那么圆心的x坐标:真实X + iv宽度 * 0.5
  3. 圆心的Y坐标:真实Y + iv高度 * 0.5
RotateAnimation 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);

属性动画

位移:

  1. 第一个参数target指定要显示动画的组件
  2. 第二个参数propertyName指定要改变组件的哪个属性
  3. 第三个参数values是可变参数,就是赋予属性的新的值
  4. 传入0,代表x起始坐标:当前x + 0
  5. 传入100,代表x终点坐标:当前x + 100
//具有get、set方法的成员变量就称为属性
ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "translationX", 0, 100) ;

缩放:

  • 第三个参数指定缩放的比例
  • 0.1是从原本高度的十分之一开始
  • 2是到原本高度的2倍结束
ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "scaleY", 0.1f, 2);

透明:

透明度,0是完全透明,1是完全不透明

ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "alpha", 0.1f, 1);

旋转

  1. rotation指定是顺时针旋转
  2. 20是起始角度
  3. 270是结束角度
ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "rotation", 20, 270);
  1. 属性指定为rotationX是竖直翻转
  2. 属性指定为rotationY是水平翻转
ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "rotationY", 20, 180);

可变参数

第三个参数可变参数可以传入多个参数,可以实现往回位移(旋转、缩放、透明)

ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "translationX", 0, 70, 30, 100) ;

所有动画一起飞       

     //创建动画师集合
    AnimatorSet set = new AnimatorSet();
    //设置要播放动画的组件
    set.setTarget(bt);
    //所有动画有先后顺序的播放
    //set.playSequentially(oa, oa2, oa3, oa4);
    //所有动画一起播放
    set.playTogether(oa, oa2, oa3, oa4);
    set.start();

 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!


# Android  # 动画  # 动画详解  # 动画实现实例  # 三款Android炫酷Loading动画组件推荐  # Android实现Activity界面切换添加动画特效的方法  # Android 使用XML做动画UI的深入解析  # Android Tween动画之RotateAnimation实现图片不停旋转效果实例介绍  # Android动画之逐帧动画(Frame Animation)实例详解  # Android系统联系人全特效实现(上)分组导航和挤压动画(附源码)  # Android启动画面的实现方法  # Android开发之图形图像与动画(一)Paint和Canvas类学习  # Android开发之图形图像与动画(二)Animation实现图像的渐变/缩放/位移/旋转  # 中心点  # 第三个  # 相对于  # 指的是  # 画一  # 不透明  # 都是  # 在这里  # 第一个  # 还在  # 多个  # 是指  # 是从  # 这两个  # 希望能  # 第二个  # 三种  # 可以实现  # 只是一个  # 谢谢大家 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: html文件怎么打开证书错误_https协议的html打开提示不安全【指南】  如何在Windows虚拟主机上快速搭建网站?  详解jQuery停止动画——stop()方法的使用  如何基于PHP生成高效IDC网络公司建站源码?  如何在阿里云虚拟服务器快速搭建网站?  HTML5建模怎么导出为FBX格式_FBX格式兼容性及导出步骤【指南】  独立制作一个网站多少钱,建立网站需要花多少钱?  Python文件操作最佳实践_稳定性说明【指导】  jQuery validate插件功能与用法详解  移动端手机网站制作软件,掌上时代,移动端网站的谷歌SEO该如何做?  Laravel Eloquent关联是什么_Laravel模型一对一与一对多关系精讲  Laravel怎么使用Intervention Image库处理图片上传和缩放  网站制作报价单模板图片,小松挖机官方网站报价?  Win11怎么恢复误删照片_Win11数据恢复工具使用【推荐】  如何在建站之星绑定自定义域名?  如何在腾讯云服务器上快速搭建个人网站?  胶州企业网站制作公司,青岛石头网络科技有限公司怎么样?  Laravel distinct去重查询_Laravel Eloquent去重方法  小视频制作网站有哪些,有什么看国内小视频的网站,求推荐?  Laravel如何为API编写文档_Laravel API文档生成与维护方法  利用vue写todolist单页应用  如何在服务器上三步完成建站并提升流量?  夸克浏览器网页跳转延迟怎么办 夸克浏览器跳转优化  Windows10如何更改计算机工作组_Win10系统属性修改Workgroup  Win11怎么关闭资讯和兴趣_Windows11任务栏设置隐藏小组件  如何制作新型网站程序文件,新型止水鱼鳞网要拆除吗?  如何彻底卸载建站之星软件?  Laravel怎么处理异常_Laravel自定义异常处理与错误页面教程  如何获取免费开源的自助建站系统源码?  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱?  如何在Windows服务器上快速搭建网站?  如何确保FTP站点访问权限与数据传输安全?  如何为不同团队 ID 动态生成多个非值班状态按钮  java中使用zxing批量生成二维码立牌  谷歌浏览器下载文件时中断怎么办 Google Chrome下载管理修复  html5源代码发行怎么设置权限_访问权限控制方法与实践【指南】  高端建站如何打造兼具美学与转化的品牌官网?  微信小程序 wx.uploadFile无法上传解决办法  ChatGPT 4.0官网入口地址 ChatGPT在线体验官网  laravel怎么通过契约(Contracts)编程_laravel契约(Contracts)编程方法  Laravel Blade组件怎么用_Laravel可复用视图组件的创建与使用  网站制作大概要多少钱一个,做一个平台网站大概多少钱?  绝密ChatGPT指令:手把手教你生成HR无法拒绝的求职信  Laravel的路由模型绑定怎么用_Laravel Route Model Binding简化控制器逻辑  Laravel如何获取当前登录用户信息_Laravel Auth门面使用与Session用户读取【技巧】  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站?  打开php文件提示内存不足_怎么调整php内存限制【解决方案】  米侠浏览器网页背景异常怎么办 米侠显示修复  弹幕视频网站制作教程下载,弹幕视频网站是什么意思?  详解jQuery中的事件