记一次 带 指示器的 progressbar

老子最烦 没事 在开头逼逼的 ，直接上代码

1.控件

public class TextProgressBar extends LinearLayout {

    String text;
    Paint mPaint;
    private Rect textRect;
    private Bitmap bitmap;
    private ProgressBar progressBar;
    int progress;
    int proWidth, proHeight;

    public TextProgressBar(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initText(context);
    }

    public TextProgressBar(Context context) {
        super(context);
        initText(context);
    }

    public TextProgressBar(Context context, AttributeSet attrs) {
        super(context, attrs);
        initText(context);
    }

    @Override
    protected synchronized void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        progress = progressBar.getProgress();
        if (progress == 0 || progress == progressBar.getMax())
            return;
        this.mPaint.getTextBounds(this.text, 0, this.text.length(), textRect);

        proWidth = progressBar.getWidth();
        proHeight = progressBar.getHeight();

        //画指示器
        int bitmapx = (int) (progressBar.getLeft() + proWidth * ((progress * 1f) / progressBar.getMax())) - bitmap.getWidth() / 2;
        int bitmapy = proHeight + bitmap.getHeight() / 2;
        if (bitmapx < 0)
            bitmapx = progressBar.getLeft();
        if(bitmapx > progressBar.getRight()-bitmap.getWidth())
            bitmapx = progressBar.getRight()-bitmap.getWidth();
        canvas.drawBitmap(bitmap, bitmapx, bitmapy, mPaint);

        //写字
        int tvx = (int) (progressBar.getLeft() + proWidth * ((progress * 1f) / progressBar.getMax())) - textRect.centerX();
        int tvy = proHeight + bitmap.getHeight() * 2 + 4;
        if (tvx < 0)
            tvx = progressBar.getLeft();
        if(tvx >= progressBar.getRight()-textRect.width())
            tvx = progressBar.getRight()-textRect.width();
        canvas.drawText(this.text, tvx, tvy + bitmap.getHeight(), this.mPaint);
    }

    //初始化，画笔
    private void initText(Context context) {
        View inflate = View.inflate(context, R.layout.textprogressbar, this);
        progressBar = (ProgressBar) inflate.findViewById(R.id.progressbar1);

        setWillNotDraw(false);
        this.mPaint = new Paint();
        this.mPaint.setColor(getResources().getColor(R.color.tishi));
        this.mPaint.setTextSize(25);

        textRect = new Rect();
        text = "0";
        bitmap = BitmapFactory.decodeResource(context.getResources(), R.drawable.ig_jindu_sanjiao);
    }

    public void setProgress(int progress) {
        progressBar.setProgress(progress);
    }


    public void setText(String str) {
        text = str;
    }


}

 

2.布局 textprogressbar

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent"
    android:layout_height="match_parent">
    <ProgressBar
        android:id="@+id/progressbar1"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="match_parent"
        android:layout_height="3dp"
        android:max="100"
        android:progressDrawable="@drawable/progress_bar_layer_list"
      />
</LinearLayout>

progress_bar_layer_list 的drawable文件

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item android:id="@android:id/background">

        <shape>

            <corners android:radius="5dip" />

            <solid android:color="@color/common_gray"></solid>
        </shape>
    </item>

    <item android:id="@android:id/progress">

        <clip>

            <shape>

                <corners android:radius="5dip" />

                <solid android:color="@color/lan"></solid>
            </shape>
        </clip>
    </item>

</layer-list>

 

3.色值

<color name="lan">#0287FF</color>

<color name="text_gray">#999999</color>

4.指示箭头箭头（别找我要，我又不是美工）

 

 

5.使用方法

<com.qikeya.qkyxt.tools.TextProgressBar
    android:layout_marginLeft="@dimen/activity_left_right_padding"
    android:layout_marginRight="@dimen/activity_left_right_padding"
    android:id="@+id/prgress"
    android:layout_width="match_parent"
    android:layout_height="26dp"/>

prgress.setProgress(10);
prgress.setText("学习进度10%");

 

6.效果

 

记录完毕