Android digital jumping TextView implementation

[[189084]]

Introduction

DancingNumberView is a control for displaying numbers in text in a dancing manner. It inherits from TextView. This control is generally used to display numbers that are sensitive to users, such as amounts, to make UI interactions more vivid.

It has the following features:

• Automatically get all the numbers in the text and start jumping at the same time, eliminating the trouble of splicing multiple TextViews
• Supports displaying numbers in a custom format, such as limiting the display to only two decimal places

Effect Preview

Import and use

Gradle

Step 1: Add the following to the appropriate location in the project's build.gradle file:

 allprojects {
 repositories {
 ...
        maven { url "https://jitpack.io" }
 }
 }

Step 2: Add dependencies to the appropriate location in the app's build.gradle file

 dependencies {
       compile 'com.github.JianxunRao:DancingNumberView:V1.0.1'  
 }

How to use

Via XML layout

 <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" />

Via Java code

 DancingNumberView dnv = (DancingNumberView) findViewById(R.id.dnv);
 dnv.setText(text); //Set the display content
 dnv.setDuration(duration); //Set the duration of the completed jump (in ms)
 dnv.setFormat(format); //Set the display format of the number
 dnv.dance(); //Start the effect and start the digital dance

Key Code

/**
 * The numbers in the text start to jump 
 
 */ 
 
 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(); 
 
 } 
 
 /** 
 
 * Get the arithmetic factor 
 
 * @return arithmetic factor 
 
 */ 
 
 public   float getFactor() { 
 
 return factor; 
 
 } 
 
 /** 
 
 * Set the arithmetic factor, called by ObjectAnimator 
 
 * @see ObjectAnimator 
 
 * @param factor arithmetic 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); 
 
 }