Android 사용자 정의 View 숫자 가 있 는 진행 바 인 스 턴 스 코드 구현

첫 번 째,효과 전시
그림 1.파란색 진도 표

그림 2.빨간색 진도 표

그림 3.여러 가지 색깔 이 다른 진도 항목

그림 4.여러 가지 색깔 이 다른 진도 항목



두 번 째 단계,ProgressBar 를 사용자 정의 하여 숫자 가 있 는 진도 조 를 실현 합 니 다.
0.프로젝트 구조

위의 그림 에서 보 듯 이 library 프로젝트 는 사용자 정의 숫자 가 있 는 진도 바 NumberProgressBar 의 구체 적 인 실현 입 니 다.demo 프로젝트 는 예제 프로젝트 로 프로젝트 의존 방식 으로 library 프로젝트 를 참조 한 다음 에 사용자 정의 숫자 가 있 는 진도 바 NumberProgressBar 를 사용 하여 보 여 줍 니 다.
 
위의 그림 에서 보 듯 이 숫자 가 있 는 진도 바 를 사용자 정의 하 는 library 프로젝트 의 구조 도
 
위의 그림 에서 보 듯 이 demo 프로젝트 의 구조 도
1.그리 기 절차 분석
위의 몇 폭 의 도형 과 같다.이 진도 조 는 다음 과 같은 세 부분 으로 나 눌 수 있다.

reacherd area:현재 진도 값 이전 텍스트 의 진도 바(직사각형)를 표시 합 니 다.
text area:현재 진행 값 텍스트 표시
unreacherd area:현재 진도 값 텍스트 뒤의 진도 바(직사각형)
위의 분석 에 따 르 면 우 리 는 숫자 가 있 는 진도 조 를 실현 하려 면 다음 과 같은 세 가지 절차 에 따라 그리 면 실현 할 수 있다.
1.reacherd area 그리 기(현재 진도 값 이전 텍스트 의 진도 바)
2.text area 그리 기(현재 진행 값 텍스트)
3.unreacherd area(현재 진도 값 텍스트 뒤의 진도 바)를 그리 면 됩 니 다.
2.사용자 정의 속성
우 리 는 상기 세 부분의 색깔,글씨체 크기,진도 조 의 최대 치,진도 조 의 직사각형 높이 등 속성 이 모두 바 뀔 수 있다 는 것 을 발 견 했 기 때문에 서로 다른 인터페이스 효 과 를 나 타 냈 다.
따라서 우 리 는 이 속성 들 을 모두 사용자 정의 속성 으로 합 니 다.이렇게 하면 우 리 는 안 드 로 이 드 가 공식 적 으로 제공 하 는 구성 요소 들 처럼 xml 로 속성 을 정의 할 수 있 습 니 다.
1.자신의 속성 설정 파일 정의:attr.xml
res/values 파일 에서 attrs.xml 파일 을 정의 합 니 다.res/values/attrs.xml 정의 코드 는 다음 과 같 습 니 다.

<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="NumberProgressBar">
<!--         -->
<attr name="progress_current" format="integer"/>
<!--         -->
<attr name="progress_max" format="integer"/>
<!--               -->
<attr name="progress_unreached_color" format="color"/>
<!--               -->
<attr name="progress_reached_color" format="color"/>
<!--                 -->
<attr name="progress_reached_bar_height" format="dimension"/>
<!--                -->
<attr name="progress_unreached_bar_height" format="dimension"/>
<!--            -->
<attr name="progress_text_size" format="dimension"/>
<!--          -->
<attr name="progress_text_color" format="color"/>
<!--            -->
<attr name="progress_text_offset" format="dimension"/>
<!--           -->
<attr name="progress_text_visibility" format="enum">
<enum name="visible" value="0"/>
<enum name="invisible" value="1"/>
</attr>
</declare-styleable>
<declare-styleable name="Themes">
<attr name="numberProgressBarStyle" format="reference"/>
</declare-styleable>
</resources>

2.테마 설정 파일 정의:styles.xml
res/values 파일 에서 styles.xml 파일 을 정의 합 니 다.사용자 가 선택 할 수 있 도록 기본 테마 옵션 을 정의 합 니 다.res/values/styles.xml 정의 코드 는 다음 과 같 습 니 다.

<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="NumberProgressBar_Default">
<item name="android:layout_height">wrap_content</item>
<item name="android:layout_width">match_parent</item>
<item name="progress_max">100</item>
<item name="progress_current">0</item>
<item name="progress_unreached_color">#CCCCCC</item>
<item name="progress_reached_color">#3498DB</item>
<item name="progress_text_size">10sp</item>
<item name="progress_text_color">#3498DB</item>
<item name="progress_reached_bar_height">1.5dp</item>
<item name="progress_unreached_bar_height">0.75dp</item>
</style>
<style name="NumberProgressBar_Passing_Green">
<item name="android:layout_height">wrap_content</item>
<item name="android:layout_width">match_parent</item>
<item name="progress_max">100</item>
<item name="progress_current">0</item>
<item name="progress_unreached_color">#CCCCCC</item>
<item name="progress_reached_color">#70A800</item>
<item name="progress_text_size">10sp</item>
<item name="progress_text_color">#70A800</item>
<item name="progress_reached_bar_height">1.5dp</item>
<item name="progress_unreached_bar_height">0.75dp</item>
</style>
<style name="NumberProgressBar_Beauty_Red">
<item name="android:layout_height">wrap_content</item>
<item name="android:layout_width">match_parent</item>
<item name="progress_max">100</item>
<item name="progress_current">0</item>
<item name="progress_unreached_color">#CCCCCC</item>
<item name="progress_reached_color">#FF3D7F</item>
<item name="progress_text_size">10sp</item>
<item name="progress_text_color">#FF3D7F</item>
<item name="progress_reached_bar_height">1.5dp</item>
<item name="progress_unreached_bar_height">0.75dp</item>
</style>
<style name="NumberProgressBar_Warning_Red">
<item name="android:layout_height">wrap_content</item>
<item name="android:layout_width">match_parent</item>
<item name="progress_max">100</item>
<item name="progress_current">0</item>
<item name="progress_unreached_color">#CCCCCC</item>
<item name="progress_reached_color">#E74C3C</item>
<item name="progress_text_size">10sp</item>
<item name="progress_text_color">#E74C3C</item>
<item name="progress_reached_bar_height">1.5dp</item>
<item name="progress_unreached_bar_height">0.75dp</item>
</style>
<style name="NumberProgressBar_Relax_Blue">
<item name="android:layout_height">wrap_content</item>
<item name="android:layout_width">match_parent</item>
<item name="progress_max">100</item>
<item name="progress_current">0</item>
<item name="progress_unreached_color">#CCCCCC</item>
<item name="progress_reached_color">#6DBCDB</item>
<item name="progress_text_size">10sp</item>
<item name="progress_text_color">#6DBCDB</item>
<item name="progress_reached_bar_height">1.5dp</item>
<item name="progress_unreached_bar_height">0.75dp</item>
</style>
<style name="NumberProgressBar_Grace_Yellow">
<item name="android:layout_height">wrap_content</item>
<item name="android:layout_width">match_parent</item>
<item name="progress_max">100</item>
<item name="progress_current">0</item>
<item name="progress_unreached_color">#CCCCCC</item>
<item name="progress_reached_color">#FFC73B</item>
<item name="progress_text_size">10sp</item>
<item name="progress_text_color">#FFC73B</item>
<item name="progress_reached_bar_height">1.5dp</item>
<item name="progress_unreached_bar_height">0.75dp</item>
</style>
<style name="NumberProgressBar_Funny_Orange">
<item name="android:layout_height">wrap_content</item>
<item name="android:layout_width">match_parent</item>
<item name="progress_max">100</item>
<item name="progress_current">0</item>
<item name="progress_unreached_color">#CCCCCC</item>
<item name="progress_reached_color">#FF530D</item>
<item name="progress_text_size">10sp</item>
<item name="progress_text_color">#FF530D</item>
<item name="progress_reached_bar_height">1.5dp</item>
<item name="progress_unreached_bar_height">0.75dp</item>
</style>
<style name="NumberProgressBar_Twinkle_Night">
<item name="android:layout_height">wrap_content</item>
<item name="android:layout_width">match_parent</item>
<item name="progress_max">100</item>
<item name="progress_current">0</item>
<item name="progress_unreached_color">#CCCCCC</item>
<item name="progress_reached_color">#ECF0F1</item>
<item name="progress_text_size">10sp</item>
<item name="progress_text_color">#ECF0F1</item>
<item name="progress_reached_bar_height">1.5dp</item>
<item name="progress_unreached_bar_height">0.75dp</item>
</style>
</resources>

3.사용자 정의 View 는 숫자 가 있 는 진도 바 를 실현 합 니 다.

package com.daimajia.numberprogressbar;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.os.Bundle;
import android.os.Parcelable;
import android.util.AttributeSet;
import android.view.View;
import static com.daimajia.numberprogressbar.NumberProgressBar.ProgressTextVisibility.Invisible;
import static com.daimajia.numberprogressbar.NumberProgressBar.ProgressTextVisibility.Visible;
/**
* Created by daimajia on 14-4-30.
*/
public class NumberProgressBar extends View {
/**
*       
*/
private int mMaxProgress = 100;
/**
* Current progress, can not exceed the max progress.
*      ，          
*/
private int mCurrentProgress = 0;
/**
* The progress area bar color.
*                
*/
private int mReachedBarColor;
/**
* The bar unreached area color.
*                
*/
private int mUnreachedBarColor;
/**
* The progress text color.
*           
*/
private int mTextColor;
/**
* The progress text size.
*             
*/
private float mTextSize;
/**
* The height of the reached area.
*                 
*/
private float mReachedBarHeight;
/**
* The height of the unreached area.
*                 
*/
private float mUnreachedBarHeight;
/**
* The suffix of the number.
*            
*/
private String mSuffix = "%";
/**
* The prefix.
*            
*/
private String mPrefix = "";
//            
private final int default_text_color = Color.rgb(66, 145, 241);
//            
private final float default_text_size;
//               
private final int default_reached_color = Color.rgb(66, 145, 241);
//               
private final int default_unreached_color = Color.rgb(204, 204, 204);
//              
private final float default_progress_text_offset;
//                  
private final float default_reached_bar_height;
//                  
private final float default_unreached_bar_height;
/**
* For save and restore instance of progressbar.
*/
private static final String INSTANCE_STATE = "saved_instance";
private static final String INSTANCE_TEXT_COLOR = "text_color";
private static final String INSTANCE_TEXT_SIZE = "text_size";
private static final String INSTANCE_REACHED_BAR_HEIGHT = "reached_bar_height";
private static final String INSTANCE_REACHED_BAR_COLOR = "reached_bar_color";
private static final String INSTANCE_UNREACHED_BAR_HEIGHT = "unreached_bar_height";
private static final String INSTANCE_UNREACHED_BAR_COLOR = "unreached_bar_color";
private static final String INSTANCE_MAX = "max";
private static final String INSTANCE_PROGRESS = "progress";
private static final String INSTANCE_SUFFIX = "suffix";
private static final String INSTANCE_PREFIX = "prefix";
private static final String INSTANCE_TEXT_VISIBILITY = "text_visibility";
//            0   ，1    
private static final int PROGRESS_TEXT_VISIBLE = 0;
/**
* The width of the text that to be drawn.
*                
*/
private float mDrawTextWidth;
/**
* The drawn text start.
*                  
*/
private float mDrawTextStart;
/**
* The drawn text end.
*                  
*/
private float mDrawTextEnd;
/**
* The text that to be drawn in onDraw().
*             
*/
private String mCurrentDrawText;
/**
* The Paint of the reached area.
*                   
*/
private Paint mReachedBarPaint;
/**
* The Paint of the unreached area.
*                   
*/
private Paint mUnreachedBarPaint;
/**
* The Paint of the progress text.
*              
*/
private Paint mTextPaint;
/**
* Unreached bar area to draw rect.
*              （   ）
*/
private RectF mUnreachedRectF = new RectF(0, 0, 0, 0);
/**
* Reached bar area rect.
*              （   ）
*/
private RectF mReachedRectF = new RectF(0, 0, 0, 0);
/**
* The progress text offset.
*             
*/
private float mOffset;
/**
* Determine if need to draw unreached area.
*                
*/
private boolean mDrawUnreachedBar = true;
/**
*                
*/
private boolean mDrawReachedBar = true;
/**
*            
*/
private boolean mIfDrawText = true;
/**
* Listener
*/
private OnProgressBarListener mListener;
public enum ProgressTextVisibility {
Visible, Invisible
}
public NumberProgressBar(Context context) {
this(context, null);
}
public NumberProgressBar(Context context, AttributeSet attrs) {
this(context, attrs, R.attr.numberProgressBarStyle);
}
public NumberProgressBar(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
default_reached_bar_height = dp2px(1.5f);
default_unreached_bar_height = dp2px(1.0f);
default_text_size = sp2px(10);
default_progress_text_offset = dp2px(3.0f);
//       
final TypedArray attributes = context.getTheme().obtainStyledAttributes(attrs, R.styleable.NumberProgressBar,
defStyleAttr, 0);
mReachedBarColor = attributes.getColor(R.styleable.NumberProgressBar_progress_reached_color, default_reached_color);
mUnreachedBarColor = attributes.getColor(R.styleable.NumberProgressBar_progress_unreached_color, default_unreached_color);
mTextColor = attributes.getColor(R.styleable.NumberProgressBar_progress_text_color, default_text_color);
mTextSize = attributes.getDimension(R.styleable.NumberProgressBar_progress_text_size, default_text_size);
mReachedBarHeight = attributes.getDimension(R.styleable.NumberProgressBar_progress_reached_bar_height, default_reached_bar_height);
mUnreachedBarHeight = attributes.getDimension(R.styleable.NumberProgressBar_progress_unreached_bar_height, default_unreached_bar_height);
mOffset = attributes.getDimension(R.styleable.NumberProgressBar_progress_text_offset, default_progress_text_offset);
int textVisible = attributes.getInt(R.styleable.NumberProgressBar_progress_text_visibility, PROGRESS_TEXT_VISIBLE);
if (textVisible != PROGRESS_TEXT_VISIBLE) {
mIfDrawText = false;
}
setProgress(attributes.getInt(R.styleable.NumberProgressBar_progress_current, 0));
setMax(attributes.getInt(R.styleable.NumberProgressBar_progress_max, 100));
//   TypedArray,           。   TypedArrayPool  ，    
attributes.recycle();
initializePainters();
}
@Override
protected int getSuggestedMinimumWidth() {
return (int) mTextSize;
}
@Override
protected int getSuggestedMinimumHeight() {
return Math.max((int) mTextSize, Math.max((int) mReachedBarHeight, (int) mUnreachedBarHeight));
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
/**
* MeasureSpec     int ，   32   16 ，
*  32     specMode， 16   specSize，
*
* specMode   ：
1、MeasureSpec.UNSPECIFIED,              ，              ；
2、MeasureSpec.EXACTLY，            specSize      ；
3、MeasureSpec.AT_MOST，         specSize    。
*/
setMeasuredDimension(measure(widthMeasureSpec, true), measure(heightMeasureSpec, false));
}
private int measure(int measureSpec, boolean isWidth) {
int result;
int mode = MeasureSpec.getMode(measureSpec);
int size = MeasureSpec.getSize(measureSpec);
int padding = isWidth ? getPaddingLeft() + getPaddingRight() : getPaddingTop() + getPaddingBottom();
/**
         ，           ，         。
(   width height match_parent ，   EXACTLY，   view          ，         )
*/
if (mode == MeasureSpec.EXACTLY) {
result = size;
} else {
result = isWidth ? getSuggestedMinimumWidth() : getSuggestedMinimumHeight();
result += padding;
/**
*            
* (    wrap_content ，   AT_MOST,    view        ，   view               )
*/
if (mode == MeasureSpec.AT_MOST) {
if (isWidth) {
result = Math.max(result, size);
} else {
result = Math.min(result, size);
}
}
}
return result;
}
@Override
protected void onDraw(Canvas canvas) {
//            
if (mIfDrawText) {
calculateDrawRectF();
}else {
calculateDrawRectFWithoutProgressText();
}
//                
if (mDrawReachedBar) {
canvas.drawRect(mReachedRectF, mReachedBarPaint);
}
//                
if (mDrawUnreachedBar) {
canvas.drawRect(mUnreachedRectF, mUnreachedBarPaint);
}
//         
if (mIfDrawText)
canvas.drawText(mCurrentDrawText, mDrawTextStart, mDrawTextEnd, mTextPaint);
}
/**
*      
*/
private void initializePainters() {
mReachedBarPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
mReachedBarPaint.setColor(mReachedBarColor);
mUnreachedBarPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
mUnreachedBarPaint.setColor(mUnreachedBarColor);
mTextPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
mTextPaint.setColor(mTextColor);
mTextPaint.setTextSize(mTextSize);
}
/**
*                       
*/
private void calculateDrawRectFWithoutProgressText() {
//       
//           （   ）   
mReachedRectF.left = getPaddingLeft();
mReachedRectF.top = getHeight() / 2.0f - mReachedBarHeight / 2.0f;
mReachedRectF.right =
(getWidth() - getPaddingLeft() - getPaddingRight()) / (getMax() * 1.0f) * getProgress()
+ getPaddingLeft();
mReachedRectF.bottom = getHeight() / 2.0f + mReachedBarHeight / 2.0f;
//           （   ）   
mUnreachedRectF.left = mReachedRectF.right;
mUnreachedRectF.right = getWidth() - getPaddingRight();
mUnreachedRectF.top = getHeight() / 2.0f + -mUnreachedBarHeight / 2.0f;
mUnreachedRectF.bottom = getHeight() / 2.0f + mUnreachedBarHeight / 2.0f;
}
/**
*                      
*/
private void calculateDrawRectF() {
//            
mCurrentDrawText = String.format("%d", getProgress() * 100 / getMax());
mCurrentDrawText = mPrefix + mCurrentDrawText + mSuffix;
//               
mDrawTextWidth = mTextPaint.measureText(mCurrentDrawText);
//        0，               
if (getProgress() == 0) {
mDrawReachedBar = false;
mDrawTextStart = getPaddingLeft();
}
//                 
else {
mDrawReachedBar = true;
//             （   ）   
mReachedRectF.left = getPaddingLeft();
mReachedRectF.top = getHeight() / 2.0f - mReachedBarHeight / 2.0f;
mReachedRectF.right= (getWidth() - getPaddingLeft() - getPaddingRight()) / (getMax() * 1.0f) * getProgress()
- mOffset + getPaddingLeft();
mReachedRectF.bottom = getHeight() / 2.0f + mReachedBarHeight / 2.0f;
//             
mDrawTextStart = (mReachedRectF.right + mOffset);
}
//             
mDrawTextEnd = (int) ((getHeight() / 2.0f) - ((mTextPaint.descent() + mTextPaint.ascent()) / 2.0f));
//              ，                               （   ）   
if ((mDrawTextStart + mDrawTextWidth) >= getWidth() - getPaddingRight()) {
mDrawTextStart = getWidth() - getPaddingRight() - mDrawTextWidth;
mReachedRectF.right = mDrawTextStart - mOffset;
}
//                  
float unreachedBarStart = mDrawTextStart + mDrawTextWidth + mOffset;
//                 ，            
if (unreachedBarStart >= getWidth() - getPaddingRight()) {
mDrawUnreachedBar = false;
} else {
mDrawUnreachedBar = true;
//             （   ）   
mUnreachedRectF.left = unreachedBarStart;
mUnreachedRectF.right = getWidth() - getPaddingRight();
mUnreachedRectF.top = getHeight() / 2.0f + -mUnreachedBarHeight / 2.0f;
mUnreachedRectF.bottom = getHeight() / 2.0f + mUnreachedBarHeight / 2.0f;
}
}
/**
* Get progress text color.
*             
* @return progress text color.
*/
public int getTextColor() {
return mTextColor;
}
/**
* Get progress text size.
*               
* @return progress text size.
*/
public float getProgressTextSize() {
return mTextSize;
}
/**
*                  
*/
public int getUnreachedBarColor() {
return mUnreachedBarColor;
}
/**
*                  
*/
public int getReachedBarColor() {
return mReachedBarColor;
}
/**
*            
*/
public int getProgress() {
return mCurrentProgress;
}
/**
*          
*/
public int getMax() {
return mMaxProgress;
}
/**
*                   
*/
public float getReachedBarHeight() {
return mReachedBarHeight;
}
/**
*                   
*/
public float getUnreachedBarHeight() {
return mUnreachedBarHeight;
}
/**
*               
* @param textSize             
*/
public void setProgressTextSize(float textSize) {
this.mTextSize = textSize;
mTextPaint.setTextSize(mTextSize);
invalidate();
}
/**
*             
* @param textColor           
*/
public void setProgressTextColor(int textColor) {
this.mTextColor = textColor;
mTextPaint.setColor(mTextColor);
invalidate();
}
/**
*                  
* @param barColor                
*/
public void setUnreachedBarColor(int barColor) {
this.mUnreachedBarColor = barColor;
mUnreachedBarPaint.setColor(mUnreachedBarColor);
invalidate();
}
/**
*                  
* @param progressColor                
*/
public void setReachedBarColor(int progressColor) {
this.mReachedBarColor = progressColor;
mReachedBarPaint.setColor(mReachedBarColor);
invalidate();
}
/**
*                   
* @param height                 
*/
public void setReachedBarHeight(float height) {
mReachedBarHeight = height;
}
/**
*                   
* @param height                 
*/
public void setUnreachedBarHeight(float height) {
mUnreachedBarHeight = height;
}
/**
*          
* @param maxProgress        
*/
public void setMax(int maxProgress) {
if (maxProgress > 0) {
this.mMaxProgress = maxProgress;
invalidate();
}
}
/**
*             
* @param suffix           
*/
public void setSuffix(String suffix) {
if (suffix == null) {
mSuffix = "";
} else {
mSuffix = suffix;
}
}
/**
*             
*/
public String getSuffix() {
return mSuffix;
}
/**
*             
* @param prefix           
*/
public void setPrefix(String prefix) {
if (prefix == null)
mPrefix = "";
else {
mPrefix = prefix;
}
}
/**
*             
*/
public String getPrefix() {
return mPrefix;
}
/**
*              
* @param by     
*/
public void incrementProgressBy(int by) {
if (by > 0) {
setProgress(getProgress() + by);
}
if (mListener != null) {
//  onProgressChange()              
mListener.onProgressChange(getProgress(), getMax());
}
}
/**
*        
*
* @param progress      
*/
public void setProgress(int progress) {
if (progress <= getMax() && progress >= 0) {
this.mCurrentProgress = progress;
invalidate();
}
}
@Override
protected Parcelable onSaveInstanceState() {
final Bundle bundle = new Bundle();
bundle.putParcelable(INSTANCE_STATE, super.onSaveInstanceState());
bundle.putInt(INSTANCE_TEXT_COLOR, getTextColor());
bundle.putFloat(INSTANCE_TEXT_SIZE, getProgressTextSize());
bundle.putFloat(INSTANCE_REACHED_BAR_HEIGHT, getReachedBarHeight());
bundle.putFloat(INSTANCE_UNREACHED_BAR_HEIGHT, getUnreachedBarHeight());
bundle.putInt(INSTANCE_REACHED_BAR_COLOR, getReachedBarColor());
bundle.putInt(INSTANCE_UNREACHED_BAR_COLOR, getUnreachedBarColor());
bundle.putInt(INSTANCE_MAX, getMax());
bundle.putInt(INSTANCE_PROGRESS, getProgress());
bundle.putString(INSTANCE_SUFFIX, getSuffix());
bundle.putString(INSTANCE_PREFIX, getPrefix());
bundle.putBoolean(INSTANCE_TEXT_VISIBILITY, getProgressTextVisibility());
return bundle;
}
@Override
protected void onRestoreInstanceState(Parcelable state) {
if (state instanceof Bundle) {
final Bundle bundle = (Bundle) state;
mTextColor = bundle.getInt(INSTANCE_TEXT_COLOR);
mTextSize = bundle.getFloat(INSTANCE_TEXT_SIZE);
mReachedBarHeight = bundle.getFloat(INSTANCE_REACHED_BAR_HEIGHT);
mUnreachedBarHeight = bundle.getFloat(INSTANCE_UNREACHED_BAR_HEIGHT);
mReachedBarColor = bundle.getInt(INSTANCE_REACHED_BAR_COLOR);
mUnreachedBarColor = bundle.getInt(INSTANCE_UNREACHED_BAR_COLOR);
initializePainters();
setMax(bundle.getInt(INSTANCE_MAX));
setProgress(bundle.getInt(INSTANCE_PROGRESS));
setPrefix(bundle.getString(INSTANCE_PREFIX));
setSuffix(bundle.getString(INSTANCE_SUFFIX));
setProgressTextVisibility(bundle.getBoolean(INSTANCE_TEXT_VISIBILITY) ? Visible : Invisible);
super.onRestoreInstanceState(bundle.getParcelable(INSTANCE_STATE));
return;
}
super.onRestoreInstanceState(state);
}
/**
* dp px
*/
public float dp2px(float dp) {
final float scale = getResources().getDisplayMetrics().density;
return dp * scale + 0.5f;
}
/**
* sp px
*/
public float sp2px(float sp) {
final float scale = getResources().getDisplayMetrics().scaledDensity;
return sp * scale;
}
/**
*              
*/
public void setProgressTextVisibility(ProgressTextVisibility visibility) {
mIfDrawText = visibility == Visible;
invalidate();
}
/**
*              
*/
public boolean getProgressTextVisibility() {
return mIfDrawText;
}
/**
*             
*/
public void setOnProgressBarListener(OnProgressBarListener listener) {
mListener = listener;
}
}

위 코드 와 같이:
사용자 정의 NumberProgressBar 컨트롤 의 구조 방법 에서 모든 사용자 정의 속성 값 을 가 져 왔 습 니 다.설정 이 없 으 면 기본 사용자 정의 속성 값 을 사용 합 니 다.
그 다음 에 onMeasure(int widthMeasureSpec,int height MeasureSpec)방법 을 다시 써 서 사용자 정의 NumberProgressBar 컨트롤 의 크기 를 확인 합 니 다.
이 어 onDraw()방법 을 다시 써 서 사용자 정의 숫자 가 있 는 진행 바 를 그립 니 다.
세 번 째 단 계 는 레이아웃 파일 에 사용자 정의 숫자 가 있 는 진 도 를 추가 합 니 다.
res/layot 디 렉 터 리 에 activity 를 정의 합 니 다.main.xml 파일,res/layout/activitymain.xml 정의 코드 는 다음 과 같 습 니 다.

<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:custom="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
android:orientation="vertical"
tools:context="com.daimajia.numberprogressbar.example.MainActivity=">
<com.daimajia.numberprogressbar.NumberProgressBar
android:id="@+id/numberbar1"
android:layout_width="wrap_content"
android:padding="20dp"
custom:progress_current="0"
style="@style/NumberProgressBar_Default"
android:layout_height="wrap_content" />
<com.daimajia.numberprogressbar.NumberProgressBar
android:id="@+id/numberbar2"
android:layout_height="wrap_content"
android:padding="20dp"
custom:progress_current="20"
android:layout_width="match_parent"
style="@style/NumberProgressBar_Passing_Green"
/>
<com.daimajia.numberprogressbar.NumberProgressBar
android:id="@+id/numberbar3"
android:layout_margin="20dp"
style="@style/NumberProgressBar_Relax_Blue"
custom:progress_current="30"
android:layout_height="wrap_content" />
<com.daimajia.numberprogressbar.NumberProgressBar
android:id="@+id/numberbar4"
android:layout_width="wrap_content"
android:layout_margin="20dp"
style="@style/NumberProgressBar_Grace_Yellow"
custom:progress_current="40"
android:layout_height="wrap_content" />
<com.daimajia.numberprogressbar.NumberProgressBar
android:id="@+id/numberbar5"
android:layout_width="wrap_content"
android:layout_margin="20dp"
custom:progress_current="50"
style="@style/NumberProgressBar_Warning_Red"
android:layout_height="wrap_content" />
<com.daimajia.numberprogressbar.NumberProgressBar
android:id="@+id/numberbar6"
android:layout_width="wrap_content"
android:layout_margin="20dp"
style="@style/NumberProgressBar_Funny_Orange"
custom:progress_current="60"
android:layout_height="wrap_content" />
<com.daimajia.numberprogressbar.NumberProgressBar
android:id="@+id/numberbar7"
android:layout_width="wrap_content"
android:layout_margin="20dp"
style="@style/NumberProgressBar_Beauty_Red"
custom:progress_current="70"
android:layout_height="wrap_content" />
<com.daimajia.numberprogressbar.NumberProgressBar
android:id="@+id/numberbar8"
android:layout_width="wrap_content"
android:layout_margin="20dp"
style="@style/NumberProgressBar_Twinkle_Night"
custom:progress_current="80"
android:layout_height="wrap_content" />
<com.daimajia.numberprogressbar.NumberProgressBar
android:id="@+id/numberbar9"
android:layout_width="wrap_content"
android:layout_margin="20dp"
custom:progress_current="20"
custom:progress_max="100"
custom:progress_unreached_color="#FF530D"
custom:progress_reached_color="#6DBCDB"
custom:progress_text_size="10sp"
custom:progress_text_color="#ECF0F1"
custom:progress_reached_bar_height="1.5dp"
custom:progress_unreached_bar_height="0.75dp"
android:layout_height="wrap_content" />
</LinearLayout>

네 번 째 단 계 는 Activity 로 레이아웃 파일 을 불 러 오고 사용자 정의 숫자 가 있 는 진 도 를 표시 합 니 다.
MainActivity 의 코드 는 다음 과 같 습 니 다.

package com.daimajia.numberprogressbar.example;
import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.widget.Toast;
import com.daimajia.numberprogressbar.NumberProgressBar;
import com.daimajia.numberprogressbar.OnProgressBarListener;
import java.util.Timer;
import java.util.TimerTask;
public class MainActivity extends Activity implements OnProgressBarListener {
private Timer timer;
private NumberProgressBar bnp;
private NumberProgressBar bnp9;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
bnp = (NumberProgressBar)findViewById(R.id.numberbar1);
bnp.setOnProgressBarListener(this);
bnp9 = (NumberProgressBar)findViewById(R.id.numberbar9);
bnp9.setPrefix("   ：");
bnp9.setSuffix("% CSDN");
bnp9.setProgressTextSize(20);
bnp9.setProgressTextColor(Color.YELLOW);
bnp9.setProgressTextVisibility(NumberProgressBar.ProgressTextVisibility.Visible);
bnp9.setUnreachedBarColor(Color.RED);
bnp9.setReachedBarHeight(10);
bnp9.setReachedBarHeight(5);
timer = new Timer();
timer.schedule(new TimerTask() {
@Override
public void run() {
runOnUiThread(new Runnable() {
@Override
public void run() {
bnp.incrementProgressBy(1);
}
});
}
}, 1000, 100);
}
@Override
protected void onDestroy() {
super.onDestroy();
timer.cancel();
}
@Override
public void onProgressChange(int current, int max) {
if(current == max) {
Toast.makeText(getApplicationContext(), getString(R.string.finish), Toast.LENGTH_SHORT).show();
bnp.setProgress(0);
}
}
}

표시 되 는 효과 그림:



소 개 를 다 본 후에 독 자 는 아래 주소 로 가서 완전한 프로젝트 코드 를 볼 수 있다.
daimajia 의 github 에서 이 프로젝트 의 원본 주소
https://github.com/daimajia/NumberProgressBar
다음 그림 과 같이 NumberProgresBar 의 또 다른 예 가 있 습 니 다.



이상 의 내용 은 소 편 이 소개 한 안 드 로 이 드 사용자 정의 View 가 숫자 가 있 는 진도 바 인 스 턴 스 코드 입 니 다.도움 이 되 셨 으 면 좋 겠 습 니 다!