博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
android 属性动画
阅读量:6160 次
发布时间:2019-06-21

本文共 8669 字,大约阅读时间需要 28 分钟。

一直再追郭霖的博客和imooc上的一些新的视频,最近有讲到属性动画。

以下内容为博客学习以及imooc上视频资料的学习笔记:

在3.0之前比较常见的动画为tween动画和frame动画:

tween动画:就是对场景里的对象不断的进行图像变化来产生动画效果(旋转、平移、放缩和渐变);

frame动画:即顺序的播放事先做好的图像,与gif图片原理类似,也类似电影效果。

 

在3.0以后除了支持以上两种动画以外,还增加了一个新的动画:

property animation----属性动画。

传统的animation动画,旧的animation只适合显示效果,不适合交互动画

TranslateAnimation 位移动画

虽然Imageview可以移动,但是移动后的imageview无法单击,而在旧的位置可以单击,这就是旧的animation的效果。

ofFloat第一个参数为要操控的控件,第二个为要操作的属性,第三个以及第四个为操作的范围。

setDuration为操作的时间长度。

属性动画在移动后的控件位置点击可以toast.

 

实现控件旋转360度。

 

多个属性动画的使用:

 PropertyValuesHolder:来控制多个属性的共同作用:

 多个属性动画效果:palyTogether

按照顺序进行动画播放:playSequentially

 

动画监听事件:

另外一种添加事件的监听:

 

有层次的动画显示风格:

setStartDelay()设置延迟时间的属性

插值器:

setInterpolator(new BounceInterpolator());


ValueAnimator:

 ObjectAnimator 继承自ValueAnimator,用来产生一定规律的数字,从而控制动画的实现过程。

 AnimatorUpdateListener用来监听数值的变换。

五秒内button上的内容从1到100:

通过对数值的处理进行动画效果的处理


常用属性:

translationX ,translationY----偏移距离,作为一种增量控制view从布局左上角开始的位置。

rotation , rotationX ,rotationY,----水平或者竖直方向旋转动画,围绕支点进行2D或者3D旋转。

scaleX,scaleY----X方向,Y方向的缩放动画,2D缩放。

pivotX,pivotY--view对象支点位置,围绕该支点进行旋转和缩放变换操作。

x和Y,--view对象最终位置,起始位置为左上角坐标+偏移距离。

alpha:透明度,1不透明,0,完全透明。

 

X,Y,移动到具体那个坐标

alpha 透明度

 

常用的方法和类:

ValueAnimator----数值发生器

ObjectAnimator----ValueAnimator子类

AnimatorUpdateListener---动画监听事件

AnimatorListenerAdapter

PropertyValuesHolder

AnimatorSet----动画集合,即可以同时对一个对象应用几个动画,这些动画可以同时播放也可以对不同动画设置不同开始偏移

TypeEvaluators----根据属性的开始、结束值与TimeInterpolation计算出的因子计算出当前时间的属性值

Interplators

 

nterplators图解:

    AccelerateInterpolator          加速,开始时慢中间加速

    DecelerateInterpolator         减速,开始时快然后减速

    AccelerateDecelerateInterolator    先加速后减速,开始结束时慢,中间加速

    AnticipateInterpolator        反向 ,先向相反方向改变一段再加速播放

    AnticipateOvershootInterpolator    反向加回弹,先向相反方向改变,再加速播放,会超出目的值然后缓慢移动   至目的值

    BounceInterpolator         跳跃,快到目的值时值会跳跃,如目的值100,后面的值可能依次为85,77,70,80,90,100

    CycleIinterpolator         循环,动画循环一定次数,值的改变为一正弦函数:Math.sin(2 * mCycles * Math.PI * input)

    LinearInterpolator         线性,线性均匀改变

    OvershottInterpolator        回弹,最后超出目的值然后缓慢改变到目的值

    TimeInterpolator           一个接口,允许你自定义interpolator,以上几个都是实现了这个接口

来源: <>

相关进阶资料:

:http://blog.csdn.net/new_abc/article/details/40143091


 

在xml中使用属性动画,下面几篇文章讲的非常之详细

加载布局里面的动画:

首先anim文件夹下面定义动画,比如:

 R.anim.rotate_one.xml

BasicXMLAnimationActivity.java文件中调用
package com.example.viewanimation.basic;import android.app.Activity;import android.os.Bundle;import android.view.View;import android.view.View.OnClickListener;import android.view.animation.Animation;import android.view.animation.AnimationUtils;import com.example.helloanimation.R;public class BasicXMLAnimationActivity extends Activity {    private Animation mTurnupAnimation;    private Animation mTurndownAnimation;    private Animation mTranslateAnimationOne;    private Animation mTranslateAnimationTwo;    private Animation mAlphaAnimationSet;    private Animation mScaleAnimation;    private View mStartButton = null;    private View mTargetView = null;    private int mStateId = 0;    private int mStateCount = 6;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.basic_view_animation);        initAnimations();        mStartButton = findViewById(R.id.startButton);        mStartButton.setOnClickListener(new OnClickListener() {            @Override            public void onClick(View v) {                playAnimations();            }        });        mTargetView = findViewById(R.id.target);    }    private void initAnimations() {        mTurnupAnimation = AnimationUtils                .loadAnimation(this, R.anim.rotate_one);        mTurndownAnimation = AnimationUtils.loadAnimation(this,                R.anim.rotate_two);        mTranslateAnimationOne = AnimationUtils.loadAnimation(this,                R.anim.translate_one);        mTranslateAnimationTwo = AnimationUtils.loadAnimation(this,                R.anim.translate_two);        mAlphaAnimationSet = AnimationUtils.loadAnimation(this,                R.anim.alpha_ani_set);        mScaleAnimation = AnimationUtils.loadAnimation(this, R.anim.scale_one);    }    private void playAnimations() {        switch (mStateId) {        case 0:            mTargetView.startAnimation(mTurndownAnimation);            break;        case 1:            mTargetView.startAnimation(mTurnupAnimation);            break;        case 2:            mTargetView.startAnimation(mTranslateAnimationOne);            break;        case 3:            mTargetView.startAnimation(mTranslateAnimationTwo);            break;        case 4:            mTargetView.startAnimation(mAlphaAnimationSet);            break;        case 5:            mTargetView.startAnimation(mScaleAnimation);            break;        default:            break;        }        mStateId = (++mStateId) % mStateCount;    }}

 


 

android 布局动画

 对ViewGroup中的View改变进行动画显示

代码中使用:

private ViewGroup mContainerView;...private void addItem() {    View newView;    ...    mContainerView.addView(newView, 0);}

生成transition对象:

mTransitioner = new LayoutTransition(); container.setLayoutTransition(mTransitioner);

为transition添加动画:

ObjectAnimator animIn = ObjectAnimator.ofFloat(null, "rotationY", 90f,                0f).setDuration(                mTransitioner.getDuration(LayoutTransition.APPEARING));        mTransitioner.setAnimator(LayoutTransition.APPEARING, animIn);        animIn.addListener(new AnimatorListenerAdapter() {            public void onAnimationEnd(Animator anim) {                View view = (View) ((ObjectAnimator) anim).getTarget();                view.setRotationY(0f);            }        });

 属性动画之插值器

属性动画之插值器

定义:定义动画变换效率,控制目标变量的变化值进行对应的变化,同样,一个动画变换起始值,在不同的插值器作用下,每个单位时间内所达到的变量值不同。

下面举例子说明:

动画是放大缩小的动画,通过scale动画来控制,首先在anim里面定义动画的xml文件:

scaleanim_decelerate.xml

 

插值器使用decelerate_interpolator插值器,( 减速,开始时快然后减速)也就是说如下方式的动画:
java代码里面调用:
1,首先获取动画的对象;
Animation decelerateAnim = AnimationUtils.loadAnimation(this, R.anim.scaleanim_decelerate);

 

2,在合适的地方进行调用:
tv.startAnimation(decelerateAnim);  

RotateAnimation、ScaleAnimation、TranslateAnimation都存在一对pivotXType,pivotYType参数,

它们是用来指定点的参照类型,使用int类型以静态常量的形式定义在Animation中。

ABSOLUTE:以绝对坐标为参照。

RELATIVE_TO_PARENT:以父容器为参照。
RELATIVE_TO_SELF:以当前容器为参照。

 

在使用XML定义动画资源的时候,没有关于pivotXType、pivotYType两个属性,其实它们结合到了设定点的坐标中中,以 pivotXValue、pivotYValue两个属性替代,其中如果需要设定为父容器为参照,需要在属性值后面加"p"即可。   
 
插值器xml文件里面属性意义:
    浮点型值:
      fromXScale 属性为动画起始时 X坐标上的伸缩尺寸    
      toXScale   属性为动画结束时 X坐标上的伸缩尺寸     
      fromYScale 属性为动画起始时Y坐标上的伸缩尺寸    
      toYScale   属性为动画结束时Y坐标上的伸缩尺寸    
      说明:
      以上四种属性值    
      0.0表示收缩到没有 
      1.0表示正常无伸缩     
      值小于1.0表示收缩  
      值大于1.0表示放大 
      pivotX     属性为动画相对于物件的X坐标的开始位置(坐标原点X点坐标)
      pivotY     属性为动画相对于物件的Y坐标的开始位置(坐标原点Y点坐标)
      说明:
      以上两个属性值 从0%-100%中取值
      50%为物件的X或Y方向坐标上的中点位置
      长整型值:
      duration  属性为动画持续时间
      说明:   时间以毫秒为单位
 
      布尔型值:
      fillAfter 属性 当设置为true ,该动画转化在动画结束后被应用  
 

自定义动画:

自定义动画首先要继承android.view.animation.Animation,
重写applyTransformation(float interpolatedTime, Transformation t)函数来实现自定义动画效果;
重写initialize (int width, int height, int parentWidth, int parentHeight)函数,这是一个回调函数告诉Animation目标View的大小参数,在这里可以初始化一些相关的参数。
 
首先:
applyTransformation(float interpolatedTime, Transformation t)
interpolatedTime:插值器时间因子,由动画当前完成的百分比和当前时间对应的插值所计算出来的,取值范围0--1.0.
Transformation :矩阵封装类。
下面是个例子,效果是从小往大,左右旋转的效果的动画
import android.graphics.Camera;import android.graphics.Matrix;import android.view.animation.Animation;import android.view.animation.LinearInterpolator;import android.view.animation.Transformation;class ViewAnimation extends Animation {    int mCenterX;    int mCenterY;    Camera camera = new Camera();    public ViewAnimation() {    }    //初始化操作    @Override    public void initialize(int width, int height, int parentWidth,        int parentHeight) {        super.initialize(width, height, parentWidth, parentHeight);                mCenterX = width / 2;        mCenterY = height / 2;        //设置时间长短        setDuration(2500);        //动画结束后保持状态        setFillAfter(true);        //设置插值器 ,线性均匀改变        setInterpolator(new LinearInterpolator());    }    //定义动画的进行过程    @Override    protected void applyTransformation(float interpolatedTime, Transformation t) {        final Matrix matrix = t.getMatrix();        camera.save();        //设置移动        camera.translate(0.0f, 0.0f, (1300 - (1300.0f * interpolatedTime)));        //设置旋转角度        camera.rotateY(360 * interpolatedTime);        //将变换作用于matrik上        camera.getMatrix(matrix);        //矩阵作用前的偏移量        matrix.preTranslate(-mCenterX, -mCenterY);        matrix.postTranslate(mCenterX, mCenterY);        camera.restore();    }}

使用:

初始化animation:

ViewAnimation viewAnimation = new ViewAnimation();

触发事件中进行调用:

tv.startAnimation(viewAnimation);
Camera常用的方法:

rotateX(float degree) 绕着x轴旋转degree个度数

rotateY(float degree) 绕着y轴旋转degree个度数

rotateZ(float degree) 绕着z轴旋转degree个度数

translate(float x,float y,float z) 平移一段距离

save()保存原状态

restore() 操作完之后,恢复到原状态。

 
 
 
你可能感兴趣的文章
Skip List——跳表,一个高效的索引技术
查看>>
Yii2单元测试初探
查看>>
五、字典
查看>>
前端js之JavaScript
查看>>
Log4J日志配置详解
查看>>
实验7 BindService模拟通信
查看>>
scanf
查看>>
Socket编程注意接收缓冲区大小
查看>>
SpringMVC初写(五)拦截器
查看>>
检测oracle数据库坏块的方法
查看>>
SQL server 安装教程
查看>>
Linux下ftp和ssh详解
查看>>
跨站脚本功攻击,xss,一个简单的例子让你知道什么是xss攻击
查看>>
js时间和时间戳之间如何转换(汇总)
查看>>
js插件---图片懒加载echo.js结合 Amaze UI ScrollSpy 使用
查看>>
java中string和int的相互转换
查看>>
P1666 前缀单词
查看>>
HTML.2文本
查看>>
Ubuntu unity安装Indicator-Multiload
查看>>
解决Eclipse中新建jsp文件ISO8859-1 编码问题
查看>>