仿支付宝咻一咻效果-低调大师

仿支付宝咻一咻效果

2016-08-22 747

昨天写了一个气泡波纹效果，觉得不够实用，今天写一个仿支付宝【咻一咻】的效果，之前想在网上找找，可是没有找到。先看效果

001.png

GIF.gif

怎么用？

代码？？

<pre>
package github.alex.ripplewaveview;
import android.animation.ObjectAnimator;
import android.animation.ValueAnimator;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.View;
import android.view.animation.Interpolator;
import android.view.animation.LinearInterpolator;
import com.alex.ripplewaveview.R;
/**
* 作者：Alex
*

* 时间：2016/8/22 18:14
*

* 博客地址：http://www.jianshu.com/users/c3c4ea133871/subscriptions
*

*

/
public class RippleSpreadView extends View {
private Paint innerPaint;
private Paint outPaint;
private float innerSize;
private int innerColor;
private int innerAnimDuration;
private int outColor;
private float outSize;
private float outSizeX;
private float outSizeXX;
private float outSizeXXX;
private float outSizeOld;
private int outAnimDuration;
private int width;
private int height;
private ObjectAnimator innerSizeAnimator;
private float outSizeStart;
private float outSizeEnd;
private float outSpreadValue;
private ObjectAnimator outSizeAnimator;
private ObjectAnimator outSizeXAnimator;
private ObjectAnimator outSizeXXAnimator;
private ObjectAnimator outSizeXXXAnimator;
private Interpolator linearInterpolator;
public RippleSpreadView(Context context) {
super(context);
}
public RippleSpreadView(Context context, AttributeSet attrs) {
super(context, attrs);
initView(attrs);
}
private void initView(AttributeSet attrs) {
linearInterpolator = new LinearInterpolator();
/outSpreadValue = 1.2F 比较好/
outSpreadValue = 1.0F;
Context context = getContext();
TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.RippleSpreadView);
innerColor = typedArray.getColor(R.styleable.RippleSpreadView_rsv_innerCircleColor, Color.parseColor("#E0E0E0"));
innerSize = typedArray.getDimension(R.styleable.RippleSpreadView_rsv_innerSize, 20F);
innerAnimDuration = typedArray.getInt(R.styleable.RippleSpreadView_rsv_innerAnimDuration, 500);
outColor = typedArray.getColor(R.styleable.RippleSpreadView_rsv_outCircleColor, Color.parseColor("#8BC34A"));
outSize = typedArray.getDimension(R.styleable.RippleSpreadView_rsv_outSize, 24F);
outAnimDuration = typedArray.getInt(R.styleable.RippleSpreadView_rsv_outAnimDuration, 700);
typedArray.recycle();
innerPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
innerPaint.setStyle(Paint.Style.FILL);
innerPaint.setColor(innerColor);
outPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
outPaint.setStyle(Paint.Style.FILL);
outPaint.setColor(outColor);
if (innerSize < dp2Px(8)) {
innerSize = dp2Px(20);
}
if ((innerAnimDuration < 100) || (innerAnimDuration > 10000)) {
innerAnimDuration = 2000;
}
if (outSize < dp2Px(8)) {
outSize = dp2Px(8);
}
if (outSize - innerSize < dp2Px(2)) {
outSize = innerSize + dp2Px(2);
}
outSizeOld = outSize;
if ((outAnimDuration < 100) || (outAnimDuration > 10000)) {
outAnimDuration = 2000;
}
innerSizeAnimator = ObjectAnimator.ofFloat(this, "innerSize", innerSize * 1F, innerSize * 1.1F, innerSize * 1F, innerSize * 1.1F).setDuration(innerAnimDuration);
innerSizeAnimator.setInterpolator(linearInterpolator);
innerSizeAnimator.setRepeatMode(ValueAnimator.REVERSE);
innerSizeAnimator.setRepeatCount(Integer.MAX_VALUE);
outSizeStart = innerSize * 0.9F;
outSizeEnd = outSize * outSpreadValue;
outSizeAnimator = ObjectAnimator.ofFloat(this, "outSize", outSizeStart, outSizeEnd).setDuration((long) (outAnimDuration));
outSizeXAnimator = ObjectAnimator.ofFloat(this, "outSizeX", outSizeStart, outSizeEnd).setDuration((long) (outAnimDuration));
outSizeXXAnimator = ObjectAnimator.ofFloat(this, "outSizeXX", outSizeStart, outSizeEnd).setDuration((long) (outAnimDuration));
outSizeXXXAnimator = ObjectAnimator.ofFloat(this, "outSizeXXX", outSizeStart, outSizeEnd).setDuration((long) (outAnimDuration));
initObjectAnimator(outSizeAnimator);
initObjectAnimator(outSizeXAnimator);
initObjectAnimator(outSizeXXAnimator);
initObjectAnimator(outSizeXXXAnimator);
outSizeXAnimator.setStartDelay((long) (outAnimDuration / 4));
outSizeXXAnimator.setStartDelay((long) (outAnimDuration * 2 / 4));
outSizeXXXAnimator.setStartDelay((long) (outAnimDuration * 3 / 4));
try {
innerSizeAnimator.start();
outSizeAnimator.start();
outSizeXAnimator.start();
outSizeXXAnimator.start();
outSizeXXXAnimator.start();
} catch (Exception e) {
}
}
private void initObjectAnimator(ObjectAnimator objectAnimator) {
objectAnimator.setRepeatMode(ValueAnimator.RESTART);
objectAnimator.setRepeatCount(Integer.MAX_VALUE);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
drawCircle(canvas, outSize, outPaint, outSizeEnd, outSizeStart, outSizeOld);
drawCircle(canvas, outSizeX, outPaint, outSizeEnd, outSizeStart, outSizeOld);
drawCircle(canvas, outSizeXX, outPaint, outSizeEnd, outSizeStart, outSizeOld);
drawCircle(canvas, outSizeXXX, outPaint, outSizeEnd, outSizeStart, outSizeOld);
canvas.drawCircle((width - 0) * 0.5F, (height - 0) * 0.5F, innerSize * 0.5F, innerPaint);
}
private final void drawCircle(Canvas canvas, float outSize, Paint outPaint, float outSizeEnd, float outSizeStart, float outSizeOld) {
float k = 255 / (outSizeEnd - outSizeStart);
int alpha = (int) (k * outSizeOld * outSpreadValue - k * outSize);
outPaint.setAlpha(alpha);
canvas.drawCircle((width - 0) * 0.5F, (height - 0) * 0.5F, outSize * 0.5F, outPaint);
}
@Override
protected void onDetachedFromWindow() {
super.onDetachedFromWindow();
try {
if (innerSizeAnimator != null) {
innerSizeAnimator.cancel();
}
if (outSizeAnimator != null) {
outSizeAnimator.cancel();
}
} catch (Exception e) {
}
}
@Override
protected void onAttachedToWindow() {
super.onAttachedToWindow();
try {
if (innerSizeAnimator != null) {
innerSizeAnimator.start();
}
if (outSizeAnimator != null) {
outSizeAnimator.start();
}
} catch (Exception e) {
}
}
/**
* 供 innerSizeAnimator 调用
/
public void setInnerSize(float innerSize) {
this.innerSize = innerSize;
invalidate();
}
/*
* 供 outSizeAnimator 调用
/
public void setOutSize(float outSize) {
this.outSize = outSize;
invalidate();
}
/*
* 供 outSizeAnimator 调用
/
public void setOutSizeX(float outSize) {
this.outSizeX = outSize;
invalidate();
}
/*
* 供 outSizeAnimator 调用
/
public void setOutSizeXX(float outSize) {
this.outSizeXX = outSize;
invalidate();
}
/*
* 供 outSizeAnimator 调用
/
public void setOutSizeXXX(float outSize) {
this.outSizeXXX = outSize;
invalidate();
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
width = (int) outSizeEnd;
height = (int) outSizeEnd;
setMeasuredDimension(width, height);
}
/*
* 数据转换: dp---->px
*/
private float dp2Px(float dp) {
return dp * getContext().getResources().getDisplayMetrics().density;
}
}

</pre>

奉上源码

微信关注我们

原文链接：https://yq.aliyun.com/articles/620247

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

iOS 本地打包工具自动化

1、为什么要自动打包工具？每修改一个问题，测试都让你打包一个上传fir ，你要clean -> 编译打包 -> 上传fir -> 通知测试。而且打包速度好慢，太浪费时间了。如果有一个工具能自动的帮你做完上面所有的事情，岂不是快哉？ 2、网上有那么多自动打包工具，我直接下载就行了为啥还要学习？没错网上有很多打包工具，包括github上也有一些直接从github下载并打包上传的，但是他们的不一定适合你，首先下载下来要配置各种参数，不会配，还有网上大多是针对普通项目，但是我们项目是cocoaPods管理的，编译的是xxx.xcworkspace不是xxx.xcodeproj。怎么办，xxx.xcodeproj自动编译后就在你项目目录下会有xxx.app但是xxx.xcworkspace找不到怎么办？怎么指定目录，这些网上的库大都没有的。 3、需要哪些准备工作？首先你得有装xcode,python3.5（我装的版本,其他版本也行）, 待打包的项目。安装相关软件，随便搜索下就可以了。废话结束，开始正文。本文介绍的是自动clean本地项目，编译打包上传fir ...

2016-08-22

640

Android code wiki Tip1: 类的全局静态变量的使用，这样可以静态变量只分配一次内存，可以不通过类的对象也就是可以通过类名直接使用该变量。（使用场景：Request_Code ,Result_Code,Log Tag,权限名字，Activity之间传递参数Name eg:bundle,公用参数名字,接受回调的参数( eg: getIntent() )，可以防止分配内存 etc） /* * Copyright (C) 2015 The Android Open Source Project * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required...

2016-08-22

705

资源下载

更多资源

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。