含山微信搭建网站建设,外贸营销网站建设公司,文章类型的网站模版,seo成功案例分析最终效果如下 ValueAnimator类API 简介
ofFloat(float… values) 构建ValueAnimator#xff0c;设置动画的浮点值#xff0c;需要设置2个以上的值setDuration(long duration) 设置动画时长#xff0c;默认的持续时间为300毫秒。setInterpolator(TimeInterpolator value) 设…最终效果如下 ValueAnimator类API 简介
ofFloat(float… values) 构建ValueAnimator设置动画的浮点值需要设置2个以上的值setDuration(long duration) 设置动画时长默认的持续时间为300毫秒。setInterpolator(TimeInterpolator value) 设置动画的线性非线性运动默认AccelerateDecelerateInterpolatoraddUpdateListener(ValueAnimator.AnimatorUpdateListener listener) 监听动画属性每一帧的变化
分解步骤计算一下总共需要的角度: 1、一个笑脸x轴下方的圆弧旋转135°覆盖2个点此过程中圆弧增加45° 2、画布旋转135°此过程中圆弧增加45° 3、画布旋转360°此过程中圆弧减少360/5度 4、画布旋转90°此过程中圆弧减少90/5度 5、画布旋转135°释放覆盖的2个点
实现
package com.zj.test;import android.animation.TimeInterpolator;
import android.animation.ValueAnimator;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.view.View;
import android.view.animation.DecelerateInterpolator;/*** Created by jjx on 2016/5/28.*/
public class customView extends View{// public customView(Context context, AttributeSet attrs, int defStyleAttr) {
// super(context, attrs, defStyleAttr);
//
// initAnimator(animatorDuration);
// mPaintnew Paint();
// mPaint.setStyle(Paint.Style.STROKE);//设置画笔样式为描边如果已经设置可以忽略
// mPaint.setColor(Color.GREEN);
// mPaint.setStrokeWidth(10);
// }float Width;float Height;public customView(Context context, AttributeSet attrs) {super(context, attrs);initAnimator(animatorDuration);mPaintnew Paint();mPaint.setStyle(Paint.Style.STROKE);//设置画笔样式为描边如果已经设置可以忽略mPaint.setColor(Color.GREEN);mPaint.setStrokeWidth(10);}Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {super.onMeasure(widthMeasureSpec, heightMeasureSpec);WidthMeasureSpec.getSize(widthMeasureSpec);mViewWidthWidth;HeightMeasureSpec.getSize(heightMeasureSpec);}Paint mPaint;float mViewWidth;Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);canvas.translate(Width/2,Height/2);doubanAnimator(canvas, mPaint);}private ValueAnimator animator;private float animatedValue;private long animatorDuration 5000;private TimeInterpolator timeInterpolator new DecelerateInterpolator();private void initAnimator(long duration){if (animator !null animator.isRunning()){animator.cancel();animator.start();}else {animatorValueAnimator.ofFloat(0,855).setDuration(duration);animator.setInterpolator(timeInterpolator);animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {Overridepublic void onAnimationUpdate(ValueAnimator animation) {animatedValue (float) animation.getAnimatedValue();invalidate();}});animator.start();}}private void doubanAnimator(Canvas canvas, Paint mPaint){mPaint.setStyle(Paint.Style.STROKE);//描边mPaint.setStrokeCap(Paint.Cap.ROUND);//圆角笔触mPaint.setColor(Color.rgb(97, 195, 109));mPaint.setStrokeWidth(15);float point Math.min(mViewWidth,mViewWidth)*0.06f/2;float r point*(float) Math.sqrt(2);RectF rectF new RectF(-r,-r,r,r);canvas.save();// rotateif (animatedValue135){canvas.rotate(animatedValue-135);}// draw mouthfloat startAngle0, sweepAngle0;if (animatedValue135){startAngle animatedValue 5;sweepAngle 170animatedValue/3;}else if (animatedValue270){startAngle 1355;sweepAngle 170animatedValue/3;}else if (animatedValue630){startAngle 1355;sweepAngle 260-(animatedValue-270)/5;}else if (animatedValue720){startAngle 135-(animatedValue-630)/25;sweepAngle 260-(animatedValue-270)/5;}else{startAngle 135-(animatedValue-630)/2-(animatedValue-720)/65;sweepAngle 170;}canvas.drawArc(rectF,startAngle,sweepAngle,false,mPaint);// draw eyecanvas.drawPoints(new float[]{-point,-point,point,-point},mPaint);canvas.restore();}}
布局文件
?xml version1.0 encodingutf-8?
RelativeLayout xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:toolshttp://schemas.android.com/toolsandroid:layout_widthmatch_parentandroid:layout_heightmatch_parenttools:contextcom.zj.test.MainActivitycom.zj.test.customViewandroid:layout_widthmatch_parentandroid:layout_heightmatch_parent/com.zj.test.customView
/RelativeLayout
参考链接
自定义View——Canvas与ValueAnimator – Idtk
