Android基础控件ProgressBar进度条的使用

2022-12-04 09:23:43

1、简介

　　ProgressBar继承与View类，直接子类有AbsSeekBar和ContentLoadingProgressBar，其中AbsSeekBar的子类有SeekBar和RatingBar！

android:max：进度条的最大值

android:progress：进度条已完成进度值

android:progressDrawable：设置轨道对应的Drawable对象

android:indeterminate：如果设置成true，则进度条不精确显示进度

android:indeterminateDrawable：设置不显示进度的进度条的Drawable对象

android:indeterminateDuration：设置不精确显示进度的持续时间

android:secondaryProgress：二级进度条

2、简单使用

　　头两个是系统自带，后面一个帧动画一个自定义View！

　　xml布局文件：

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

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:gravity="center"

    android:orientation="vertical"

    android:paddingBottom="@dimen/activity_vertical_margin"

    android:paddingLeft="@dimen/activity_horizontal_margin"

    android:paddingRight="@dimen/activity_horizontal_margin"

    android:paddingTop="@dimen/activity_vertical_margin"

    tools:context=".LoginActivity">

        <ProgressBar

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            style="@android:style/Widget.ProgressBar.Large"/>

        <ProgressBar

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:max="100"

            android:progress="10"

            android:secondaryProgress="20"

            style="@android:style/Widget.ProgressBar.Horizontal"/>

        <ImageView

            android:id="@+id/imageview11"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:src="@drawable/amin_pgbar"/>

        <com.example.xianfengzhang.myapplication.CustomView.CirclePgBar

            android:layout_width="wrap_content"

            android:layout_height="wrap_content" />

</LinearLayout>

　　帧动画布局文件：

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

<animation-list xmlns:android="http://schemas.android.com/apk/res/android"

    android:oneshot="false" >

    <item

        android:drawable="@drawable/loading_01"

        android:duration="200"/>

    <item

        android:drawable="@drawable/loading_02"

        android:duration="200"/>

    <item

        android:drawable="@drawable/loading_03"

        android:duration="200"/>

    <item

        android:drawable="@drawable/loading_04"

        android:duration="200"/>

    <item

        android:drawable="@drawable/loading_05"

        android:duration="200"/>

    <item

        android:drawable="@drawable/loading_06"

        android:duration="200"/>

    <item

        android:drawable="@drawable/loading_07"

        android:duration="200"/>

    <item

        android:drawable="@drawable/loading_08"

        android:duration="200"/>

    <item

        android:drawable="@drawable/loading_09"

        android:duration="200"/>

    <item

        android:drawable="@drawable/loading_10"

        android:duration="200"/>

    <item

        android:drawable="@drawable/loading_11"

        android:duration="200"/>

    <item

        android:drawable="@drawable/loading_12"

        android:duration="200"/>

</animation-list>

　　帧动画Java文件：

public class LoginActivity extends AppCompatActivity  {

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_login);

        // Set up the login form.

        ImageView imageView = (ImageView)findViewById(R.id.imageview11);

        final AnimationDrawable animationDrawable = (AnimationDrawable)imageView.getDrawable();

        imageView.postDelayed(new Runnable() {

            @Override

            public void run() {

                animationDrawable.start();

            }

        },100);

    }

}

　　自定义View：

package com.example.xianfengzhang.myapplication.CustomView;

import android.annotation.SuppressLint;

import android.content.Context;

import android.graphics.Canvas;

import android.graphics.Color;

import android.graphics.Paint;

import android.graphics.RectF;

import android.util.AttributeSet;

import android.view.View;

/**

 * Created by xianfengzhang on 2017/12/22.

 */

@SuppressLint("ViewConstructor")

public class CirclePgBar extends View {

    private Paint mBackPaint;

    private Paint mFrontPaint;

    private Paint mTextPaint;

    private float mStrokeWidth = 50;

    private float mHalfStrokeWidth = mStrokeWidth / 2;

    private float mRadius = 200;

    private RectF mRect;

    private int mProgress = 0;

    //目标值，想改多少就改多少

    private int mTargetProgress = 90;

    private int mMax = 100;

    private int mWidth;

    private int mHeight;

//    构造方法

    public CirclePgBar(Context context) {

        super(context);

        init();

    }

    public CirclePgBar(Context context, AttributeSet attrs) {

        super(context, attrs);

        init();

    }

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

        super(context, attrs, defStyleAttr);

        init();

    }

    private  void init(){

        mBackPaint = new Paint();

        mBackPaint.setColor(Color.WHITE);//设置画笔颜色

        mBackPaint.setAntiAlias(true);//设置画笔锯齿效果

        mBackPaint.setStyle(Paint.Style.STROKE);//设置画笔风格（空心|实心）

        mBackPaint.setStrokeWidth(mStrokeWidth);//设置空心边框的宽度

        mFrontPaint = new Paint();

        mFrontPaint.setColor(Color.GREEN);

        mFrontPaint.setAntiAlias(true);

        mFrontPaint.setStyle(Paint.Style.STROKE);

        mFrontPaint.setStrokeWidth(mStrokeWidth);

        mTextPaint = new Paint();

        mTextPaint.setColor(Color.GREEN);//设置字体颜色

        mTextPaint.setAntiAlias(true);

        mTextPaint.setTextSize(80);//设置字体大小

        mTextPaint.setTextAlign(Paint.Align.CENTER);//设置字体对齐方式

    }

//onMeasure（测量控件大小的方法） 重写onMeasure方法

    @Override

    protected  void onMeasure(int widthMeasureSpec, int heightMeasureSpec){

        super.onMeasure(widthMeasureSpec, heightMeasureSpec);

        mWidth = getRealSize(widthMeasureSpec);

        mHeight = getRealSize(heightMeasureSpec);

        setMeasuredDimension(mWidth,mHeight);//保存测量的大小

    }

//onDraw绘制View自身的内容 重写onDraw方法

    @Override

    protected void onDraw(Canvas canvas){

        initRect();

        float angle = mProgress/(float)mMax *360;

        canvas.drawCircle(mWidth/2,mHeight/2,mRadius,mBackPaint);

        canvas.drawArc(mRect,-90,angle,false,mFrontPaint);

        canvas.drawText(mProgress + "%",mWidth/2+mHalfStrokeWidth,mHeight/2+mHalfStrokeWidth,mTextPaint);

        if (mProgress < mTargetProgress){

            mProgress +=1;

            invalidate();

        }

    }

    public int getRealSize(int measureSpec) {

        int result = 1;

        int mode = MeasureSpec.getMode(measureSpec);//从提供的测量规范中获取模式

        int size = MeasureSpec.getSize(measureSpec);//从提供的测量规范中获取尺寸

//MeasureSpec其实就是尺寸和模式通过各种位运算计算出的一个整型值，它提供了三种模式，还有三个方法（合成约束、分离模式、分离尺寸）

//UNSPECIFIED(未指定)：父控件没有对子控件施加任何约束，子控件可以得到任意想要的大小！

//EXACTLY(完全)：父控件给子控件决定了确切大小，子控件将被限定在给定的边界里而忽略它本身大小。

//AT_MOST(至多)：子控件至多达到指定大小的值。

        if (mode == MeasureSpec.AT_MOST || mode == MeasureSpec.UNSPECIFIED) {

            result = (int) (mRadius * 2 + mStrokeWidth);

        } else {

            result = size;

        }

        return result;

    }

    private void initRect() {

        if (mRect == null) {

            mRect = new RectF();

            int viewSize = (int) (mRadius * 2);

            int left = (mWidth - viewSize) / 2;

            int top = (mHeight - viewSize) / 2;

            int right = left + viewSize;

            int bottom = top + viewSize;

            mRect.set(left, top, right, bottom);

        }

    }

}

码农公寓

相关文章