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="/apk/res/android"xmlns:tools="/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"><ProgressBarandroid:layout_width="wrap_content"android:layout_height="wrap_content"style="@android:style/Widget.ProgressBar.Large"/><ProgressBarandroid:layout_width="match_parent"android:layout_height="wrap_content"android:max="100"android:progress="10"android:secondaryProgress="20"style="@android:style/Widget.ProgressBar.Horizontal"/><ImageViewandroid:id="@+id/imageview11"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/amin_pgbar"/><com.example.xianfengzhang.myapplication.CustomView.CirclePgBarandroid:layout_width="wrap_content"android:layout_height="wrap_content" /></LinearLayout>
帧动画布局文件:
<?xml version="1.0" encoding="utf-8"?><animation-list xmlns:android="/apk/res/android"android:oneshot="false" ><itemandroid:drawable="@drawable/loading_01"android:duration="200"/><itemandroid:drawable="@drawable/loading_02"android:duration="200"/><itemandroid:drawable="@drawable/loading_03"android:duration="200"/><itemandroid:drawable="@drawable/loading_04"android:duration="200"/><itemandroid:drawable="@drawable/loading_05"android:duration="200"/><itemandroid:drawable="@drawable/loading_06"android:duration="200"/><itemandroid:drawable="@drawable/loading_07"android:duration="200"/><itemandroid:drawable="@drawable/loading_08"android:duration="200"/><itemandroid:drawable="@drawable/loading_09"android:duration="200"/><itemandroid:drawable="@drawable/loading_10"android:duration="200"/><itemandroid:drawable="@drawable/loading_11"android:duration="200"/><itemandroid:drawable="@drawable/loading_12"android:duration="200"/></animation-list>
帧动画Java文件:
public class LoginActivity extends AppCompatActivity {@Overrideprotected 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() {@Overridepublic 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 /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方法 @Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec){super.onMeasure(widthMeasureSpec, heightMeasureSpec);mWidth = getRealSize(widthMeasureSpec);mHeight = getRealSize(heightMeasureSpec);setMeasuredDimension(mWidth,mHeight);//保存测量的大小 }//onDraw绘制View自身的内容 重写onDraw方法 @Overrideprotected 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);}}}