王学岗的属性动画上(五)------抛物线效果的实现

原创 2015年11月17日 23:22:27

布局文件只有一个<ImageView/>

package com.example.propertyOfGang;

import android.animation.Animator;
import android.animation.Animator.AnimatorListener;
import android.animation.ObjectAnimator;
import android.animation.TypeEvaluator;
import android.animation.ValueAnimator;
import android.animation.ValueAnimator.AnimatorUpdateListener;
import android.annotation.SuppressLint;
import android.app.Activity;
import android.graphics.PointF;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageView;

/**
 * @author acer
 *第六个案例
 *添加动画执行的监听
 * 抛物线效果执行完后在执行旋转效果
 */
@SuppressLint("NewApi")
// 新的API,支持的最低版本是11
public class MainActivity extends Activity implements OnClickListener {

    private ImageView iv_zhangxin;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        iv_zhangxin = (ImageView) findViewById(R.id.imageView1);
        iv_zhangxin.setOnClickListener(this);
         }

    @Override
    public void onClick(View v) {
        final int duration=3000;//t为三秒,代表总时间,总时间没必要改变
        //3)ValueAnimator的作用是用来计算属性的,同时监听动画的执行过程,让我们自己来实现具体功能。
        ValueAnimator valueAnimator=new ValueAnimator();
        valueAnimator.setDuration(duration);//时间

        //1)给估值器设置一个默认的中心点对象,当估值器运行的时候,它会把每一个坐标的点(x,y)赋值到PointF上。
          valueAnimator.setObjectValues(new PointF(0,0));//设置中心点
        //2)估值器返回的是当前的某个点,某个点的坐标,添加估值器就是为了计算每一个点的。
        //点的坐标要自己计算。自己计算抛物线的轨迹,自己计算每个点的(x,)坐标。
        //3)估值器:用来计算我们的view在屏幕中显示的位置(运动的轨迹:平移、缩放、抛物线等等)。
        valueAnimator.setEvaluator(new TypeEvaluator<PointF>() {
            //泛型,放数据对象,对象要有意义,对象可以使int,double,或者自己定义的类
            @Override
            public PointF evaluate(float fraction, PointF startValue,
                    PointF endValue) {
                //4.1)计算x
                //1>创建一个点,抛物线是由无数个点组成的,需要计算每个点的坐标
                PointF pointF=new PointF();
                //2>fraction表示百分比,代表当前执行到了什么程度。
                //百分比是怎么计算的呢?fraction=t/duration
                //3>t表示当前时间,当前时间是什么呢?比如我运行到一秒,运行到两秒
                //时间:t=fraction*duration
                //4>pointF.x表示距离
                //x=t*s()
                //5>速度我们自己定义,自己定义为s=100px/s; 
                float t=fraction*3;//计算当前时间,不能写成fraction*duration,因为duration在这里表示为3000秒
                pointF.x= 100*t ; //计算当前执行的距离
                //4.2)计算Y
                //1>  y=0.5*g*t^2(g为重力加速度)
                //重力加速度不够,增加十倍
                pointF.y=0.5f*98f*t*t;//0.5f不能写成1/2,因为1/2的结果为0
                return pointF;
            }
        });
        //执行动画效果
        valueAnimator.start();
        //使用估值器计算完抛物线轨迹,计算出每个点的轨迹后,添加位置的监听
        //让视图走起来,更新每个点,更新View的坐标
        valueAnimator.addUpdateListener(new AnimatorUpdateListener() {

            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                    PointF pointF=(PointF) animation.getAnimatedValue();
                    iv_zhangxin.setX(pointF.x);
                    iv_zhangxin.setY(pointF.y);

            }
        });
        //照片旋转,投篮游戏就是这么做成的。
        //旋转动画
             ObjectAnimator objectAnimator=ObjectAnimator.ofFloat(iv_zhangxin, "rotationY", 0.0f,360.f)
                     .setDuration(2000);
             objectAnimator.start();


    }

}

抛物项的效果哦,我还加了一个旋转效果!

Android 属性动画实现抛物线动画

此前多次学习过安卓动画,知道有三种动画,知道三种动画的特性,但是一直没有实践过,看了没有多久,就忘记了,而且也不会用,这次通过实现“抛物线”动画,对安卓的动画有了一次较为明确的理解。首先,安卓的三种动...

WebView的用法详解

1、布局 2、WebView加载网页

关于okhttp的二次封装

okhttp的二次封装,首先我们是要给他一个封装类: /** * Created by 小亚 on 2017/9/6. * okhttp中级封装,实现两个功能,从服务端下载数据,从客户端提交...

王学岗csdn实现闪屏界面———策略模式+属性动画

欢迎(闪屏界面) 布局

王学岗属性动画上(四)------ValueAnimator的应用

package com.example.propertyOfGang;import android.animation.ObjectAnimator; import android.animatio...

王学岗的属性动画上(二)——objectAnimator的非主流用法

布局文件只有一张图片,不再列举 package com.example.propertyOfGang;import android.animation.ObjectAnimator; import...

王学岗属性动画下(一)——————加载gif动画

大家好,从今天开始就要跟大家学习属性动画下了,这些课程比较难,大家做好准备哦!本次我们是用SurfaceView加载gif动画! 首先大家准备好一张gif动画,把他加载到assets文件夹里!注意是...

王学岗属性动画上(十一)——属性动画的综合应用

一,前言;嗨大家好,这次的动画内容是要把前几篇微博中用到的知识综合在一起,做出一个更有难度的效果。什么效果呢?先设置两个布局,一个隐藏,一个显示; 布局(类似于前几篇文章中的iv_zhangx...

王学岗补间动画(一)——补间动画的初步应用

一、布局

王学岗帧动画(一)——帧动画的简单实用

这一节比较简单,在androidAPI里有详细的讲解,大家可以看下,我就直接上代码了一: 布局...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:王学岗的属性动画上(五)------抛物线效果的实现
举报原因:
原因补充:

(最多只允许输入30个字)