基础动画-（3）-Interceptor

最新推荐文章于 2023-06-08 14:00:23 发布
最新推荐文章于 2023-06-08 14:00:23 发布
阅读量988 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011889786/article/details/49721449
版权

http://blog.csdn.net/harvic880925/article/details/40049763   摘自这里，做了自己的修改，感谢大神大笑


一、概述

Interpolator属性是Animation类的一个XML属性，所以alpha、scale、rotate、translate、set都会继承得到这个属性。Interpolator被译为插值器，可以理解为就像小霸王游戏机一样（插不同的卡玩不同的游戏），这里就相当于同样的坐标，用不同的效果去实现

Interpolator的系统值有下面几个：


意义如下：

  • AccelerateDecelerateInterpolator   先加速后减速
  • AccelerateInterpolator                     一直加速
  • AnticipateInterpolator                      开始的时候会在初始位置后退一点，然后加速到目标位置
  • AnticipateOvershootInterpolator     开始的时候会在初始位置后退一点，然后加速超过目标位置一点，然后返回目标位置
  • BounceInterpolator                          动画以弹弹的形式到目标位置（具体效果可以往下看）
  • CycleInterpolator                            动画循环播放特定的次数，速率改变沿着正弦曲线（在Tran中是指定偏移量正反运动（详情看效果））
  • DecelerateInterpolator                     减速到达目标位置
  • LinearInterpolator                            以线性速度改变（说白了就是匀速）
  • OvershootInterpolator                      超过目标位置一点，然后回到目标位置


二、translate标签

下面先看看translate标签应用插值器后，都会变成什么样。

把控件从（0，0）平移到（-200，-200）的位置，保持结束时状态不变，使用不同插值器 

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"
    android:fromXDelta="0"   
    android:toXDelta="0"
    android:fromYDelta="0"  
    android:toYDelta="280"
    android:duration="2000"  
    android:fillAfter="true"
/>

AccelerateDecelerateInterpolator   先加速后减速



                   AccelerateInterpolator                                                 DecelerateInterpolator                    

在动画开始的地方速率改变比较慢，然后开始加速                   在动画开始的地方快然后慢

           

            AnticipateInterpolator                                           AnticipateOvershootInterpolator 

      开始的时候向后然后向前甩                               开始的时候向后然后向前甩一定值后返回最后的值

  

             BounceInterpolator                                                     CycleInterpolator       

            动画结束的时候弹起                             这里在指定偏移量正反偏移（本来指定向下偏移50），现在是上下偏移50

   

                        LinearInterpolator                                  OvershootInterpolator  

<span style="white-space:pre">							</span><translate xmlns:android="http://schemas.android.com/apk/res/android"
    <span style="white-space:pre">								</span>android:interpolator="@android:anim/cycle_interpolator"
   <span style="white-space:pre">					</span> <span style="white-space:pre">			</span>android:fromXDelta="0"   
   <span style="white-space:pre">					</span> <span style="white-space:pre">			</span>android:toXDelta="0"
   <span style="white-space:pre">					</span> <span style="white-space:pre">			</span>android:fromYDelta="0"  
   <span style="white-space:pre">					</span> <span style="white-space:pre">			</span>android:toYDelta="50"
    <span style="white-space:pre">								</span>android:duration="2000"
   <span style="white-space:pre">								</span>android:fillAfter="true"
<span style="white-space:pre">							</span>/>


                      以常量速率改变                                向前甩一定值后再回到原来位置

  

三、scale标签

下面先看看Scale标签应用插值器后，都会变成什么样。

<?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"
    android:fromXScale="0.0"
    android:toXScale="1.4"
    android:fromYScale="0.0"
    android:toYScale="1.4"
    android:pivotX="50%"
    android:pivotY="50%"
    android:duration="2000"
    android:fillAfter="false"
    android:repeatMode="reverse"
/>


AccelerateDecelerateInterpolator   先加速后减速


                   AccelerateInterpolator                                                 DecelerateInterpolator                    

在动画开始的地方速率改变比较慢，然后开始加速                   在动画开始的地方快然后慢

     

            AnticipateInterpolator                                            AnticipateOvershootInterpolator 

      这里开始是先缩到很小然后放大                                

   =

             BounceInterpolator                                                      CycleInterpolator       

                                  注意这里字都变反了

   

                        LinearInterpolator                                 OvershootInterpolator  

                      以常量速率改变                              

   

三、rotate标签

下面先看看rotate标签应用插值器后，都会变成什么样。

先看下XML代码：（从控件中心点，从0放大到1.4倍，保持结束时的状态）

[html]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <rotate xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:interpolator="@android:anim/accelerate_decelerate_interpolator"  
  4.     android:fromDegrees="0"  
  5.     android:toDegrees="360"  
  6.     android:pivotX="50%"  
  7.     android:pivotY="50%"  
  8.     android:duration="700"   
  9.     android:fillAfter="true"  
  10. />  

下面一个个看看，每个xml值对应的scale动画是怎样的。

AccelerateDecelerateInterpolator   先加速后减速


                   AccelerateInterpolator                                                 DecelerateInterpolator                    

在动画开始的地方速率改变比较慢，然后开始加速                   在动画开始的地方快然后慢

     

            AnticipateInterpolator                                            AnticipateOvershootInterpolator 

      开始的时候向后然后向前甩                                     开始的时候向后然后向前甩一定值后返回最后的值

   =

             BounceInterpolator                                                      CycleInterpolator       

            动画结束的时候弹起                             动画循环播放特定的次数，速率改变沿着正弦曲线

   

                        LinearInterpolator                                  OvershootInterpolator  

                      以常量速率改变                                向前甩一定值后再回到原来位置

   


四、alpha标签

下面先看看alpha标签应用插值器后，都会变成什么样。

将透明度从0变成1.0，使用不同的插值器看看有什么不同（因为只是透明度的变化，所以基本看不出来有什么不同）

[html]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <alpha xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:interpolator="@android:anim/accelerate_decelerate_interpolator"  
  4.     android:fromAlpha="0.0"  
  5.     android:toAlpha="1.0"  
  6.     android:duration="3000"   
  7.     android:fillAfter="true"  
  8. />  
AccelerateDecelerateInterpolator   在动画开始与介绍的地方速率改变比较慢，在中间的时候加速

                   AccelerateInterpolator                                                 DecelerateInterpolator                    

在动画开始的地方速率改变比较慢，然后开始加速                   在动画开始的地方快然后慢

   

            AnticipateInterpolator                                            AnticipateOvershootInterpolator 

      开始的时候向后然后向前甩                                开始的时候向后然后向前甩一定值后返回最后的值

   

             BounceInterpolator                                                      CycleInterpolator       

            动画结束的时候弹起                             动画循环播放特定的次数，速率改变沿着正弦曲线

   

                        LinearInterpolator                                   OvershootInterpolator  

                      以常量速率改变                                 向前甩一定值后再回到原来位置

   


源码下载



dx我是大雄
关注
我对jeecg-boot项目的理解、使用心得和改进建议
zhengun的专栏
06-22 6731
jeecg-boot是什么？ 官方介绍 JeecgBoot 是一款基于代码生成器的低代码开发平台，零代码开发！采用前后端分离架构：SpringBoot2.x，Ant Design&Vue，Mybatis-plus，Shiro，JWT。强大的代码生成器让前后端代码一键生成，无需写任何代码! JeecgBoot引领新的开发模式(Online Coding模式-> 代码生成器模式-> 手工MERGE智能开发)， 帮助解决Java项目70%的重复工作，让开发更多关注业务逻辑。既能快速提高
前端面试题--vue
weixin_44501366的博客
10-17 5048
每个组件都是 Vue 的实例。组件共享 data 属性，当 data 的值是同一个引用类型的值时，改变其中一 个会影响其他.Less的简单使用（一）——变量的用法Less是css的扩展，Less不仅与CSS向后兼容，而且它添加的其他功能都使用现有的CSS语法。变量一、变量正常用法（variables）在一个位置控制常用值.less文件中} **
本示例为自定义动画渲染器 Interceptor
10-13
本示例为 自定义动画渲染器 Interceptor 详情请参见: http://blog.csdn.net/aduovip/article/details/12646633
自定义动画渲染器 Interceptor
daozhongyang的专栏
10-12 1835
android 有 系统的动画渲染器, 实际上也可以实现自定义的动画渲染器。 要实现动画渲染器， 需要实现 android.vidw.animation.Interpolator 接口，这里以实现一个可以来回弹跳的动画渲染器 public class CustomInterceptor implements Interpolator { @Override public float get
Android 动画监听器
weixin_33923148的博客
08-15 196
Android 动画监听器 publicclassHomeAnimationListenerimplementsAnimationListener{/***leftorrigth*/privateintflag;privateViewGroupanimView;public...
【Android】三种拦截器
yuan1244487110的博客
11-21 938
添加即可 class LoggingInterceptor implements Interceptor { @Override public Response intercept(Interceptor.Chain chain) throws IOException { //拿到Request对象 Request request = chain.request(); ...
Android中的Animation（动画）
项海涛的个人随笔
09-22 1216
概要： Android中动画的类型： 1.View Animation 视图动画 (应用在view中的一种动画)•tween animation 补间动画 (在anim目录中创建:四种+set) •frame animation 帧动画 (drawable目录下创建的一个animation-list元素) 2.Property Animation 属性动画 ( after jdk 3.0)详细
撸一款Flutter版微信
08-10
Flutter的http包可以实现基础的HTTP请求，更复杂的情况下，可以使用dio或http_interceptor等库。 6. **WebSocket通信**：为了实现实时聊天功能，我们需要使用WebSocket协议进行持久连接。WebSocket在Flutter中可以...
uniapp学习-uView的使用
m0_60480510的博客
06-20 5205
uView的配置和http请求封装
Java学习笔记-个人整理的
12-19
{1}Java基础}{17}{chapter.1} {1.1}基本语法}{17}{section.1.1} {1.2}数字表达方式}{17}{section.1.2} {1.3}补码}{19}{section.1.3} {1.3.1}总结}{23}{subsection.1.3.1} {1.4}数据类型}{23}{section.1.4} {...
Android中的Animation（动画）详解及简单使用_项海涛
tarena_3G的博客
10-12 859
概要：Android中动画的类型：1.View Animation 视图动画 (应用在view中的一种动画)•tween animation 补间动画 (在anim目录中创建:四种+set) •frame animation 帧动画 (drawable目录下创建的一个animation-list元素) 2.Property Animation 属性动画 ( after jdk 3.0)详细使用：1.
Android属性动画（二）—— 插值器和估值器
Marck的博客
04-28 1780
一、概述 本篇文章续接Android属性动画(一)，介绍属性动画中非常重要的两个部分：插值器（Interpolator）和估值器（TypeEvaluator）。它们在属性动画中分别用于动画随时间流逝的变化规律和定义从初始值过渡到结束值的计算规则，本文结构如下： 插值器（Interpolator）的介绍和使用 估值器（TypeEvaluator）的介绍和使用 二、插值器Interpolator...
android 拦截器 跳转页面,GitHub - zjxckangkang/ht-universalrouter-android: HT Universal Router是一种基于注解的Androi...
weixin_42494742的博客
05-28 433
HT Universal Router页面管理框架HT Universal Router是一种基于注解的Android页面管理框架，通过URL进行页面跳转管理，同时可以设置进入及退出动画，并提供页面降级及跳转拦截和重定向功能。基本功能通过URL进行Activity之间跳转参数传递 (复杂类型参数传递)进入退出动画资源自定义页面降级 (注: 降级指的是Native无法匹配的URL可以转为通过Webv...
Android 图片弹跳动画2
gesanri的专栏
06-09 4425
在上一篇博文Android 图片弹跳动画里，我用两种方法实现了一个弹跳的动画，实现效果上篇博文里面有，这里就不再贴了，虽说是两种方法，但实现机制是大同小异，核心思想就是递归的不断启动动画，来实现View的上升和下降，后来发现还有另一种方法，不需要递归的去启动多个动画，只需要启动一个动画即可。 这里核心思想是自定义Interpolator，也就是插值器，关于插值器是什么网上有很多详细的介绍
关于html页面拦截器权限控制
热门推荐
小飞侠的博客
05-26 1万+
最近项目中比较喜欢在前端用html，这样直接把页面贴进去方便好多，并且html响应也比较快，但是对于html权限这块，应用拦截器可以很简单的实现。        直接贴代码 public class MyInterceptor implements HandlerInterceptor { private Logger logger=Logger.getLogger(MyIntercepto
wkhtmltox使用（html转pdf或图片）
qq_25775675的博客
02-23 5844
html转PDF //wkhtmltopdf在系统中的路径 private static final String toPdfTool = "D:\\Downloads\\wkhtmltox-0.12.6-1.mxe-cross-win64\\wkhtmltox\\bin\\wkhtmltopdf.exe"; private static final String toImgTool = "D:\\Downloads\\wkhtmltox-0.12.6-1.mxe-cross-win64\
拦截器（interceptor）
互联网底层民工的博客
06-08 7082
*** 控制层执行器方法前的拦截器* @returnSystem . out . println("我是控制层执行器方法前的拦截器");//校验用户是否登录 HttpSession session = request . getSession();if(pname!= null) {//当前用户已经登录，放行 return true;} else {
Android 设置动画变化的速率
「程序员飞飞」的博客
11-18 7229
Android 设置动画变化的速率 我们知道 Android 的动画有视图动画，属性动画，帧动画等等，对于视图动画我们是可以设置动画的变化速率的，有加速，减速，先加速再减速…等等各种变化速率的效果。对于视图动画，创建动画有两种方式，一种是在 xml 文件中创建，另一种是在代码中创建，因此对应的设置动画变化速率也有两种方式。 一、xml 中设置动画的变化速率 1.设置动画为加速动画(动画播放中越来越...
关于Android动画插值器的简单介绍以及如何自定义自己的插值器
朱玉强的博客
03-23 5144
本篇博客介绍如何使用Android动画的差值，以及如何自定义自己的插值器。在Android中既可以通过在xml中为相应的动画设置插值器也可以通过java代码设置动画插值器，在android动画中，如果没有为动画指定插值器，则系统会默认设置为加速度插值器，具体的可以看一下代码上的实现。Android系统一共提供了9种差值器。下面我们来挨个看一下。
postman-interceptor1.1.2
最新发布
06-20
Postman Interceptor 1.1.2是Postman API测试工具中的一款插件，它可以帮助用户将Postman发送的请求转发到浏览器的开发工具中。 简单来说，当用户使用Postman发送请求时，它会将请求发送到Postman Interceptor插件...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值