自定义身高，体重，血压，腰围选择器View

2023-10-18 06:20
文章标签 自定义 view 选择器 身高 体重 血压 腰围

本文主要是介绍自定义身高，体重，血压，腰围选择器View，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

这里通过对于左右滑动的操作，来显示之前的或之后的数值共用了3种方法：

①VerticalDialView和HorizontalDialView 把所有刻度值画出来，不断的改变从哪个位置开始画第一个刻度值。显示在View大小之外的就隐藏了

②SphygmomanometerView 因为下面的圆形肚子不能显示刻度值，所以不能用①方法，在底部设置一个位置，当绘制刻度值到这个位置时，停止绘制。

③WeightView 根据当前指向的值，计算出左右两边可以显示的最小值和最大值。只绘制可以显示的刻度值。（当然是这个效率最高，会少绘制很多）


VerticalDialView（身高）：




package com.ancx.view.view;import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;import com.ancx.view.R;
import com.ancx.view.util.UnitConversionUtils;/*** 竖直的刻度计*/
public class VerticalDialView extends View {private Context context;/*** 四个圆角的半径*/private int radius = 10;private int greyColor = Color.parseColor("#808080");private int cyanColor = Color.parseColor("#40BEBD");private int pinkColor = Color.parseColor("#FFBEB4");/*** 边框画笔*/private Paint borderPaint = new Paint();/*** 填充画笔*/private Paint fillPaint = new Paint();/*** 短刻度线画笔*/private Paint shortLinePaint = new Paint();/*** 长刻度线画笔*/private Paint longLinePaint = new Paint();/*** 指向当前值的粉色线画笔*/private Paint currentLinePaint = new Paint();/*** 指针图片的画笔*/private Paint currentPicPaint = new Paint();/*** 刻度值的画笔*/private Paint textPaint = new Paint();private int mHeight;private int mWidth;/*** 当前值*/private int currentValue;/*** 每个刻度之间的距离*/private float average = 15f;/*** 开始时指向的值*/private int startData = 175;/*** 根据startData计算的从哪开始画的位置*/private float startPosition;/*** 粉色线的位置*/private float currentPinkLine;public VerticalDialView(Context context, AttributeSet attrs) {super(context, attrs);this.context = context;currentValue = startData;}/*** 设置刻度间距，当设置值为负数时会自动赋值为默认值15** @param average*/public void setAverage(float average) {if (average <= 0) {this.average = 15f;//15} else {this.average = average;}}/*** 设置开始时要指向的值 0--230 之间** @param startData*/public void setStartData(int startData) {if (startData < 0) {this.startData = 0;} else if (startData > 230) {this.startData = 230;} else {this.startData = startData;}currentValue = this.startData;startPosition = -this.startData * average;}/*** 获取当前值** @return*/public int getCurrentValue() {return currentValue;}@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {super.onMeasure(widthMeasureSpec, heightMeasureSpec);mHeight = getHeight();mWidth = getWidth() - UnitConversionUtils.dip2px(context, 10);currentPinkLine = mHeight / 2f;startPosition = currentPinkLine - (230 - this.startData) * average;}@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);drawBackGround(canvas);drawData(canvas);}private void drawBackGround(Canvas canvas) {// 矩形（控件的所有区域）RectF border = new RectF(0, 0, mWidth, mHeight);// 画填充fillPaint.setAntiAlias(true);fillPaint.setColor(Color.parseColor("#FFFFFF"));fillPaint.setStyle(Paint.Style.FILL);canvas.drawRoundRect(border, radius, radius, fillPaint);// 画边框borderPaint.setAntiAlias(true);borderPaint.setColor(greyColor);borderPaint.setStyle(Paint.Style.STROKE);borderPaint.setStrokeWidth(3);canvas.drawRoundRect(border, radius, radius, borderPaint);// 画当前刻度值currentLinePaint.setAntiAlias(true);currentLinePaint.setColor(pinkColor);currentLinePaint.setStrokeWidth(3);canvas.drawLine(0, currentPinkLine, mWidth, currentPinkLine, currentLinePaint);// 画当前刻度的图片currentPicPaint.setAntiAlias(true);Bitmap bitmap = BitmapFactory.decodeResource(context.getResources(), R.drawable.zhizhen);canvas.drawBitmap(bitmap, getWidth() - bitmap.getWidth(), (mHeight - bitmap.getHeight()) / 2f, currentPicPaint);}private void drawData(Canvas canvas) {// 画短刻度线shortLinePaint.setAntiAlias(true);shortLinePaint.setColor(greyColor);shortLinePaint.setStrokeWidth(3);// 画长刻度线longLinePaint.setAntiAlias(true);longLinePaint.setColor(cyanColor);longLinePaint.setStrokeWidth(5);// 画刻度值textPaint.setAntiAlias(true);textPaint.setColor(greyColor);textPaint.setTextSize(UnitConversionUtils.sp2px(context, 12));Rect rect = new Rect();textPaint.getTextBounds("999cm", 0, 1, rect);for (int height = 230; height >= 0; height--) {if (height % 10 == 0) {// 长线canvas.drawLine(0, startPosition + average * (230 - height), 50, startPosition + average * (230 - height), longLinePaint);canvas.drawText(height + "cm", 50, startPosition + average * (230 - height) + rect.height() / 2f - 2, textPaint);} else {// 短线canvas.drawLine(0, startPosition + average * (230 - height), 20, startPosition + average * (230 - height), shortLinePaint);}}}private float startY, moveY, disY;@Overridepublic boolean onTouchEvent(MotionEvent event) {switch (event.getAction()) {case MotionEvent.ACTION_DOWN:startY = event.getY();break;case MotionEvent.ACTION_MOVE:moveY = event.getY();disY = moveY - startY;startPosition += disY;if (startPosition > currentPinkLine) {startPosition = currentPinkLine;}if (startPosition < currentPinkLine - 230 * average) {startPosition = currentPinkLine - 230 * average;}float data = (currentPinkLine - startPosition) / average;currentValue = (230 - (int) (data + 0.5f));if (dataChangerListener != null) {dataChangerListener.listener();}invalidate();startY = moveY;break;case MotionEvent.ACTION_UP:case MotionEvent.ACTION_CANCEL:startPosition = currentPinkLine - (230 - currentValue) * average;invalidate();break;}return true;}/*** 设置监听属性*/public interface DataChangerListener {void listener();}private DataChangerListener dataChangerListener;/*** 设置指向值变化的监听，刻度变化后就会执行listener()方法** @param dataChangerListener*/public void setDataChangerListener(DataChangerListener dataChangerListener) {this.dataChangerListener = dataChangerListener;}
}

HorizontalDialView （腰围）




package com.ancx.view.view;import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;import com.ancx.view.R;
import com.ancx.view.util.UnitConversionUtils;/*** 水平的刻度尺*/
public class HorizontalDialView extends View {private Context context;/*** 边框的弧度半径*/private int radius = 10;/*** 短刻度线，边框，刻度数的颜色(灰色)*/private int greyColor = Color.parseColor("#CBCBCB");/*** 长刻度线的颜色(青色)*/private int cyanColor = Color.parseColor("#40BEBD");/*** 当前刻度的指示线的颜色(粉色)*/private int pinkColor = Color.parseColor("#FFBEB4");/*** 边框的画笔*/private Paint borderPaint = new Paint();/*** 填充画笔*/private Paint fillPaint = new Paint();/*** 短刻度线的画笔*/private Paint shortLinePaint = new Paint();/*** 长刻度线的画笔*/private Paint longLinePaint = new Paint();/*** 当前刻度的指示线的画笔*/private Paint currentLinePaint = new Paint();/*** 当前刻度的图片的画笔*/private Paint currentPicPaint = new Paint();/*** 刻度数文本的画笔*/private Paint textPaint = new Paint();/*** View的总高度*/private int mHeight;/*** View的总宽度*/private int mWidth;/*** 当前刻度值*/private float currentValue;/*** 两个刻度之间的高度*/private float average = 15f;/*** Y轴上开始画的数据，默认是100.0*/private int startData = 1000;/*** Y轴上开始画的位置，默认是currentPinkLine - startData * average*/private float startPosition;/*** 当前刻度指示针的位置，默认是中间*/private float currentPinkLine;public HorizontalDialView(Context context, AttributeSet attrs) {super(context, attrs);this.context = context;currentValue = this.startData / 10;}/*** 设置每个刻度之间的距离** @param average*/public void setAverage(float average) {if (average <= 0) {this.average = 15f;} else {this.average = average;}}/*** 开始的指示数据** @param startData*/public void setStartData(float startData) {if (startData < 0) {this.startData = 0;} else if (startData > 200) {this.startData = 2000;} else {this.startData = (int) (startData * 10);}currentValue = this.startData / 10f;startPosition = -this.startData * average;}public float getCurrentValue() {return currentValue;}@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {super.onMeasure(widthMeasureSpec, heightMeasureSpec);mHeight = getHeight() - UnitConversionUtils.dip2px(context, 10);mWidth = getWidth();currentPinkLine = mWidth / 2f;startPosition = currentPinkLine - startData * average;}@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);drawBackGround(canvas);drawDate(canvas);}/*** 画背景，包括边框和中间的当前刻度值的指针** @param canvas*/private void drawBackGround(Canvas canvas) {// 矩形（控件的所有区域）RectF border = new RectF(0, 0, mWidth, mHeight);// 画填充fillPaint.setAntiAlias(true);fillPaint.setColor(Color.parseColor("#FFFFFF"));fillPaint.setStyle(Paint.Style.FILL);canvas.drawRoundRect(border, radius, radius, fillPaint);// 画边框borderPaint.setAntiAlias(true);borderPaint.setColor(greyColor);borderPaint.setStyle(Paint.Style.STROKE);borderPaint.setStrokeWidth(3);canvas.drawRoundRect(border, radius, radius, borderPaint);// 画当前刻度值currentLinePaint.setAntiAlias(true);currentLinePaint.setColor(pinkColor);currentLinePaint.setStrokeWidth(3);canvas.drawLine(currentPinkLine, 0, currentPinkLine, mHeight, currentLinePaint);// 画当前刻度的图片currentPicPaint.setAntiAlias(true);Bitmap bitmap = BitmapFactory.decodeResource(context.getResources(), R.drawable.zhizhen_up);canvas.drawBitmap(bitmap, (mWidth - bitmap.getWidth()) / 2f, getHeight() - bitmap.getHeight(), currentPicPaint);}/*** 画数据** @param canvas*/private void drawDate(Canvas canvas) {// 画短刻度线shortLinePaint.setAntiAlias(true);shortLinePaint.setColor(greyColor);shortLinePaint.setStrokeWidth(3);// 画长刻度线longLinePaint.setAntiAlias(true);longLinePaint.setColor(cyanColor);longLinePaint.setStrokeWidth(5);// 画刻度值textPaint.setAntiAlias(true);textPaint.setColor(greyColor);textPaint.setTextSize(UnitConversionUtils.sp2px(context, 12));Rect rect = new Rect();textPaint.getTextBounds("999cm", 0, 1, rect);for (int width = 0; width <= 2000; width++) {if (width % 10 == 0) {// 长线canvas.drawLine(startPosition + average * width, 0, startPosition + average * width, 50, longLinePaint);canvas.drawText(width / 10 + "cm", startPosition + average * width - textPaint.measureText(width / 10 + "cm") / 2, 50 + rect.height() + 5, textPaint);} else {// 短线canvas.drawLine(startPosition + average * width, 0, startPosition + average * width, 20, shortLinePaint);}}}private float startX, moveX, disX;@Overridepublic boolean onTouchEvent(MotionEvent event) {switch (event.getAction()) {case MotionEvent.ACTION_DOWN:startX = event.getX();break;case MotionEvent.ACTION_MOVE:moveX = event.getX();disX = moveX - startX;startPosition += disX;if (startPosition > currentPinkLine) {startPosition = currentPinkLine;}if (startPosition < currentPinkLine - 2000 * average) {startPosition = currentPinkLine - 2000 * average;}float data = (currentPinkLine - startPosition) / average + 0.5f;currentValue = (int) data / 10f;if (dataChangerListener != null) {dataChangerListener.listener();}invalidate();startX = moveX;break;case MotionEvent.ACTION_UP:case MotionEvent.ACTION_CANCEL:startPosition = currentPinkLine - currentValue * 10 * average;invalidate();break;}return true;}/*** 数值变化监听*/// 接口public interface DataChangerListener {void listener();}private DataChangerListener dataChangerListener;public void setDataChangerListener(DataChangerListener dataChangerListener) {this.dataChangerListener = dataChangerListener;}
}


SphygmomanometerView （血压刻度计）




package com.ancx.view.view;import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;import com.ancx.view.R;
import com.ancx.view.util.UnitConversionUtils;/*** 血压计*/
public class SphygmomanometerView extends View {private Context context;private int topArcHeight = 100;private int bottomArcHeight;private int spacing = 30;private int greyColor = Color.parseColor("#808080");private int cyanColor = Color.parseColor("#40BEBD");private int pinkColor = Color.parseColor("#FFBEB4");private Paint borderPaint = new Paint();private Paint fillPaint = new Paint();private Paint whitePaint = new Paint();private Paint shortLinePaint = new Paint();private Paint longLinePaint = new Paint();private Paint currentLinePaint = new Paint();private Paint currentPicPaint = new Paint();private Paint textPaint = new Paint();private int mHeight;private int mWidth;private int currentValue;private float average = 15f;private int startData = 80;private float startPosition;private float currentPinkLine;public SphygmomanometerView(Context context, AttributeSet attrs) {super(context, attrs);this.context = context;currentValue = startData;}public void setAverage(float average) {if (average <= 0) {this.average = 15f;} else {this.average = average;}}public void setStartData(int startData) {if (startData < 0) {this.startData = 0;} else if (startData > 230) {this.startData = 230;} else {this.startData = startData;}currentValue = this.startData;startPosition = -this.startData * average;}public int getCurrentValue() {return currentValue;}@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {super.onMeasure(widthMeasureSpec, heightMeasureSpec);mHeight = getHeight();mWidth = getWidth();if (mHeight == 0 || mWidth == 0) {return;}bottomArcHeight = mWidth;currentPinkLine = (mHeight - topArcHeight / 2f - bottomArcHeight - 3) / 2f + 3 + topArcHeight / 2f;startPosition = currentPinkLine - (230 - this.startData) * average;}@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);drawBackGround(canvas);drawData(canvas);}private void drawBackGround(Canvas canvas) {// 白线whitePaint.setAntiAlias(true);whitePaint.setColor(Color.parseColor("#FFFFFF"));whitePaint.setStrokeWidth(5);// 画填充fillPaint.setAntiAlias(true);fillPaint.setColor(Color.parseColor("#FFFFFF"));fillPaint.setStyle(Paint.Style.FILL);// 画边框borderPaint.setAntiAlias(true);borderPaint.setColor(greyColor);borderPaint.setStyle(Paint.Style.STROKE);borderPaint.setStrokeWidth(3);//画顶部弧形RectF topRectF = new RectF(spacing, 3, mWidth - spacing, topArcHeight);canvas.drawArc(topRectF, -180, 180, true, borderPaint);canvas.drawArc(topRectF, -180, 180, true, fillPaint);canvas.drawLine(spacing, topArcHeight / 2f + 3, mWidth - spacing, topArcHeight / 2f + 3, whitePaint);// 画两条边线canvas.drawLine(spacing, topArcHeight / 2f, spacing, mHeight - bottomArcHeight / 2f, borderPaint);canvas.drawLine(mWidth - spacing, topArcHeight / 2f, mWidth - spacing, mHeight - bottomArcHeight / 2f, borderPaint);//画底部弧形RectF bottomRectF = new RectF(3, mHeight - bottomArcHeight, mWidth - 3, mHeight - 3);canvas.drawArc(bottomRectF, -45, 270, true, borderPaint);canvas.drawArc(bottomRectF, -45, 270, true, fillPaint);// 矩形RectF border = new RectF(spacing, topArcHeight / 2f, mWidth - spacing, mHeight - bottomArcHeight / 2f - 3);canvas.drawRoundRect(border, 0, 0, fillPaint);// 画当前刻度值currentLinePaint.setAntiAlias(true);currentLinePaint.setColor(pinkColor);currentLinePaint.setStrokeWidth(3);canvas.drawLine(spacing, currentPinkLine, mWidth - 30, currentPinkLine, currentLinePaint);// 画当前刻度的图片currentPicPaint.setAntiAlias(true);Bitmap bitmap = BitmapFactory.decodeResource(context.getResources(), R.drawable.zhizhen);canvas.drawBitmap(bitmap, getWidth() - spacing - bitmap.getWidth() + 16, currentPinkLine - bitmap.getHeight() / 2f, currentPicPaint);}private void drawData(Canvas canvas) {// 画短刻度线shortLinePaint.setAntiAlias(true);shortLinePaint.setColor(greyColor);shortLinePaint.setStrokeWidth(3);// 画长刻度线longLinePaint.setAntiAlias(true);longLinePaint.setColor(cyanColor);longLinePaint.setStrokeWidth(5);// 画刻度值textPaint.setAntiAlias(true);textPaint.setColor(greyColor);textPaint.setTextSize(UnitConversionUtils.sp2px(context, 12));Rect rect = new Rect();textPaint.getTextBounds("999Kpa", 0, 1, rect);for (int height = 230; height >= 0; height--) {if (startPosition + average * (230 - height) <= mHeight - bottomArcHeight && startPosition + average * (230 - height) >= topArcHeight / 2f) {if (height % 10 == 0) {// 长线canvas.drawLine(spacing, startPosition + average * (230 - height), 50 + spacing, startPosition + average * (230 - height), longLinePaint);canvas.drawText(height + "Kpa", 50 + spacing, startPosition + average * (230 - height) + rect.height() / 2f - 2, textPaint);} else {// 短线canvas.drawLine(spacing, startPosition + average * (230 - height), 20 + spacing, startPosition + average * (230 - height), shortLinePaint);}}}}private float startY, moveY, disY;@Overridepublic boolean onTouchEvent(MotionEvent event) {switch (event.getAction()) {case MotionEvent.ACTION_DOWN:startY = event.getY();break;case MotionEvent.ACTION_MOVE:moveY = event.getY();disY = moveY - startY;startPosition += disY;if (startPosition > currentPinkLine) {startPosition = currentPinkLine;}if (startPosition < currentPinkLine - 230 * average) {startPosition = currentPinkLine - 230 * average;}float data = (currentPinkLine - startPosition) / average;currentValue = (230 - (int) (data + 0.5f));if (dataChangerListener != null) {dataChangerListener.listener();}invalidate();startY = moveY;break;case MotionEvent.ACTION_UP:case MotionEvent.ACTION_CANCEL:startPosition = currentPinkLine - (230 - currentValue) * average;invalidate();break;}return true;}public interface DataChangerListener {void listener();}private DataChangerListener dataChangerListener;public void setDataChangerListener(DataChangerListener dataChangerListener) {this.dataChangerListener = dataChangerListener;}}


WeightView （体重刻度计）




package com.ancx.view.view;import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;import com.ancx.view.R;
import com.ancx.view.util.UnitConversionUtils;/*** 体重刻度尺*/
public class WeightDialView extends View {private Context context;private int greyColor = Color.parseColor("#808080");private int cyanColor = Color.parseColor("#40BEBD");private int pinkColor = Color.parseColor("#FFBEB4");private int backgroundColor = Color.parseColor("#EEEEEE");private Paint borderPaint = new Paint();private Paint fillPaint = new Paint();private Paint rectPaint = new Paint();private Paint tranPaint = new Paint();private Paint shortLinePaint = new Paint();private Paint longLinePaint = new Paint();private Paint currentLinePaint = new Paint();private Paint currentPicPaint = new Paint();private Paint textPaint = new Paint();private int mHeight;private int mWidth;private float currentValue;private float average = 4;private float distance = (float) (2 * (mHeight * 2 * Math.sin(2 * Math.PI / 180)));private int startData = 100;private float startPosition = (float) (-startData * 2 * (mHeight * 2 * Math.sin(2 * Math.PI / 180)));private float currentPinkLine;public WeightDialView(Context context, AttributeSet attrs) {super(context, attrs);this.context = context;currentValue = this.startData / 2f;}public void setAverage(float average) {if (average <= 0) {this.average = 4;} else {this.average = average;}}public void setStartData(float startData) {if (startData < 0) {this.startData = 0;} else if (startData > 200) {this.startData = 400;} else {this.startData = (int) (startData * 2);}currentValue = this.startData / 2f;}@Overridepublic void setBackgroundColor(int backgroundColor) {this.backgroundColor = backgroundColor;}public float getCurrentValue() {return currentValue;}@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {super.onMeasure(widthMeasureSpec, heightMeasureSpec);mHeight = getHeight();mWidth = getWidth();distance = (float) (2 * (mHeight * 2 * Math.sin(2 * Math.PI / 180)));currentPinkLine = mWidth / 2f;
//        startPosition = (float) (-startData * 2 * (mHeight * 2 * Math.sin(2 * Math.PI / 180)));startPosition = currentPinkLine;}@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);drawBackGround(canvas);drawData(canvas);//        drawRect(canvas);}private void drawBackGround(Canvas canvas) {// 画填充fillPaint.setAntiAlias(true);fillPaint.setColor(Color.parseColor("#FFFFFF"));fillPaint.setStyle(Paint.Style.FILL);tranPaint.setAntiAlias(true);tranPaint.setColor(backgroundColor);tranPaint.setStyle(Paint.Style.FILL);// 画边框borderPaint.setAntiAlias(true);borderPaint.setColor(greyColor);borderPaint.setStyle(Paint.Style.STROKE);borderPaint.setStrokeWidth(3);// 画上面弧形RectF topRectF = new RectF(mWidth / 2f - 2 * mHeight, 3, mWidth / 2f + 2 * mHeight, 4 * mHeight + 3);canvas.drawArc(topRectF, 311, -82, true, fillPaint);canvas.drawArc(topRectF, 311, -82, true, borderPaint);// 画下面弧形RectF bottomRectF = new RectF(mWidth / 2f - 4 * mHeight / 3f, 2 * mHeight / 3f, mWidth / 2f + 4 * mHeight / 3f, 10 * mHeight / 3f);canvas.drawArc(bottomRectF, 311, -82, true, tranPaint);canvas.drawArc(bottomRectF, 311, -82, true, borderPaint);// 画当前刻度值currentLinePaint.setAntiAlias(true);currentLinePaint.setColor(pinkColor);currentLinePaint.setStrokeWidth(3);canvas.drawLine(currentPinkLine, 3, currentPinkLine, 2 * mHeight / 3f, currentLinePaint);// 画当前刻度的图片currentPicPaint.setAntiAlias(true);Bitmap bitmap = BitmapFactory.decodeResource(context.getResources(), R.drawable.zhizhen_up);canvas.drawBitmap(bitmap, (mWidth - bitmap.getWidth()) / 2f, 2 * mHeight / 3f - bitmap.getHeight() / 2f, currentPicPaint);}private void drawData(Canvas canvas) {// 画短刻度线shortLinePaint.setAntiAlias(true);shortLinePaint.setColor(greyColor);shortLinePaint.setStrokeWidth(3);// 画长刻度线longLinePaint.setAntiAlias(true);longLinePaint.setColor(cyanColor);longLinePaint.setStrokeWidth(5);// 画刻度值textPaint.setAntiAlias(true);textPaint.setColor(greyColor);textPaint.setTextSize(UnitConversionUtils.sp2px(context, 12));Rect rect = new Rect();textPaint.getTextBounds("999kg", 0, 1, rect);float sp = (float) (mWidth / 2f - mHeight * 2 * Math.sin(41 * Math.PI / 180));// 左边for (int i = startData - 1; i >= startData - (int) (41 / average); i--) {canvas.rotate(-average, mWidth / 2f, mHeight * 2);if (i >= 0) {if (i % 6 == 0) {// 长线canvas.drawLine(startPosition + 0 * i, 3, startPosition + 0 * i, 50, longLinePaint);//33为刻度的长canvas.drawText(i / 2 + "kg", startPosition + 0 * i - textPaint.measureText(i / 2 + "kg") / 2,50 + rect.height() + 5, textPaint);} else {canvas.drawLine(startPosition + 0 * i, 0, startPosition + 0 * i, 30, shortLinePaint);//20为短刻度的长}}}canvas.rotate(average * (int) (41 / average), mWidth / 2f, mHeight * 2);// 右边for (int i = startData; i <= (int) (41 / average) + startData && i <= 400; i++) {if (i % 6 == 0) {// 长线canvas.drawLine(startPosition + 0 * i, 3, startPosition + 0 * i, 50, longLinePaint);canvas.drawText(i / 2 + "kg", startPosition + 0 * i - textPaint.measureText(i / 2 + "kg") / 2,50 + rect.height() + 5, textPaint);} else {canvas.drawLine(startPosition + 0 * i, 0, startPosition + 0 * i, 30, shortLinePaint);}canvas.rotate(average, mWidth / 2f, mHeight * 2);}}private void drawRect(Canvas canvas) {rectPaint.setAntiAlias(true);rectPaint.setColor(backgroundColor);rectPaint.setStyle(Paint.Style.FILL);rectPaint.setAntiAlias(true);rectPaint.setColor(backgroundColor);rectPaint.setStyle(Paint.Style.FILL);}private float startX, moveX, disX;@Overridepublic boolean onTouchEvent(MotionEvent event) {switch (event.getAction()) {case MotionEvent.ACTION_DOWN:startX = event.getX();break;case MotionEvent.ACTION_MOVE:moveX = event.getX();disX = moveX - startX;if (Math.abs(disX) < distance) {break;}startData -= (int) (disX / distance);if (startData <= 0) {startData = 0;}if (startData >= 400) {startData = 400;}currentValue = startData / 2f;invalidate();if (dataChangerListener != null) {dataChangerListener.listener();}startX = moveX;break;}return true;}public interface DataChangerListener {void listener();}private DataChangerListener dataChangerListener;public void setDataChangerListener(DataChangerListener dataChangerListener) {this.dataChangerListener = dataChangerListener;}
}

资源图片：

zhizhen                   zhizhen_up    

这篇关于自定义身高，体重，血压，腰围选择器View的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/230742。

相关文章

dubbo3 filter(过滤器)如何自定义过滤器

dubbo3 filter(过滤器)如何自定义过滤器

《dubbo3filter(过滤器)如何自定义过滤器》dubbo3filter（过滤器）类似于javaweb中的filter和springmvc中的intercaptor,用于在请求发送前或到达前进... 目录dubbo3 filter（过滤器）简介dubbo 过滤器运行时机自定义 filter第一种 @A
阅读更多...
CSS自定义浏览器滚动条样式完整代码

CSS自定义浏览器滚动条样式完整代码

《CSS自定义浏览器滚动条样式完整代码》：本文主要介绍了如何使用CSS自定义浏览器滚动条的样式，包括隐藏滚动条的角落、设置滚动条的基本样式、轨道样式和滑块样式，并提供了完整的CSS代码示例，通过这些技巧，你可以为你的网站添加个性化的滚动条样式，从而提升用户体验，详细内容请阅读本文，希望能对你有所帮助...
阅读更多...
SpringBoot 自定义消息转换器使用详解

SpringBoot 自定义消息转换器使用详解

《SpringBoot自定义消息转换器使用详解》本文详细介绍了SpringBoot消息转换器的知识,并通过案例操作演示了如何进行自定义消息转换器的定制开发和使用,感兴趣的朋友一起看看吧... 目录一、前言二、SpringBoot 内容协商介绍2.1 什么是内容协商2.2 内容协商机制深入理解2.2.1 内容
阅读更多...
【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画（下）

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画（下）

【课程链接】 AntV G6：深入图形与图形分组、自定义节点、节点动画（下）_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中，应该怎样去计算和绘制图形，如何给一个图形制作不间断的动画，以及在鼠标事件之后产生动画。（有点难，需要好好理解） <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06
阅读更多...
自定义类型：结构体(续)

自定义类型：结构体(续)

目录 一. 结构体的内存对齐 1.1 为什么存在内存对齐？ 1.2 修改默认对齐数 二. 结构体传参 三. 结构体实现位段 一. 结构体的内存对齐 在前面的文章里我们已经讲过一部分的内存对齐的知识，并举出了两个例子，我们再举出两个例子继续说明： struct S3{double a;int b;char c;};int mian(){printf("%zd\n",s
阅读更多...
寻找身高相近的小朋友

寻找身高相近的小朋友

题目描述: 小明今年升学到小学一年级，来到新班级后发现其他小朋友们身高参差不齐，然后就想基于各小朋友和自己的身高差对他们进行排序，请帮他实现排序。 输入描述: 第一行为正整数H和N，0<H<200，为小明的身高，0<N<50，为新班级其他小朋友个数。第二行为N个正整数H1-HN，分别是其他小朋友的身高，取值范围0<Hi<200(1<=i<=N)，且N个正整数各不相同。 输出描述: 输出
阅读更多...
Spring 源码解读：自定义实现Bean定义的注册与解析

Spring 源码解读：自定义实现Bean定义的注册与解析

引言 在Spring框架中，Bean的注册与解析是整个依赖注入流程的核心步骤。通过Bean定义，Spring容器知道如何创建、配置和管理每个Bean实例。本篇文章将通过实现一个简化版的Bean定义注册与解析机制，帮助你理解Spring框架背后的设计逻辑。我们还将对比Spring中的BeanDefinition和BeanDefinitionRegistry，以全面掌握Bean注册和解析的核心原理。
阅读更多...
Oracle type （自定义类型的使用）

Oracle type （自定义类型的使用）

oracle - type   type定义： oracle中自定义数据类型 oracle中有基本的数据类型，如number，varchar2，date，numeric，float....但有时候我们需要特殊的格式， 如将name定义为（firstname,lastname）的形式，我们想把这个作为一个表的一列看待，这时候就要我们自己定义一个数据类型 格式 ：create or repla
阅读更多...
MVC（Model-View-Controller）和MVVM（Model-View-ViewModel）

MVC（Model-View-Controller）和MVVM（Model-View-ViewModel）

1、MVC MVC（Model-View-Controller） 是一种常用的架构模式，用于分离应用程序的逻辑、数据和展示。它通过三个核心组件（模型、视图和控制器）将应用程序的业务逻辑与用户界面隔离，促进代码的可维护性、可扩展性和模块化。在 MVC 模式中，各组件可以与多种设计模式结合使用，以增强灵活性和可维护性。以下是 MVC 各组件与常见设计模式的关系和作用： 1. Model（模型）
阅读更多...
HTML5自定义属性对象Dataset

HTML5自定义属性对象Dataset

原文转自HTML5自定义属性对象Dataset简介 一、html5 自定义属性介绍 之前翻译的“你必须知道的28个HTML5特征、窍门和技术”一文中对于HTML5中自定义合法属性data-已经做过些介绍，就是在HTML5中我们可以使用data-前缀设置我们需要的自定义属性，来进行一些数据的存放，例如我们要在一个文字按钮上存放相对应的id： <a href="javascript:" d
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2