android 炫酷进度条,Android打造炫酷进度条效果

本文实例为大家分享了Android炫酷进度条效果的具体代码，供大家参考，具体内容如下

HorizontalProgressbarWithProgress的代码

import android.content.Context;

import android.content.res.TypedArray;

import android.graphics.Canvas;

import android.graphics.Paint;

import android.os.Build;

import android.support.annotation.RequiresApi;

import android.util.AttributeSet;

import android.util.TypedValue;

import android.widget.ProgressBar;

import trunk.doi.base.R;

/**

* 作者：Mr.Lee on 2017-10-17 15:51

* 邮箱：[email protected]

*/

public class HorizontalProgressbarWithProgress extends ProgressBar{

private static final int DEFAULT_TEXT_SIZE=10;//sp

private static final int DEFAULT_TEXT_COLOR=0xFFFC00D1;

private static final int DEFAULT_COLOR_UNREACH=0xFFD3D6DA;

private static final int DEFAULT_HEIGHT_UNREACH=2;//dp

private static final int DEFAULT_COLOR_REACH=DEFAULT_TEXT_COLOR;

private static final int DEFAULT_HEIGHT_REACH=2;

private static final int DEFAULT_TEXT_OFFSET=10;

protected int mTextSize=sp2px(DEFAULT_TEXT_SIZE);

protected int mTextColor=DEFAULT_TEXT_COLOR;

protected int mUnReachColor=DEFAULT_COLOR_UNREACH;

protected int mUnReachHeigh=dp2px(DEFAULT_HEIGHT_UNREACH);

protected int mReachHeigh=dp2px(DEFAULT_HEIGHT_REACH);

protected int mReachColor=DEFAULT_COLOR_REACH;

protected int mTextOffset=dp2px(DEFAULT_TEXT_OFFSET);

protected Paint mPaint=new Paint();

protected int mRealWidth;

public HorizontalProgressbarWithProgress(Context context) {

super(context);

init(null);

}

public HorizontalProgressbarWithProgress(Context context, AttributeSet attrs) {

super(context, attrs);

init(attrs);

}

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

super(context, attrs, defStyleAttr);

init(attrs);

}

@RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)

public HorizontalProgressbarWithProgress(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {

super(context, attrs, defStyleAttr, defStyleRes);

init(attrs);

}

private void init(AttributeSet attrs) {

/**

* 获取dimension的方法有几种，区别不大

* 共同点是都会将dp，sp的单位转为px，px单位的保持不变

*

* getDimension() 返回float，

* getDimensionPixelSize 返回int 小数部分四舍五入

* getDimensionPixelOffset 返回int，但是会抹去小数部分

*/

TypedArray array=getContext().obtainStyledAttributes(attrs, R.styleable.HorizontalProgressbarWithProgress);

mTextSize= (int) array.getDimension(R.styleable.HorizontalProgressbarWithProgress_progress_text_size,mTextSize);

mTextColor=array.getColor(R.styleable.HorizontalProgressbarWithProgress_progress_text_color,mTextColor);

mUnReachColor=array.getColor(R.styleable.HorizontalProgressbarWithProgress_progress_unreach_color,mUnReachColor);

mUnReachHeigh=(int) array.getDimension(R.styleable.HorizontalProgressbarWithProgress_progress_unreach_height,mUnReachHeigh);

mReachHeigh=(int) array.getDimension(R.styleable.HorizontalProgressbarWithProgress_progress_reach_height,mReachHeigh);

mTextOffset=(int) array.getDimension(R.styleable.HorizontalProgressbarWithProgress_progress_text_offset,mTextOffset);

mReachColor=array.getColor(R.styleable.HorizontalProgressbarWithProgress_progress_reach_color,mReachColor);

array.recycle();

mPaint.setTextSize(mTextSize);

}

@Override

protected synchronized void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

// int widthMode=MeasureSpec.getMode(widthMeasureSpec);

int width=MeasureSpec.getSize(widthMeasureSpec);

int heigh=measureHeight(heightMeasureSpec);

setMeasuredDimension(width,heigh);

mRealWidth=getMeasuredWidth()-getPaddingLeft()-getPaddingRight();

}

private int measureHeight(int heightMeasureSpec) {

int result=0;

int mode=MeasureSpec.getMode(heightMeasureSpec);

int size=MeasureSpec.getSize(heightMeasureSpec);

if(mode==MeasureSpec.EXACTLY){

result=size;

}else{

int textHeigh= (int) (mPaint.descent()-mPaint.ascent());

result=getPaddingTop()+getPaddingBottom()+Math.max(Math.max(mReachHeigh,mUnReachHeigh),Math.abs(textHeigh));

if(mode==MeasureSpec.AT_MOST){

result=Math.min(result,size);

}

}

return result;

}

@Override

protected synchronized void onDraw(Canvas canvas) {

canvas.save();

canvas.translate(getPaddingLeft(),getHeight()/2);

boolean noNeedUnReach=false;

String text=getProgress()+"%";

int textWidth= (int) mPaint.measureText(text);

float radio =getProgress()*1.0f/getMax();

float progressX=radio*mRealWidth;

if(progressX+textWidth>mRealWidth){

progressX=mRealWidth-textWidth;

noNeedUnReach=true;

}

float endX=progressX-mTextOffset/2;

if(endX>0){

mPaint.setColor(mReachColor);

mPaint.setStrokeWidth(mReachHeigh);

canvas.drawLine(0,0,endX,0,mPaint);

}

//draw text

mPaint.setColor(mTextColor);

int y = (int) (-(mPaint.descent()+mPaint.ascent())/2);

canvas.drawText(text,progressX,y,mPaint);

//draw unreach bar

if(!noNeedUnReach){

float startX=progressX+ mTextOffset/2+textWidth;

mPaint.setColor(mUnReachColor);

mPaint.setStrokeWidth(mUnReachHeigh);

canvas.drawLine(startX,0,mRealWidth,0,mPaint);

}

canvas.restore();

}

protected int dp2px(int dpVal){

return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,dpVal,getResources().getDisplayMetrics());

}

protected int sp2px(int spVal){

return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP,spVal,getResources().getDisplayMetrics());

}

}

RoundProgressBarWithProgress的代码

import android.content.Context;

import android.content.res.TypedArray;

import android.graphics.Canvas;

import android.graphics.Paint;

import android.graphics.RectF;

import android.os.Build;

import android.support.annotation.RequiresApi;

import android.util.AttributeSet;

import trunk.doi.base.R;

/**

* 作者：Mr.Lee on 2017-10-18 10:48

* 邮箱：[email protected]

*/

public class RoundProgressBarWithProgress extends HorizontalProgressbarWithProgress {

private int mRadius=dp2px(30);

private int mMaxPaintWidth;

public RoundProgressBarWithProgress(Context context) {

super(context);

init(null);

}

public RoundProgressBarWithProgress(Context context, AttributeSet attrs) {

super(context, attrs);

init(attrs);

}

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

super(context, attrs, defStyleAttr);

init(attrs);

}

@RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)

public RoundProgressBarWithProgress(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {

super(context, attrs, defStyleAttr, defStyleRes);

init(attrs);

}

private void init(AttributeSet attrs){

mReachHeigh= (int) (mUnReachHeigh*2.5f);

TypedArray array=getContext().obtainStyledAttributes(attrs, R.styleable.RoundProgressBarWithProgress);

mRadius=(int) array.getDimension(R.styleable.RoundProgressBarWithProgress_radius,mRadius);

array.recycle();

mPaint.setStyle(Paint.Style.STROKE);

mPaint.setAntiAlias(true);

mPaint.setDither(true);

mPaint.setStrokeCap(Paint.Cap.ROUND);

}

@Override

protected synchronized void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

mMaxPaintWidth=Math.max(mReachHeigh,mUnReachHeigh);

//默认4个padding一致

int except=mRadius*2+mMaxPaintWidth+getPaddingLeft()+getPaddingRight();

int width=resolveSize(except,widthMeasureSpec);

int height=resolveSize(except,heightMeasureSpec);

int realWidth=Math.min(width,height);

mRadius=(realWidth-getPaddingLeft()-getPaddingRight()-mMaxPaintWidth)/2;

setMeasuredDimension(realWidth,realWidth);

}

@Override

protected synchronized void onDraw(Canvas canvas) {

String text=getProgress()+"%";

float textWidth=mPaint.measureText(text);

float textHeight=(mPaint.ascent()+mPaint.descent())/2;

canvas.save();

canvas.translate(getPaddingLeft(),getPaddingTop());

mPaint.setStyle(Paint.Style.STROKE);

// draw unreachbar

mPaint.setColor(mUnReachColor);

mPaint.setStrokeWidth(mUnReachHeigh);

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

//draw reach bar

mPaint.setColor(mReachColor);

mPaint.setStrokeWidth(mReachHeigh);

float sweepAngle=getProgress()*1.0f/getMax()*360;

canvas.drawArc(new RectF(0,0,mRadius*2,mRadius*2),0,sweepAngle,false,mPaint);

//draw text

mPaint.setColor(mTextColor);

mPaint.setStyle(Paint.Style.FILL);

canvas.drawText(text,mRadius-textWidth/2,mRadius-textHeight,mPaint);

canvas.restore();

}

}

activity_view_mv代码

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

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

android:id="@+id/rl_view"

android:layout_width="match_parent"

android:layout_height="wrap_content"

>

android:id="@+id/progress_bar"

style="?android:attr/progressBarStyleHorizontal"

android:layout_marginTop="50dp"

android:padding="5dp"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:max="100"

android:progress="50"

app:progress_unreach_color="@color/pink"

app:progress_text_color="@color/yellow"

app:progress_reach_color="@color/red"

/>

android:id="@+id/seekbar"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:padding="5dp"

android:layout_marginTop="100dp"

/>

android:id="@+id/progress_bar2"

style="?android:attr/progressBarStyleHorizontal"

android:layout_marginTop="150dp"

android:padding="5dp"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:max="100"

android:progress="0"

app:progress_unreach_color="@color/pink"

app:progress_text_color="@color/yellow"

app:progress_reach_color="@color/red"

app:progress_reach_height="3dp"

app:progress_unreach_height="1dp"

app:radius="200dp"

/>

ViewMvActivity代码

import android.os.Bundle;

import android.support.annotation.Nullable;

import android.support.v7.widget.AppCompatSeekBar;

import android.view.MotionEvent;

import android.view.View;

import android.widget.RelativeLayout;

import android.widget.SeekBar;

import butterknife.BindView;

import trunk.doi.base.R;

import trunk.doi.base.base.BaseActivity;

public class ViewMvActivity extends BaseActivity {

//没有集成Butterknife的findviewbyid()

@BindView(R.id.progress_bar)

HorizontalProgressbarWithProgress progress_bar;

@BindView(R.id.progress_bar2)

RoundProgressBarWithProgress progress_bar2;

@BindView(R.id.seekbar)

AppCompatSeekBar seekbar;

private float mTouchStartY;

private static final float TOUCH_MOVE_MAX_Y=600;

@Override

protected int initLayoutId() {

return R.layout.activity_view_mv;

}

@Override

protected void initView(@Nullable Bundle savedInstanceState) {

}

@Override

protected void setListener() {

seekbar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {

@Override

public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {

progress_bar.setProgress(progress);

progress_bar2.setProgress(progress);

}

@Override

public void onStartTrackingTouch(SeekBar seekBar) {

}

@Override

public void onStopTrackingTouch(SeekBar seekBar) {

}

});

}

@Override

protected void initData() {

}

}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。