Android仿支付宝UI功能开发,Android 自定义view仿支付宝咻一咻功能

支付宝上有一个咻一咻的功能,就是点击图片后四周有水波纹的这种效果,今天也写一个类似的功能。

效果如下所示:

3797386159c5b80ef6d3d4865990dfbf.gif

思路:

就是几个圆的半径不断在变大,这个可以使用动画缩放实现,还有透明动画

还有就是这是好几个圆,然后执行的动画有个延迟效果,其实这些动画是放在一起执行的,熟悉属性动画的知道已经给我们提供了同步执行动画和顺序执行动画的实现api,也会会有人说这几个view就是在onDraw()方法中画几个圆,可能会说我还要继承容器view去onLayout()方法中这些子view添加在某个特定的区域,当然这也是可以的,其实简单的就是以图片为中心(图片imageview在父view的中心),然后画圆,指定每个字view的宽和高就行了,具体看代码:

package com.zhifubaoxiuyixiu.view;

import android.animation.Animator;

import android.animation.AnimatorSet;

import android.animation.ObjectAnimator;

import android.content.Context;

import android.graphics.Color;

import android.graphics.Paint;

import android.util.AttributeSet;

import android.view.Gravity;

import android.view.View;

import android.view.animation.AccelerateDecelerateInterpolator;

import android.widget.FrameLayout;

import java.util.ArrayList;

/**

* Created by admin on 2016/12/29.

*/

public class ZhifubaoFrameLayout extends FrameLayout {

private int rippleColor = Color.parseColor("#0099CC");//水波纹的颜色

private int radius = 0;//水波纹圆的半径

private long anim_duration = 3000;//动画执行的时间

private int water_ripple_count = 6;

private int scale = 6;//动画缩放比例

private long animDelay;//动画延迟的时间

private Paint paint;

private AnimatorSet animatorSet;

private ArrayList animatorList;

private FrameLayout.LayoutParams rippleParams;

private ArrayList rippleViewList=new ArrayList();

private boolean isAnimRunning = false;

public ZhifubaoFrameLayout(Context context) {

this(context,null);

}

public ZhifubaoFrameLayout(Context context, AttributeSet attrs) {

this(context,attrs,0);

}

public ZhifubaoFrameLayout(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

initPaint();

addChildView();

initAnim();

}

/**

* 初始化动画

*/

private void initAnim() {

animatorSet = new AnimatorSet();

animatorSet.setInterpolator(new AccelerateDecelerateInterpolator());

animatorList=new ArrayList();

for(int i=0;i

final ObjectAnimator scaleXAnimator = ObjectAnimator.ofFloat(rippleViewList.get(i), "ScaleX", 1.0f, scale);

scaleXAnimator.setRepeatCount(ObjectAnimator.INFINITE);

scaleXAnimator.setRepeatMode(ObjectAnimator.RESTART);

scaleXAnimator.setStartDelay(i * animDelay);

scaleXAnimator.setDuration(anim_duration);

animatorList.add(scaleXAnimator);

final ObjectAnimator scaleYAnimator = ObjectAnimator.ofFloat(rippleViewList.get(i), "ScaleY", 1.0f, scale);

scaleYAnimator.setRepeatCount(ObjectAnimator.INFINITE);

scaleYAnimator.setRepeatMode(ObjectAnimator.RESTART);

scaleYAnimator.setStartDelay(i * animDelay);

scaleYAnimator.setDuration(anim_duration);

animatorList.add(scaleYAnimator);

final ObjectAnimator alphaAnimator = ObjectAnimator.ofFloat(rippleViewList.get(i), "Alpha", 1.0f, 0f);

alphaAnimator.setRepeatCount(ObjectAnimator.INFINITE);

alphaAnimator.setRepeatMode(ObjectAnimator.RESTART);

alphaAnimator.setStartDelay(i * animDelay);

alphaAnimator.setDuration(anim_duration);

animatorList.add(alphaAnimator);

}

animatorSet.playTogether(animatorList);

}

/**

* 添加水波纹子view

*/

private void addChildView() {

radius = 32;

animDelay=350;

rippleParams=new FrameLayout.LayoutParams((int)(2*(radius)),(int)(2*(radius)));

rippleParams.gravity = Gravity.CENTER;

for(int i=0;i

WateRipple rippleView=new WateRipple(getContext(),paint);

addView(rippleView,rippleParams);

rippleViewList.add(rippleView);

}

}

/**

* 初始化画笔

*/

private void initPaint() {

paint = new Paint();

paint.setAntiAlias(true);

paint.setColor(rippleColor);

paint.setStyle(Paint.Style.FILL);

}

/**

* 开启动画

*/

public void startRippleAnimation(){

if(!isRunning()){

for(WateRipple wateRipple:rippleViewList){

wateRipple.setVisibility(VISIBLE);

}

animatorSet.start();

isAnimRunning=true;

}

}

/**

* 动画停止运行

*/

public void stopAnimation(){

if(isRunning()){

animatorSet.cancel();

isAnimRunning=false;

}

}

/**

* 判断是否动画在运行

* @return

*/

public boolean isRunning(){

return isAnimRunning;

}

/**

* ui不可见时关闭动画

* @param visibility

*/

@Override

protected void onWindowVisibilityChanged(int visibility) {

super.onWindowVisibilityChanged(visibility);

if(visibility==View.INVISIBLE||visibility ==View.GONE){

stopAnimation();

}

}

}

每个水波纹view

package com.zhifubaoxiuyixiu.view;

import android.content.Context;

import android.graphics.Canvas;

import android.graphics.Paint;

import android.view.View;

/**

* Created by admin on 2016/12/29.

*/

public class WateRipple extends View {

private Paint mPaint;

public WateRipple(Context context, Paint paint){

super(context);

if(paint==null){

this.mPaint = new Paint();

}else{

this.mPaint = paint;

}

setVisibility(View.INVISIBLE);//刚开始设置不可见

}

public WateRipple(Context context) {

super(context);

}

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

int radius=(Math.min(getWidth(),getHeight()))/2;

canvas.drawCircle(radius,radius,radius,mPaint);

}

}

圆形图片:

package com.zhifubaoxiuyixiu.view;

import android.content.Context;

import android.graphics.Bitmap;

import android.graphics.BitmapFactory;

import android.graphics.BitmapShader;

import android.graphics.Canvas;

import android.graphics.Paint;

import android.graphics.Shader;

import android.graphics.drawable.ShapeDrawable;

import android.graphics.drawable.shapes.OvalShape;

import android.util.AttributeSet;

import android.view.View;

import com.zhifubaoxiuyixiu.R;

/**

* Created by admin on 2016/12/29.

*/

public class CircleView extends View {

private BitmapShader bitmapShaderp ;

private ShapeDrawable shapeDrawable;

public CircleView(Context context) {

this(context,null);

}

public CircleView(Context context, AttributeSet attrs) {

this(context, attrs,0);

}

public CircleView(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

initBitmap();

}

private void initBitmap() {

Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.mipmap.grid);

shapeDrawable = new ShapeDrawable(new OvalShape());

bitmapShaderp = new BitmapShader(bitmap, Shader.TileMode.CLAMP,Shader.TileMode.CLAMP);

shapeDrawable.getPaint().setShader(bitmapShaderp);

}

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

shapeDrawable.setBounds(0,0,getWidth(),getHeight());

shapeDrawable.draw(canvas);

}

}

布局文件:

xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent"

>

android:layout_width="match_parent"

android:layout_height="match_parent"

android:id="@+id/root"

>

android:layout_width="64dp"

android:layout_height="64dp"

android:layout_centerInParent="true"

android:id="@+id/imageView"

android:layout_gravity="center"

android:src="@mipmap/grid"/>

使用:

package com.zhifubaoxiuyixiu;

import android.app.Activity;

import android.os.Bundle;

import android.view.View;

import com.zhifubaoxiuyixiu.view.CircleView;

import com.zhifubaoxiuyixiu.view.ZhifubaoFrameLayout;

public class MainActivity extends Activity {

private CircleView imageView;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

imageView = (CircleView) findViewById(R.id.imageView);

final ZhifubaoFrameLayout root = (ZhifubaoFrameLayout) findViewById(R.id.root);

imageView.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View view) {

root.startRippleAnimation();

}

});

}

}

以上所述是小编给大家介绍的Android 自定义view仿支付宝咻一咻功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/488226.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

​CPU将进入新时代:押注计算芯片的极限协同设计

来源:内容由半导体行业观察(icbank)编译自「nextplatform」,作者:Timothy Prickett Morgan,谢谢。我们现在进入了一个时代,那就是IT行业的计算引擎将需要比以往任何时候都更需要更低的价格&…

2020城市大脑与超级智能建设规范研究报告(附下载)

报告下载地址: https://pan.baidu.com/s/1x85xZrAG6df4BcVkJqtcqw提取码: 6ytv21世纪以来,21世纪以来,眼花缭乱的前沿科技新概念喷薄而出,从Web2.0、社交网络、物联网、移动互联网、大数据、工业4.0、工业互联网到云机器人、深度学习、边缘计…

5G新标准将延迟3个月发布,但5G“新战场”已经明确

来源:雷锋网2019年,5G开启商用元年。2020年开年,5G智能手机的发布就迎来了一个发布高峰,2月份至今,国内就有10多款5G手机发布。5G手机的数量和销量也迅速增长,根据工信部副部长辛国斌给出的数据&#xff0c…

android 2个界面抽屉,Android使用DrawerLayout创建左右两个抽屉菜单

在Android support.v4 中有一个抽屉视图控件DrawerLayout。使用这个控件,可以生成通过在屏幕上水平滑动打开或者关闭菜单,能给用户一个不错的体验效果。最近在项目中,设计中有用到这个效果,但是是左右两边都能划出这样的一个菜单效…

报告:100家AI初创公司榜单 这五大趋势不得不看!

来源: 网易智能用新药治疗一系列慢性疾病;抵御各种网络攻击;让城市更加智能;更精准地预报天气和野火,从而提高安全性并降低风险。此外,还有深度伪造技术(deepfakes)的商业化。这些看…

android外接键盘打汉字,Android在外接物理键盘时,如何强制调用系统软键盘

Android在外接物理键盘时,如何强制调用系统软键盘?第一次写,写的不好请见谅参考:物理键盘映射过程:手机/system/usr/keylayout/*.kl :内核将keyCode映射成有含义的字符串KeycodeLabels.h : framework 将字符…

20155204 2016-2017-2《Java程序设计》课程总结

20155204 2016-2017-2《Java程序设计》课程总结 目录 作业链接汇总作业总结实验报告链接汇总代码托管链接课堂项目实践学习经验问卷调查链接二维码(按顺序)每周作业链接汇总 预备作业1:我对师生关系的思考预备作业2:做中学感悟预备…

复杂性科学与还原论

来源:陶勇科学网博客1984年,两位诺贝尔物理学奖得主盖尔曼(Murray Gell-mann)、安德森(Philip Anderson)和诺贝尔经济学奖得主阿罗(Kenneth Arrow)聚集了一批从事物理、经济、生物、…

Nim游戏(初谈博弈)

通常的Nim游戏的定义是这样的:有若干堆石子,每堆石子的数量都是有限的,合法的移动是“选择一堆石子并拿走若干颗(不能不拿)”, 如果轮到某个人时所有的石子堆都已经被拿空了,则判负(…

android 如何使用aar,Android Studio如何使用aar依赖包?

ps:2013-12-25 号更新,升级到0.4以后 这种方法已经完美使用!因为项目里面要用到actionbarsherlock,所以研究了一下如何导入到android studio中。arr(Android Archive):名字是谷歌到的,至于中文叫什么我也不知道。不过好像依赖都要…

第二百七十九节,MySQL数据库-pymysql模块操作数据库

MySQL数据库-pymysql模块操作数据库 pymysql模块是python操作数据库的一个模块 connect()创建数据库链接,参数是连接数据库需要的连接参数使用方式:   模块名称.connect()   参数:   host数据库ip   port数据库端口   user数据库用户名   pa…

宇航员能用GPS在月球上导航吗?美国宇航局的科学家给出了肯定答案

Illustration: NASA来源:IEEE电气电子工程师如果宇航员按照美国宇航局Artemis计划登录月球,他们的主要目标之一就是在月球南极附近的陨石坑中挖冰,这些冰层不仅对水有用,而且可以分解成氢和氧。但它们需要导航,才能精确…

猴子会照镜子吗?科学家的这一研究意义非凡!

来源:中国经济大讲堂本期提要在《中国经济大讲堂》演讲中,中国科学院院士、中科院脑科学与智能技术卓越创新中心学术主任蒲慕明指出,自闭症患者、严重脑疾病可能伴有自我意识损伤的现象。我们通过各种训练方法,可以使猴子学会识别…

Science | 闵明玮等揭示细胞如何做出命运决定

来源:BioArt细胞命运决定我们体内的每个细胞都会面临着一个关乎命运的选择:要不要复制产生一个新的细胞。这个重大选择关系到人体发育和维持稳态等生理过程,因此它的失调也与癌症等疾病的发生发展有着密切联系。在人体中,大部分的…

图解机器学习:人人都能懂的算法原理

来源:机器学习研究组订阅号算法公式挺费神,机器学习太伤人。任何一个刚入门机器学习的人都会被复杂的公式和晦涩难懂的术语吓到。但其实,如果有通俗易懂的图解,理解机器学习的原理就会非常容易。本文整理了一篇博客文章的内容&…

Python 什么时候会被取代?

来源:CSDN译者 | 弯月,责编 | 郭芮以下是译文: Python经过了几十年的努力才得到了编程社区的赏识。自2010年以来,Python得到了蓬勃发展,并最终超越了C、C#、Java和JavaScript。但是,这种趋势将持续到什么时…

Android开发艺术探究Note

第一章:Activity的生命周期和启动模式 生命周期onPause表示activity正在停止,onPaus必须先执行完(栈顶的activity),新的activity的onResume才会执行。onStop表示activity即将停止(透明不会执行)…

烧脑:宇宙时空结构是量子纠错码

来源:Future远见现在越来越多的理论物理学家开始相信,时空起源于纠缠的量子信息。粗略地讲,时空中最重要的“相邻”概念,可以认为是起源于量子纠缠:有纠缠就是相邻,没有纠缠就是不相邻。如果你相信这一观念…

李德毅院士:通用人工智能十问

来源:学术头条共识:智能是学习的能力,以及解释、解决问题的能力;人工智能是脱离生命体的智能,是人类智能的体外延伸;通用人工智能通过不断学习,积累本领,进化成长,能够面…

咸阳高考成绩查询2021,2021咸阳市地区高考成绩排名查询,咸阳市高考各高中成绩喜报榜单...

距离2018年高考还有不到一个月的时间了,很多人在准备最后冲刺的同时,也在关心高考成绩。2018各地区高考成绩排名查询,高考各高中成绩喜报榜单尚未公布,下面是往年各地区高考成绩排名查询,高考各高中成绩喜报榜单,想要了解同学可以…