自定义控件 进度条 ProgressBar-2

使用





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

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

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:background="#fff" >

    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:orientation="vertical" >

        <com.bqt.myview.HorizontalProgressBarWithNumber

            android:id="@+id/id_progressbar01"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:layout_margin="5dp"

            android:progress="10" />

        <com.bqt.myview.HorizontalProgressBarWithNumber

            android:layout_width="300dp"

            android:layout_height="10dp"

            android:layout_margin="5dp"

            android:progress="10"

            bqt:progress_reached_bar_height="10dp"

            bqt:progress_text_color="#ff2903FC"

            bqt:progress_unreached_color="#ffBCB4E8" />

        <com.bqt.myview.HorizontalProgressBarWithNumber

            android:layout_width="200dp"

            android:layout_height="30dp"

            android:layout_margin="5dp"

            android:background="#000"

            android:progress="30"

            bqt:progress_text_color="#ff0"

            bqt:progress_text_size="30dp"

            bqt:progress_unreached_bar_height="10dp"

            bqt:progress_unreached_color="#0f0" />

        <com.bqt.myview.HorizontalProgressBarWithNumber

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:layout_margin="5dp"

            android:background="#2000"

            android:progress="10"

            bqt:progress_text_color="#ffF53B03"

            bqt:progress_text_size="15sp"

            bqt:progress_unreached_color="#fff" />

        <com.bqt.myview.RoundProgressBarWidthNumber

            android:id="@+id/id_progress02"

            android:layout_width="match_parent"

            android:layout_height="60dp"

            android:layout_margin="5dp"

            android:progress="10" />

        <com.bqt.myview.RoundProgressBarWidthNumber

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:layout_margin="5dp"

            android:background="#fff"

            android:progress="30"

            bqt:progress_radius="50dp"

            bqt:progress_text_color="#ffF53B03"

            bqt:progress_text_size="20sp" />

        <com.bqt.myview.RoundProgressBarWidthNumber

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:layout_margin="5dp"

            android:background="#300f"

            android:progress="50"

            bqt:progress_text_color="#00f"

            bqt:progress_text_size="25sp"

            bqt:progress_unreached_color="#3000" />

        <com.bqt.myview.RoundProgressBarWidthNumber

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:layout_margin="5dp"

            android:background="#30f0"

            android:progress="70"

            bqt:progress_radius="15dp"

            bqt:progress_reached_color="#f00"

            bqt:progress_text_color="#000"

            bqt:progress_unreached_color="#0f0" />

    </LinearLayout>

</ScrollView>

水平pb


public class HorizontalProgressBarWithNumber extends ProgressBar {

    private static final int DEFAULT_TEXT_SIZE = 10;

    private static final int DEFAULT_TEXT_COLOR = 0XFFFC00D1;

    private static final int DEFAULT_COLOR_UNREACHED_COLOR = 0xFFd3d6da;

    private static final int DEFAULT_HEIGHT_REACHED_PROGRESS_BAR = 2;

    private static final int DEFAULT_HEIGHT_UNREACHED_PROGRESS_BAR = 2;

    private static final int DEFAULT_SIZE_TEXT_OFFSET = 10;

    protected Paint mPaint = new Paint();

    protected int mTextColor = DEFAULT_TEXT_COLOR;

    protected int mTextSize = sp2px(DEFAULT_TEXT_SIZE);

    protected int mTextOffset = dp2px(DEFAULT_SIZE_TEXT_OFFSET);

    protected int mReachedPBHeight = dp2px(DEFAULT_HEIGHT_REACHED_PROGRESS_BAR);

    protected int mReachedBarColor = DEFAULT_TEXT_COLOR;

    protected int mUnReachedBarColor = DEFAULT_COLOR_UNREACHED_COLOR;

    protected int mUnReachedPBHeight = dp2px(DEFAULT_HEIGHT_UNREACHED_PROGRESS_BAR);

    protected int mRealWidth;

    /**是否显示文字*/

    protected boolean mIfDrawText = true;

    public HorizontalProgressBarWithNumber(Context context, AttributeSet attrs) {

        this(context, attrs, 0);

    }

    public HorizontalProgressBarWithNumber(Context context, AttributeSet attrs, int defStyle) {

        super(context, attrs, defStyle);

        TypedArray attributes = getContext().obtainStyledAttributes(attrs, R.styleable.HorizontalPB);

        mTextColor = attributes.getColor(R.styleable.HorizontalPB_progress_text_color, DEFAULT_TEXT_COLOR);

        mTextSize = (int) attributes.getDimension(R.styleable.HorizontalPB_progress_text_size, mTextSize);

        mReachedBarColor = attributes.getColor(R.styleable.HorizontalPB_progress_reached_color, mTextColor);

        mUnReachedBarColor = attributes.getColor(R.styleable.HorizontalPB_progress_unreached_color, DEFAULT_COLOR_UNREACHED_COLOR);

        mReachedPBHeight = (int) attributes.getDimension(R.styleable.HorizontalPB_progress_reached_bar_height, mReachedPBHeight);

        mUnReachedPBHeight = (int) attributes.getDimension(R.styleable.HorizontalPB_progress_unreached_bar_height, mUnReachedPBHeight);

        mTextOffset = (int) attributes.getDimension(R.styleable.HorizontalPB_progress_text_offset, mTextOffset);

        mIfDrawText = attributes.getBoolean(R.styleable.HorizontalPB_progress_text_visibility, true);

        attributes.recycle();

        mPaint.setTextSize(mTextSize);

        mPaint.setColor(mTextColor);

    }

    @Override

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

        int width = MeasureSpec.getSize(widthMeasureSpec);//宽没法使用wrap_content，要不然谁也不知道到底该设为多少

        int height = measureHeight(heightMeasureSpec);

        setMeasuredDimension(width, height);

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

    }

    private int measureHeight(int measureSpec) {

        int result = 0;

        int specMode = MeasureSpec.getMode(measureSpec);

        int specSize = MeasureSpec.getSize(measureSpec);

        if (specMode == MeasureSpec.EXACTLY) {

            result = specSize;

        } else {

            float textHeight = (mPaint.descent() - mPaint.ascent());

            result = (int) (getPaddingTop() + getPaddingBottom() + Math.max(Math.max(mReachedPBHeight, mUnReachedPBHeight), Math.abs(textHeight)));

            if (specMode == MeasureSpec.AT_MOST) {

                result = Math.min(result, specSize);

            }

        }

        return result;

    }

    @Override

    protected synchronized void onDraw(Canvas canvas) {

        canvas.save();//先保存目前画纸的位置，画完后调用restore方法返回到刚才保存的位置

        canvas.translate(getPaddingLeft(), getHeight() / 2);//移动画笔

        boolean noNeedBg = false;

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

        float progressPosX = (int) (mRealWidth * radio);

        String text = getProgress() + "%";

        // mPaint.getTextBounds(text, 0, text.length(), mTextBound);

        float textWidth = mPaint.measureText(text);

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

        if (progressPosX + textWidth > mRealWidth) {

            progressPosX = mRealWidth - textWidth;

            noNeedBg = true;

        }

        // draw reached bar

        float endX = progressPosX - mTextOffset / 2;

        if (endX > 0) {

            mPaint.setColor(mReachedBarColor);

            mPaint.setStrokeWidth(mReachedPBHeight);

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

        }

        // draw progress bar,measure text bound

        if (mIfDrawText) {

            mPaint.setColor(mTextColor);

            canvas.drawText(text, progressPosX, -textHeight, mPaint);

        }

        // draw unreached bar

        if (!noNeedBg) {

            float start = progressPosX + mTextOffset / 2 + textWidth;

            mPaint.setColor(mUnReachedBarColor);

            mPaint.setStrokeWidth(mUnReachedPBHeight);

            canvas.drawLine(start, 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());

    }

}

圆形pb


public class RoundProgressBarWidthNumber extends HorizontalProgressBarWithNumber {

    private int mRadius = dp2px(30);

    private int mMaxPaintWidth;

    public RoundProgressBarWidthNumber(Context context) {

        this(context, null);

    }

    public RoundProgressBarWidthNumber(Context context, AttributeSet attrs) {

        super(context, attrs);

        mReachedPBHeight = (int) (mUnReachedPBHeight * 2.5f);

        TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.RoundPB);

        mRadius = (int) ta.getDimension(R.styleable.RoundPB_progress_radius, mRadius);

        ta.recycle();

        mPaint.setStyle(Style.STROKE);

        mPaint.setAntiAlias(true);

        mPaint.setDither(true);

        mPaint.setStrokeCap(Cap.ROUND);

    }

    @Override

    //这里默认在布局中padding值要么不设置，要么全部设置

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

        mMaxPaintWidth = Math.max(mReachedPBHeight, mUnReachedPBHeight);

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

        int width = resolveSize(expect, widthMeasureSpec);

        int height = resolveSize(expect, 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.descent() + mPaint.ascent()) / 2;

        canvas.save();

        canvas.translate(getPaddingLeft() + mMaxPaintWidth / 2, getPaddingTop() + mMaxPaintWidth / 2);

        mPaint.setStyle(Style.STROKE);

        // draw unreaded bar

        mPaint.setColor(mUnReachedBarColor);

        mPaint.setStrokeWidth(mUnReachedPBHeight);

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

        // draw reached bar

        mPaint.setColor(mReachedBarColor);

        mPaint.setStrokeWidth(mReachedPBHeight);

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

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

        // draw text

        mPaint.setStyle(Style.FILL);

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

        canvas.restore();

    }

}

自定义属性


<?xml version="1.0" encoding="utf-8"?>

<resources>

    <declare-styleable name="HorizontalPB">

        <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="boolean">

        </attr>

    </declare-styleable>

    <declare-styleable name="RoundPB">

        <attr name="progress_radius" format="dimension" />

    </declare-styleable>

</resources>

来自为知笔记(Wiz)

时间： 2024-09-30 20:08:39

自定义控件 进度条 ProgressBar-2的相关文章

Android自定义进度条-带文本(文字进度)的水平进度条(ProgressBar)

/** * 带文本提示的进度条 */ public class TextProgressBar extends ProgressBar { private String text; private Paint mPaint; public TextProgressBar(Context context) { super(context); initText(); } public TextProgressBar(Context context, AttributeSet attrs, int d

Android零基础入门第51节：进度条ProgressBar

不知不觉这已经是第51期了,在前面50期我们学了Android开发中使用频率非常高的一些UI组件,当然这些组件还不足够完成所有APP的开发,还会经常用到一些诸如进度条.拖动条.搜索框.时间和日期选择器等组件,那么后面几期就来一起学习这些高级组件. 一.ProgressBar系列组件 ProgressBar也是一组重要的组件,ProgressBar本身代表了进度条组件,它还派生了两个常用的组件:SeekBar和RatingBar.ProgressBar及其子类在用法上十分相似,只是显示界面有一定的

【Android进度条】三种方式实现自定义圆形进度条ProgressBar

一.通过动画实现 定义res/anim/loading.xml如下: [html] view plaincopyprint? <?xml version="1.0" encoding="UTF-8"?> <animation-list android:oneshot="false" xmlns:android="http://schemas.android.com/apk/res/android"> &

WPF 进度条ProgressBar

今天研究了一下wpf的进度条ProgressBar 1.传统ProgressBar WPF进度条ProgressBar 这个控件,如果直接写到循环里,会死掉,界面会卡死,不会有进度.需要把进度条放到单独的线程中. 传统的需要建立 Thread 或者使用 Timer,分别写在不同的方法中.但现在,使用 Dispatcher.Invoke 调用可以实现这个目的. for (int i = 0; i <= 10000; i++)            {                double v

Android-SpinKit 进度条 (ProgressBar)

项目地址: https://github.com/ybq/Android-SpinKit 类别: 进度条 (ProgressBar) 打分: ★★★★★ 更新: 2016-03-28 11:17 大小: 5306 kb 开发环境: Android Studio 浏览: 6538 次 下载: 746 次 ybq / Android-SpinKit Android loading animations https://ybq.github.io/Android-SpinKit 5,665934 介绍

（四十一）c#Winform自定义控件-进度条

前提 入行已经7,8年了,一直想做一套漂亮点的自定义控件,于是就有了本系列文章. 开源地址:https://gitee.com/kwwwvagaa/net_winform_custom_control 如果觉得写的还行,请点个 star 支持一下吧 欢迎前来交流探讨: 企鹅群568015492  NuGet Install-Package HZH_Controls 目录 https://www.cnblogs.com/bfyx/p/11364884.html 准备工作 前面写过一个进度条,但是并

Android学习笔记：进度条ProgressBar的使用以及与AsyncTask的配合使用

ProgressBar时android用于显示进度的组件.当执行一个比较耗时的操作(如io操作.网络操作等),为了避免界面没有变化让用户体验降低,提供一个进度条可以让用户知道程序还在运行. 一.ProgressBar有如下几种常见样式 1.默认进度条的样式为圆圈(为中等大小的圆圈) <ProgressBar android:layout_width="wrap_content" android:layout_height="wrap_content" />

如何实现圆形的进度条(ProgressBar)

在我们实际的工作中可能经常使用到圆形的进度条,但是这是怎么实现的呢?其实这只不过是修改了一下ProgressBar的模板,我们在下面的代码中我们将ProgressBar的Value值绑定到Border的Background上面,并且使用了一个ValueToProcessConverter的转换器进行相应地转换,这里重点介绍一下这个转换器 <ProgressBar Name="pb" Minimum="0" Maximum="100" >

Android——进度条ProgressBar

1.activity_progressbar.xml <?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="

android 进度条ProgressBar样式设置

普通圆形ProgressBar 该类型进度条也就是一个表示运转的过程,例如发送短信,连接网络等等,表示一个过程正在执行中.一般只要在XML布局中定义就可以了. <progressBar Android:id="@+id/widget43" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="