简介
DancingNumberView是一个用于跳动显示文本中数字的控件,继承自TextView.这种控件一般用于显示金额等对用户较为敏感的数字,让UI交互更加生动。
它具有以下几点特性:
效果预览
导入使用
Gradle
第1步,在project的build.gradle文件中适当位置添加
- allprojects {
- repositories {
- ...
- maven { url "https://jitpack.io" }
- }
- }
第2步,在app的build.gradle文件中适当位置添加依赖项
- dependencies {
- compile 'com.github.JianxunRao:DancingNumberView:V1.0.1'
- }
使用方式
通过XML布局
- <me.trojx.dancingnumber.DancingNumberView
- android:id="@+id/dnv"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- app:dnv_duration="6000"
- app:dnv_format="%.2f"/>
通过Java代码
- DancingNumberView dnv = (DancingNumberView) findViewById(R.id.dnv);
- dnv.setText(text);//设置显示内容
- dnv.setDuration(duration);//设置完成跳动的持续时长(单位ms)
- dnv.setFormat(format);//设置数字的显示格式
- dnv.dance();//启动效果,开始数字跳动
关键代码
- /**
- * 文本中的数字开始跳动
- */
- public void dance() {
- text = getText().toString();
- numbers=new ArrayList<>();
- Pattern pattern = Pattern.compile("\\d+(\\.\\d+)?");
- Matcher matcher=pattern.matcher(text);
- while (matcher.find()){
- numbers.add(Float.parseFloat(matcher.group()));
- }
- textPattern = text.replaceAll("\\d+(\\.\\d+)?",PLACEHOLDER);
- numberTemp=new float[numbers.size()];
- ObjectAnimator objectAnimator=ObjectAnimator.ofFloat(this,"factor",0,1);
- objectAnimator.setDuration(duration);
- objectAnimator.setInterpolator(new AccelerateDecelerateInterpolator());
- objectAnimator.start();
- }
- /**
- * 获取算数因子
- * @return 算数因子
- */
- public float getFactor() {
- return factor;
- }
- /**
- * 设置算数因子,为ObjectAnimator调用
- * @see ObjectAnimator
- * @param factor 算数因子
- */
- public void setFactor(float factor) {
- String textNow=textPattern;
- this.factor = factor;
- for (int i=0;i<numberTemp.length;i++){
- numberTemp[i]=numbers.get(i)*factor;
- textNow=textNow.replaceFirst(PLACEHOLDER,String.format(format,numberTemp[i]));
- }
- setText(textNow);
- }
01 近未来 1997年5月3日,IBM制造的国际象棋计算机深蓝和国际象棋世界冠军加里卡...
每次提到5G,就感觉我们是最牛的,毕竟进入5G时代以后,就看到对我国5G技术各种...
自从有了手机QQ,小编都不怎么打开PC版QQ了。不过PC版QQ并没有停下更新的步伐,...
编者按:本文适合对栅格系统不熟悉的新人阅读,大量的配图和深入浅出的阐述可以...
为改进移动设备用户的文档导航体验,微软刚刚为 Android / iOS 版本的 Word 文字...
昨天,李荣浩又因为眼睛小上热搜了。 在名为 #特效都整不大李荣浩的眼睛# 的话题...
写在前面 在之前的一篇文章,我们简单的知道了Kotlin这门新语言的优势,也接触了...
一、前言 在之前介绍了很多破解相关的文章,在这个过程中我们难免会遇到一些反调...
【51CTO.com原创稿件】2020年9月17日,以引领能源数字化,建设绿色智能世界为主...
据苹果称,虚拟内容可能很难在VR头盔显示器的外围部分查看。例如,当虚拟内容接...