进度环组件封装

来源:互联网 发布:微软办公软件mac版 编辑:程序博客网 时间:2024/06/05 02:06

下面是效果图,为了方便大家直接修改,我会在最下面贴出代码的下载地址,节省大家使用的时间。



进度环效果如上,我们分析上面这个组件,不同地方遇到时需要设置的。

大多数情况下:

初始化时候设置的:进度条宽、高、字体大小、已完成颜色、未完成颜色、环形的宽度

需要动态获取数据时候设置的:进度条的进度,这个值常常是获取后台的一个值或者是用线程控制变化的。


对于需要动态变的:我们写一个方法,直接传进来

public void setProgress(int progress) {this.mProgress = progress;this.invalidate();}


对于初始化时候设置的,我们可以用自定义属性来做。首先在attr.xml中添加

 <declare-styleable name="circle_view">        <attr name="circle_width" format="dimension" />        <attr name="text_size" format="dimension"/>        <attr name="undone_color" format="color"/>        <attr name="done_color" format="color"/> </declare-styleable>

在使用时:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    xmlns:xuan="http://schemas.android.com/apk/res/com.example.testproject"    android:layout_width="match_parent"    android:layout_height="match_parent"    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=".MainActivity" >    <com.example.testproject.CircleProgressView        android:id="@+id/circleProgressbar"        android:layout_width="120dp"        android:layout_height="120dp"        android:layout_centerInParent="true"        xuan:circle_width="20dip"        xuan:done_color="#0199CA"        xuan:text_size="23sp"        xuan:undone_color="#E9E9E9" /></RelativeLayout>

注意两部分:

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

xuan:circle_width="20dip"        xuan:done_color="#0199CA"        xuan:text_size="23sp"        xuan:undone_color="#E9E9E9"
上面的自定义属性空间xuan对应下面的自定义属性的开头,自定义控件末尾是我建的项目的包名。


然后在自定义组件中解析定义到的属性

public CircleProgressView(Context context, AttributeSet attrs) {super(context, attrs);TypedArray a = context.obtainStyledAttributes(attrs,R.styleable.circle_view);mCircleLineStrokeWidth = a.getDimensionPixelSize(R.styleable.circle_view_circle_width, CIRCLE_WIDTH);mDoneColor = a.getColor(R.styleable.circle_view_done_color, DONE_COLOR);mUndoneColor = a.getColor(R.styleable.circle_view_undone_color,UNDONE_COLOR);mTextSize = a.getDimensionPixelSize(R.styleable.circle_view_text_size,TEXT_SIZE);mContext = context;mRectF = new RectF();mPaint = new Paint();a.recycle();}


获取一个属性的方式如下:
mCircleLineStrokeWidth = a.getDimensionPixelSize(R.styleable.circle_view_circle_width, CIRCLE_WIDTH);
这个需要传入一个默认值,当xml中没有使用这个属性时,就用默认值代替。

代码下载地址:http://download.csdn.net/download/u010047390/9665965


0 0