利用RiseNumberTextView组件简单实现数字滚动效果,如何才能通过一线互联网公司面试

本文介绍了如何在Android应用中使用RiseNumberTextView组件模拟支付宝余额界面的数字滚动效果,通过ValueAnimator实现浮点型和整数型数字的滚动,并在MainActivity中展示组件的使用方法。
摘要由CSDN通过智能技术生成

private DecimalFormat fnum;

private EndListener mEndListener=null;

final static int[] sizeTable = { 9, 99, 999, 9999, 99999, 999999, 9999999,

99999999, 999999999, Integer.MAX_VALUE };

public RiseNumberTextView(Context context){

super(context);

}

public RiseNumberTextView(Context context,AttributeSet attr){

super(context,attr);

}

public RiseNumberTextView(Context context,AttributeSet attr,int defStyle)

{

super(context,attr,defStyle);

}

public interface EndListener {

public void onEndFinish();

}

/判断滚动状态/

public boolean isRunning() {

return (mPlayingState == RUNNING);

}

/实现浮点型数字滚动/

private void runFloat(){

ValueAnimator valueAnimator = ValueAnimator.ofFloat(fromNumber, number);

valueAnimator.setDuration(duration);

valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {

@Override

public void onAnimationUpdate(ValueAnimator valueAnimator) {

setText(fnum.format(Float.parseFloat(valueAnimator.getAnimatedValue().toString())));

if (valueAnimator.getAnimatedFraction()>=1){

mPlayingState = STOPPED;

if (mEndListener!=null)

mEndListener.onEndFinish();

}

}

});

valueAnimator.start();

}

/实现整数型数字滚动/

private void runInt(){

ValueAnimator valueAnimator = ValueAnimator.ofInt((int)fromNumber, (int)number);

valueAnimator.setDuration(duration);

valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {

@Override

public void onAnimationUpdate(ValueAnimator valueAnimator) {

setText(valueAnimator.getAnimatedValue().toString());

if (valueAnimator.getAnimatedFraction()>=1){

mPlayingState = STOPPED;

if (mEndListener!=null)

mEndListener.onEndFinish();

}

}

});

valueAnimator.start();

}

/判断整数型数字的位数/

static int sizeOfInt(int x) {

for (int i = 0;; i++)

if (x <= sizeTable[i])

return i + 1;

}

@Override

protected void onFinishInflate() {

super.onFinishInflate();

fnum= new DecimalFormat(“##0.00”);

}

/定义开始滚动/

@Override

public void start() {

if (!isRunning()) {

mPlayingState = RUNNING;

if (numberType==1)

runInt();

else

runFloat();

}

}

/*

**

这边定义了如何选择滚动效果的初始数字

如果数字小于100,则初始数字为500

如果数字大于1000,则初始数字为:显示数字-10^(显示数字的位数-2)

*/

@Override

public RiseNumberTextView withNumber(float number) {

this.number=number;

numberType=2;

if (number>1000){

fromNumber=number-(float)Math.pow(10,sizeOfInt((int)number)-2);

}else {

fromNumber=number/2;

}

return this;

}

@Override

public RiseNumberTextView withNumber(int number) {

this.number=number;

numberType=1;

if (number>1000){

fromNumber=number-(float)Math.pow(10,sizeOfInt((int)number)-2);

}else {

fromNumber=number/2;

}

return this;

}

@Override

public RiseNumberTextView setDuration(long duration) {

this.duration=duration;

return this;

}

@Override

public void setOnEnd(EndListener callback) {

mEndListener=callback;

}

}

四、组件编写完毕,开始使用


本示例模仿支付宝余额界面,通过点击充值与提现按钮使余额数字产生滚动效果。

  1. 在MainActivity中声明一个RiseNumberTextView组件,并设置两个按钮点击事件,使得点击按钮触发数字滚动

package com.hymn.rise;

import androidx.appcompat.app.AppCompatActivity;

import android.app.Activity;

import android.os.Bundle;

import android.view.Menu;

import android.view.MenuItem;

import android.view.View;

import lib.RiseNumberTextView; //记得导入组件类

public class MainActivity extends AppCompatActivity {

private RiseNumberTextView RNTextView; //声明一个数字滚动组件

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

RNTextView=(RiseNumberTextView)findViewById(R.id.text);//给组件套上样式

/* 设置按钮点击事件 */

findViewById(R.id.chongzhi).setOnClickListener(new View.OnClickListener() {

@Override

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级安卓工程师,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img
img

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注Android)
img

料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。**
[外链图片转存中…(img-h1muS2T8-1710934902535)]
[外链图片转存中…(img-hQel5LSn-1710934902535)]
[外链图片转存中…(img-2HmoPyxJ-1710934902536)]
[外链图片转存中…(img-8DfqlmyG-1710934902536)]

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注Android)
[外链图片转存中…(img-Eb1Lcgyr-1710934902537)]

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值