Android中自定义控件之液位指示器

<?xml version="." encoding="utf-"?><resources><declare-styleable name="JianWWIndicateProgress"><attr name="progress_height" format="dimension" /><attr name="progress_width" format="dimension" /><attr name="progress_unreachedcolor" format="color" /><attr name="progress_reached_color" format="color" /><attr name="progress_reached_height" format="integer" /><attr name="progress_cheek_width" format="dimension" /><attr name="progress_cheek_color" format="color" /><attr name="progress_reached_textsize" format="dimension" /><attr name="progress_reached_textcolor" format="color" /></declare-styleable></resources> 

package com.jianww.firstview;import com.example.jwwcallback.R;import android.content.Context;import android.content.res.TypedArray;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint;import android.graphics.Paint.Style;import android.graphics.Rect;import android.util.AttributeSet;import android.util.TypedValue;import android.widget.ProgressBar;public class JianWWIndicateProgress extends ProgressBar {private static final int unreached_color = Xaaff;// 未到达的颜色private static final int reached_color = Xaaff;// 到达颜色private static final int progress_height = ;// 容器中液位的默认高度private static final int progress_width = ;// 容器中液位的宽度private static final int reached_height = ;// 默认到达到达的高度private static final int progress_cheek_width = ;// 容器的边框宽度private static final int progress_cheek_color = xff;// 容器的边框颜色private static final int progress_reached_textsize = ;// 指示字体尺寸private static final int progress_reached_textcolor = Xffff;// 指示字体颜色protected int unReachedColor;// 未到达的颜色protected int reachedColor;// 到达颜色protected int progressHeight;// 容器中液位的总高度protected int progressWidth;// 容器中液面的宽度protected int reachedHeight;// 默认液位到达的到达的高度protected int cheekWidth;// 容器的边框宽度protected int cheekColor;// 容器的边框颜色protected int reachedTextsize;// 指示字体尺寸protected int reachedTextcolor;// 指示字体颜色protected float widthZoom;protected float heightZoom;/*** dp px**/protected int dppx(int dpVal) {return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dpVal, getResources().getDisplayMetrics());}/*** sp px**/protected int sppx(int spVal) {return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, spVal, getResources().getDisplayMetrics());}private Paint paintCheek = new Paint();private Paint paint = new Paint();private float radio;private float progressNowHeight;public JianWWIndicateProgress(Context context) {this(context, null);}public JianWWIndicateProgress(Context context, AttributeSet asets) {this(context, asets, );}public JianWWIndicateProgress(Context context, AttributeSet asets, int defStyle) {super(context, asets, defStyle);obtainStyledAttributes(asets);// paint.setTextSize(reachedTextsize);// paint.setColor(reachedTextcolor);}/*** 定义属性* * @param asets属性*/private void obtainStyledAttributes(AttributeSet asets) {final TypedArray typeArray = getContext().obtainStyledAttributes(asets, R.styleable.JianWWIndicateProgress);unReachedColor = typeArray.getColor(R.styleable.JianWWIndicateProgress_progress_unreachedcolor,unreached_color);reachedColor = typeArray.getColor(R.styleable.JianWWIndicateProgress_progress_reached_color, reached_color);// 到达颜色progressHeight = (int) typeArray.getDimension(R.styleable.JianWWIndicateProgress_progress_height,progress_height);progressWidth = dppx((int) typeArray.getDimension(R.styleable.JianWWIndicateProgress_progress_width, progress_width));// 容器的总宽度reachedHeight = (int) typeArray.getDimension(R.styleable.JianWWIndicateProgress_progress_reached_height,reached_height);// 到达的高度cheekWidth = (int) typeArray.getDimension(R.styleable.JianWWIndicateProgress_progress_cheek_width,progress_cheek_width);// 容器的边框宽度cheekColor = typeArray.getColor(R.styleable.JianWWIndicateProgress_progress_cheek_color, progress_cheek_color);reachedTextsize = (int) typeArray.getDimension(R.styleable.JianWWIndicateProgress_progress_reached_textsize,progress_reached_textsize);// 指示字体尺寸reachedTextcolor = typeArray.getColor(R.styleable.JianWWIndicateProgress_progress_reached_textcolor,progress_reached_textcolor);// 指示字体颜色typeArray.recycle();}/*** onMeasure是对绘出的控件将来占的空间进行的安排，*/@Overrideprotected synchronized void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {super.onMeasure(widthMeasureSpec, heightMeasureSpec);int totalWidth = measurdWidth(widthMeasureSpec);int totalHeight = measurdHeight(heightMeasureSpec);setMeasuredDimension(totalWidth, totalHeight);}/**** @param widthMeasureSpec* @return 获取宽度尺寸*/private int measurdWidth(int widthMeasureSpec) {int result = ;int widthSpaceSize = MeasureSpec.getSize(widthMeasureSpec);int widthSpaceMode = MeasureSpec.getMode(widthMeasureSpec);if (widthSpaceMode == MeasureSpec.EXACTLY) {result = widthSpaceSize;widthZoom = widthSpaceSize/(progressWidth+*cheekWidth);progressWidth = (int) (progressWidth * widthZoom);} else if (widthSpaceMode == MeasureSpec.UNSPECIFIED) {result = Math.max(widthSpaceSize, getPaddingLeft() + getPaddingRight() + progressWidth + * cheekWidth);} else if (widthSpaceMode == MeasureSpec.AT_MOST) {result = Math.min(widthSpaceSize, getPaddingLeft() + getPaddingRight() + progressWidth + * cheekWidth);}return result;}/*** * @param heightMeasureSpec* @return获取高度尺寸*/private int measurdHeight(int heightMeasureSpec) {int result = ;int heightSpaceSize = MeasureSpec.getSize(heightMeasureSpec);int heightSpaceMode = MeasureSpec.getMode(heightMeasureSpec);if (heightSpaceMode == MeasureSpec.EXACTLY) {result = heightSpaceSize;heightZoom = heightSpaceSize/(progressHeight+*cheekWidth);progressHeight = (int) (progressHeight*heightZoom);} else if (heightSpaceMode == MeasureSpec.UNSPECIFIED) {result = Math.max(heightSpaceSize, getPaddingTop() + getPaddingBottom() + progressHeight + * cheekWidth);} else if (heightSpaceMode == MeasureSpec.AT_MOST) {result = Math.min(heightSpaceSize, getPaddingTop() + getPaddingBottom() + progressHeight + * cheekWidth);}return result;}/*** 绘制控件*/@Overrideprotected synchronized void onDraw(Canvas canvas) {super.onDraw(canvas);radio = getProgress() * .f / getMax();progressNowHeight = (int) (progressHeight * radio);// 存绘画前画布状态canvas.save();// 把画布移动到要绘制的点canvas.translate(getPaddingLeft(), getPaddingRight());// 绘制容器外壳paintCheek.setColor(cheekColor);// 画笔颜色paintCheek.setAntiAlias(true);// 是否过度paintCheek.setStyle(Style.STROKE);// 空心paintCheek.setStrokeWidth(cheekWidth);// 边框的宽度canvas.drawRect(cheekWidth/, cheekWidth/, progressWidth + cheekWidth*/, progressHeight + cheekWidth*/,paintCheek);// 绘总液位paint.setColor(unReachedColor);paint.setStyle(Style.FILL);canvas.drawRect(cheekWidth, cheekWidth, progressWidth+cheekWidth, progressHeight+cheekWidth,paint);// 绘当前液位paint.setStyle(Style.FILL);paint.setColor(reachedColor);canvas.drawRect(cheekWidth, cheekWidth + progressHeight - progressNowHeight,progressWidth + cheekWidth, progressHeight + cheekWidth, paint);// 绘液位指示String text = getProgress() + "%";paint.setTextSize(reachedTextsize);paint.setColor(reachedTextcolor);float textHeight = sppx(reachedTextsize)/;if(progressNowHeight >= progressHeight/){canvas.drawText(text, cheekWidth + progressWidth / , cheekWidth + progressHeight - progressNowHeight+textHeight, paint);}else{canvas.drawText(text, cheekWidth + progressWidth / , cheekWidth + progressHeight - progressNowHeight, paint);}canvas.restore();}}

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"xmlns:jwwprogress="http://schemas.android.com/apk/res-auto"xmlns:app="http://schemas.android.com/apk/res/com.example.jwwcallback"android:layout_width="match_parent"android:layout_height="match_parent"android:gravity="center" ><com.jianww.firstview.JianWWIndicateProgressandroid:id="@+id/jp_progress"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerInParent="true"android:max=""app:progress_cheek_color="#ff"app:progress_cheek_width="dp"app:progress_height="dp"app:progress_reached_color="#ff"app:progress_reached_textcolor="#"app:progress_reached_textsize="sp"app:progress_unreachedcolor="#ff"app:progress_width="dp" /></RelativeLayout> 

package com.example.jwwmain;import java.io.IOException;import java.net.HttpURLConnection;import java.net.MalformedURLException;import java.net.URL;import java.util.Random;import com.example.jwwcallback.R;import com.jianww.firstview.JianWWIndicateProgress;import android.app.Activity;import android.os.Bundle;import android.os.Handler;public class MainActivity extends Activity {private JianWWIndicateProgress jprogress;private int nowProgress;private Handler mHandler = new Handler() {public void handleMessage(android.os.Message msg) {int progress = jprogress.getProgress();jprogress.setProgress(++progress);if (progress >= ) {jprogress.setProgress();}mHandler.sendEmptyMessageDelayed(, );};};@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);initView();}private void initView() {jprogress = (JianWWIndicateProgress) findViewById(R.id.jp_progress);mHandler.sendEmptyMessage();}}