Android 动画

最新推荐文章于 2024-07-19 11:42:08 发布
最新推荐文章于 2024-07-19 11:42:08 发布
阅读量301 收藏
点赞数
分类专栏： android 动画 文章标签： 动画 android

一、Tween动画

         1、特点：
                   1.只是实现了简单的渐变，平移，拉伸，缩放；
                   2.Tween动画实现完成以后，该动画会恢复原状，自身属性并没有发生任何改变，动画的形成是通过父布局改变了其位置或渐变度，从而来改变其本身在短时间内的属性
                   3.此动画的形成是依赖于其父布局的，其属性没有发生任何改变
         2、在Tween动画中所有动画的父类是Animation。
         3、动画的渐变 
   
   
  1.     /**
  2.      * 渐变
  3.      */
  4.     private void alpin(){
  5.         /**
  6.          * 第一个参数:表示开始的透明度
  7.          * 第二个参数：表示结束的透明度
  8.          * 透明度的范围是0-1；1表示完全不透明；0表示完全透明
  9.          */
  10.         Animation animation=new AlphaAnimation(0,1);
  11.         animation.setDuration(3000);
  12.         //设置动画重复的次数
  13.         animation.setRepeatCount(5);
  14.         /**
  15.          * Animation.REVERSE:重复的时候进行反转
  16.          * Animation.RESTART:每次执行都重新开始
  17.          */
  18.         animation.setRepeatMode(Animation.RESTART);
  19.         animation.setAnimationListener(new Animation.AnimationListener() {
  20.             /**
  21.              * 动画开始执行的时候的一个回调
  22.              * @param animation
  23.              */
  24.             @Override
  25.             public void onAnimationStart(Animation animation) {
  27.             }
  29.             /**
  30.              * 动画结束的时候的一个回调
  31.              * @param animation
  32.              */
  33.             @Override
  34.             public void onAnimationEnd(Animation animation) {
  36.             }
  38.             /**
  39.              * 动画重复执行的时候的一个回调
  40.              * @param animation
  41.              */
  42.             @Override
  43.             public void onAnimationRepeat(Animation animation) {
  45.             }
  46.         });
  47.         mImageView.startAnimation(animation);
  48.     }
         4、动画的缩放 
   
   
  1.     /**
  2.      * 缩放
  3.      */
  4.     private void scale(){
  5.         //按照宽和高的倍数来进行缩放
  6.         //默认的缩放点是左上角
  7. //        Animation animation=new ScaleAnimation(0.5f,1,0.5f,1);
  8.         //后面的两个参数是像素，确定缩放点的坐标
  9. //        Animation animation=new ScaleAnimation(0,1,0,1,mImageView.getWidth()/2,mImageView.getHeight()/2);
  10.         //后面的四个参数是用来确定缩放点的坐标
  11.         Animation animation=new ScaleAnimation(0,1,0,1,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
  12.         animation.setDuration(3000);
  13.         animation.setRepeatCount(5);
  14.         animation.setRepeatMode(Animation.REVERSE);
  15.         mImageView.startAnimation(animation);
  16.     }
         5、动画的平移 
   
   
  1.     /**
  2.      *平移
  3.      */
  4.     private void traslate(){
  5.         /**
  6.          * 坐标0,0是以自身左上角定点的坐标为坐标点；移动的单位是像素。
  7.          */
  8. //        Animation animation=new TranslateAnimation(0,100,0,100);
  9.         /**
  10.          * 相对点的确定：
  11.          *      Animation.RELATIVE_TO_SELF：相对于自己
  12.          *      Animation.ABSOLUTE:相对于绝对点（很少用）
  13.          *      Animation.RELATIVE_TO_PARENT:相对于父容器
  14.          *
  15.          * 值的确定：
  16.          *      是以当前宽和该乘以倍数后所确定的坐标
  17.          */
  18.         Animation animation=new TranslateAnimation(Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,1f,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,1f);
  19.         animation.setDuration(2000);
  20.         animation.setRepeatMode(Animation.REVERSE);
  21.         animation.setRepeatCount(5);
  22.         mImageView.startAnimation(animation);
  23.     }
         6、动画的旋转 
   
   
  1.     /**
  2.      * 旋转
  3.      */
  4.     private void rotation(){
  5.         //默认的旋转点就是以左上角为旋转点
  6. //        Animation animation=new RotateAnimation(0,180);
  8.         //后面的两个参数表示的像素，确定的是旋转点的位置
  9. //        Animation animation=new RotateAnimation(0,180,mImageView.getWidth()/2,mImageView.getWidth()/2);
  11.         //后面的四个参数，都是为了确定的旋转点的位置，是按照宽和高的倍数来确定位置
  12.         Animation animation=new RotateAnimation(0,180,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
  13.         animation.setDuration(3000);
  14.         animation.setRepeatCount(5);
  15.         animation.setRepeatMode(Animation.REVERSE);
  16.         mImageView.startAnimation(animation);
  17.     }
         7、多动画同时执行
                   步骤：
                   1.获取一个AnimationSet对象；
                   2.定义一系列动画（一个或多个）；
                   3.将定义的动画添加到动画集中；
                   4.设置动画的参数（时间，循环次数，循环方式）；
                   5.使用View对象的startAnimation方法启动动画集； 
   
   
  1.     /**
  2.      * 多动画同时执行
  3.      */
  4.     private void manyAnima(){
  5.         Animation animation=new AlphaAnimation(0,1);
  6.         Animation animation1=new ScaleAnimation(0,1,0,1,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
  7.         Animation animation2=new RotateAnimation(0,360,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
  8.         AnimationSet animationSet=new AnimationSet(true);
  9.         animationSet.addAnimation(animation);
  10.         animationSet.addAnimation(animation1);
  11.         animationSet.addAnimation(animation2);
  12.         animationSet.setDuration(5000);
  13.         mImageView.startAnimation(animationSet);
  14.     }
         8、通过配置文件实现动画的步骤：
                   1.在res的目录下建立一个anim的文件夹；
                   2.在xml文件中配置相应的动画属性；
                   3.通过AnimationUtils的LoadAnimation()方法加载动画；
                   4.设置动画的相应属性；
                   5.运行动画。 
   
   
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android="http://schemas.android.com/apk/res/android">
  3.     <alpha
  4.         android:duration="5000"
  5.         android:fromAlpha="0"
  6.         android:toAlpha="1" />
  8. </set>
    
    
  1.     private void alpin1(){
  2.         Animation animation = AnimationUtils.loadAnimation(mContext, R.anim.animo_01);
  3.         mImageView.startAnimation(animation);
  4.     }
二、Frame动画
         使用的步骤：
         1.在res目录下右键-->new --> Android resource file -->填写名字，选择Drawable，将根节点给成animation-list -->OK；
         2.在创建的xml文件中配置一系列item； 
   
   
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <animation-list xmlns:android="http://schemas.android.com/apk/res/android">
  3.     <item android:drawable="@drawable/girl_1" android:duration="150"/>
  4.     <item android:drawable="@drawable/girl_2" android:duration="150"/>
  5.     <item android:drawable="@drawable/girl_3" android:duration="150"/>
  6.     <item android:drawable="@drawable/girl_4" android:duration="150"/>
  7.     <item android:drawable="@drawable/girl_5" android:duration="150"/>
  8.     <item android:drawable="@drawable/girl_6" android:duration="150"/>
  9.     <item android:drawable="@drawable/girl_7" android:duration="150"/>
  10.     <item android:drawable="@drawable/girl_8" android:duration="150"/>
  11.     <item android:drawable="@drawable/girl_9" android:duration="150"/>
  12.     <item android:drawable="@drawable/girl_10" android:duration="150"/>
  13.     <item android:drawable="@drawable/girl_11" android:duration="150"/>
  14. </animation-list>
         3.给需要帧动画的控件设置setBackgroundResource（R.drawable.frame_01）；
         4.通过当前对象.getBackground()获取其背景，强制类型转换成AnimationDrawable对象；
         5.通过animationDrawable.start（）直接运行帧动画； 
   
   
  1.     private void frameAnima(){
  2.         //设置内容，内容是帧动画的布局文件
  3.         mImageView1.setBackgroundResource(R.drawable.frame_01);
  4.         //获取当前控件的背景
  5.         AnimationDrawable animationDrawable = (AnimationDrawable) mImageView1.getBackground();
  6.         //打开帧动画
  7.         animationDrawable.start();
  8.     }
三、属性动画
         1、通过给定的时间间隔来完成属性的动态改变的动画；
         2、属性动画改变的是属性，只不过默认的情况下是匀速的改变当前对象的属性；
         3、属性动画的原理：
                   每次开始执行的时候都会首先通过调用当前对象的get属性名的方法获取当前的值，然后调用set方法来不断的进行设置对象的值，给定一个时间通过计算出每个单位时间所移动的距离，然后开始移动。
         4、属性动画的应用：
1.缩放 
   
   
  1.     /**
  2.      * 属性动画的缩放
  3.      */
  4.     private void scale(){
  5.         ObjectAnimator scaleX = ObjectAnimator.ofFloat(mImageView, "scaleX", 1, 0.5f);
  6.         ObjectAnimator scaleY = ObjectAnimator.ofFloat(mImageView, "scaleY", 1, 0.5f);
  7.         scaleX.setDuration(3000);
  8.         scaleY.setDuration(3000);
  9.         scaleX.start();
  10.         scaleY.start();
  11.     }
2.渐变 
   
   
  1.     /**
  2.      * 属性动画的渐变
  3.      */
  4.     private void alphi(){
  5.         ObjectAnimator alpha = ObjectAnimator.ofFloat(mImageView, "alpha", 1, 0.8f, 0.2f);
  6.         alpha.setDuration(3000);
  7.         alpha.setRepeatCount(5);
  8.         alpha.setRepeatMode(Animation.REVERSE);
  9.         alpha.start();
  10.     }
3.旋转 
   
   
  1.     /**
  2.      * 属性动画的旋转
  3.      */
  4.     private void rotation(){
  5.         ObjectAnimator rotation = ObjectAnimator.ofFloat(mImageView, "rotation", 0, 360);
  6.         rotation.setDuration(3000);
  7.         rotation.setRepeatCount(3);
  8.         rotation.setRepeatMode(Animation.REVERSE);
  9.         rotation.start();
  10.     }
4.平移 
   
   
  1.     /**
  2.      * 属性动画的平移
  3.      */
  4.     private void translate(){
  5.         ObjectAnimator translationX = ObjectAnimator.ofFloat(mImageView, "translationX", 0, 500);
  6.         ObjectAnimator translationY = ObjectAnimator.ofFloat(mImageView, "translationY", 0, 500);
  7.         translationX.setDuration(3000);
  8.         translationY.setDuration(3000);
  9.         translationX.setRepeatCount(5);
  10.         translationY.setRepeatCount(5);
  11.         translationX.setRepeatMode(Animation.REVERSE);
  12.         translationY.setRepeatMode(Animation.REVERSE);
  13.         translationX.start();
  14.         translationY.start();
  15.     }
5.多个动画同时执行 
   
   
  1.     /**
  2.      * 多动画同时执行
  3.      */
  4.     private void many(){
  5.         AnimatorSet animatorSet=new AnimatorSet();
  6.         ObjectAnimator translationX = ObjectAnimator.ofFloat(mImageView, "translationX", 0, 100);
  7.         translationX.setDuration(3000);
  8.         ObjectAnimator rotation = ObjectAnimator.ofFloat(mImageView, "rotation", 0, 360);
  9.         rotation.setDuration(3000);
  10.         ObjectAnimator scaleX = ObjectAnimator.ofFloat(mImageView, "scaleX", 1, 0.5f);
  11.         scaleX.setDuration(3000);
  12.         ObjectAnimator scaleY = ObjectAnimator.ofFloat(mImageView, "scaleY", 1, 0.5f);
  13.         scaleY.setDuration(3000);
  14.         //按照顺序执行
  15.        /* List<Animator> list=new ArrayList<>();
  16.         list.add(translationX);
  17.         list.add(rotation);
  18.         list.add(scaleX);
  19.         list.add(scaleY);
  20.         animatorSet.playSequentially(list);*/
  21.         animatorSet.playSequentially(translationX);
  22.         animatorSet.playSequentially(rotation);
  23.         animatorSet.playSequentially(scaleX);
  24.         animatorSet.playSequentially(scaleY);
  25.         animatorSet.start();
  26.     }
6.设置动画对象的宽度 
   
   
  1.     /**
  2.      * 因为这个属性是没有Set和Get方法的，所以我们需要通过封装一个类来提供Set和Get方法
  3.      */
  4.     private void setWidth(){
  5.        Wrapper wrapper=new Wrapper(mImageView);
  6.         ObjectAnimator.ofInt(wrapper,"width",0,500).setDuration(3000).start();
  7.     }
  8.     class Wrapper{
  9.         View target=null;
  10.         public Wrapper(View target){
  11.             this.target=target;
  12.         }
  13.         public int getWidth(){
  14.             return this.target.getLayoutParams().width;
  15.         }
  16.         public void setWidth(int width){
  17.             this.target.setLayoutParams(new LinearLayout.LayoutParams(width,target.getLayoutParams().height));
  18.         }
  19.     }
柳柳柳柳柳柳
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android动画
07-17
综上，Android动画系统提供了多种方式来实现各种动画效果，开发者可以根据需求选择合适的动画类型。无论是简单的视图移动，还是复杂的场景过渡，都能通过这些工具实现。同时，随着版本的更新，Android还提供了更多...
android 动画被父布局遮盖问题解决1
08-08
总之，解决Android动画被父布局遮盖的问题，关键在于理解和正确应用`android:clipChildren`和`android:clipToPadding`属性，以及在必要时使用`bringToFront()`方法。通过这些技术，我们可以创建出更加流畅、无遮挡的...
Android 动画详解
金戈鐡馬
02-28 4462
Android动画的分类与使用学习Android必不可少的就是动画的使用了，在Android版本迭代的过程中，出现了很多动画框架，这里做一个总结。Android动画类型分类逐帧动画【Frame Animation】，即顺序播放事先准备的图片。补间动画【Tween Animation】，View的动画效果可以实现简单的平移、缩放、旋转。属性动画【Property Animation】，补间动画增强版，支持对对象执行动画。
Android动画 补间动画
Android 领域开发程序员，希望通过写博客的方式不断的总结提升自己，大家共同进步哦！
12-08 1664
补间动画：属于Android中View动画的一种，就是涵盖了 平移、缩放、旋转 和 透明度四种变化的动画。实现方式有两种：xml文件 和 java代码。四种补间动画分别为、、、，他们的父类为Animation。
Android动画之帧动画
Android 领域开发程序员，希望通过写博客的方式不断的总结提升自己，大家共同进步哦！
11-18 5397
帧动画就是顺序播放一组预先定义好的图片，就类似于我们观看视频，就是一张一张的图片连续播放。当播放速度达到一定速度后，就会在视觉上看起来像视频播放一样。“人眼舒适放松时可视帧数是每秒24帧,集中精神时不超过30帧,眨眼时睁开眼瞬间可以捕捉到的帧数是30帧以上，为了性能优化，一般稍大于30帧就差不多了，当然，现在的手机，一般为60帧，又些可以开到120帧，每秒刷新120次，在界面切换和浏览各种界面时会流畅很多，当然带来的就是消耗更多的资源。
android 动画库
liubCS的博客
12-06 2831
1. Spruce(安卓动画库)（是一个轻量级的动画库，可以帮助排版屏幕上的动画。使用有很多不同的动画库时，开发人员需要确保每个视图都能够在适当的时间活动。） 2. Litho（是一个非常强大的框架，以声明的方式构建 UI。它由 Facebook 的开发者开发） 3. InfiniteCards（可自定义动效的卡片切换视图，该库有助于实现卡片 UI ，然后用一个漂亮的动画切换它们。） 4.. PasscodeView（一个你可以键入密码的 view） 5...
Android 动画分类
RosaSpSpring的博客
06-29 2296
Android 动画分类
android 动画中插值器Interpolator详解
muranfei的博客
06-29 3651
android 插值器
Android动画大合集
Hello CYC
06-25 9597
  android中的动画实现方式繁多，在项目中也经常用到动画，网上有很多人也都进行了一些总结，但是感觉还是零零散散，自己总结一下才能加深印象，以后有时间了，也可以从各个分类里进一步去补充完善。 如果喜欢看Google官方英文文档的，可以直接移步Animations and Transitions 一、View Animation 1、Tween Animation 补间动画 2、Fram...
Android动画分类与总结
HardProgrammer的博客
05-08 2654
前言 动画的使用 是Android开发中常用的知识 可是动画的种类繁多、使用复杂，每当需要采用自定义动画 实现 复杂的动画效果时，很多开发者就显得束手无策 本文将献上一份Android动画的全面介绍攻略，包括动画的种类、使用、原理等，能让你更好地掌握动画 从而实现更加复杂的动画效果 目录 1. 动画类型 Android动画分为两大类：视图动画 & 属性动画，具体如下： 其中，视图动画又分为：补间动画(Tween Animation) & 逐帧动画(Fram...
android 动画
04-20
android 动画 简单使用 property animation view animation（tween animation）drawable animation（frame animation）
分享一个可交互的小场景（二）
一起学习一起进步~
06-25 5611
再看代码： JS部分。
Android 一体机等root后的机器指令截屏
最新发布
csdn_zxw的博客
07-19 114
Android 一体机等root后的机器指令截屏
【16】Android基础知识之Window(二) - ViewRootImpl
mr_zengkun的博客
07-16 613
ViewRootImpl、WMS、绘制、硬件加速
【Android系统启动】 Android Zygote 进程启动流程源码解析
thirdbro的博客
07-17 619
在 userdebug 版本中，如果 persist.debug.dalvik.vm.jdwp.enabled 为 1，则所有应用均可使用 JDWP 和 ptrace 进行调试。题外话， 之前找zygote源码的时候，本来想直接通过进程名找这个模块的源码，结果发现根本没有zygote这个名字的命令。通过命令查找到对应的进程目录发现，原来的进程的名字当时编译为。通过上面传下来的参数，“com.android.internal.os.ZygoteInit”，可以得知Java层的包名，以此找到Java代码。
基于android的购物APP系统设计与实现
qq_251836457的博客
07-16 1371
在界面的下半部分，根据用户点击的选项卡，显示被选中的品牌该类的商品信息，显示的信息主要是商品的名称，商品的图片，商品的价格以及商品的部分简介。现在，忽然要毕业了，心中还是有诸多不舍，不舍美丽的校园，，不舍敬业的老师，不舍可爱的同学，不舍藏书丰富的又玄图书馆，不舍食堂可口的饭菜，太多太多，但是作为一个人就要做那个年龄段该做的事，我会用学习带来的知识，品格践行到工作，践行到生活，践行到方方面面，做一个有所用的人。经过这一段时间的努力，终于把毕业设计做完了，虽然说不上完美，但毕竟是我的心血。
PHP基础语法
红客网络编程与渗透技术
07-15 255
下面，我们提供了一个简单的 PHP 文件实例，它可以向浏览器输出文本 "Hello World!PHP 中的每个代码行都必须以分号结束。分号是一种分隔符，用于把指令集区分开来。通过 PHP，有两种在浏览器输出文本的基础指令：echo 和 print。PHP 脚本在服务器上执行，然后将纯 HTML 结果发送回浏览器。PHP 文件通常包含 HTML 标签和一些 PHP 脚本代码。PHP 脚本以
深入解析Android动画机制：补间、属性、帧动画源码分析
"Android 动画机制包括补间动画、属性动画和帧动画，涵盖了从早期的View Animation到...Android动画机制为开发者提供了丰富的工具，能够创建出各种复杂的交互效果。理解并掌握这些机制，将有助于提升应用的用户体验。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值