android自定义速度仪表盘,Android自定义仪表盘 并实现动画

最新推荐文章于 2023-11-01 10:18:17 发布
最新推荐文章于 2023-11-01 10:18:17 发布
阅读量746 收藏
点赞数
文章标签： android自定义速度仪表盘

packagecom.yuntong.tv.view;

importandroid.animation.ValueAnimator;

importandroid.content.Context;

importandroid.content.res.TypedArray;

importandroid.graphics.Bitmap;

importandroid.graphics.BitmapFactory;

importandroid.graphics.Canvas;

importandroid.graphics.Color;

importandroid.graphics.Paint;

importandroid.graphics.PaintFlagsDrawFilter;

import android.graphics.RectF;

importandroid.os.Handler;

importandroid.os.Message;

importandroid.text.TextUtils;

importandroid.util.AttributeSet;

importandroid.view.View;

importandroid.view.animation.AccelerateDecelerateInterpolator;

importandroid.view.animation.LinearInterpolator;

importcom.yuntong.tv.R;

/**

* Created by ctdw on 2017/1/10.

*/

public classYiBiaoPanViewNewextendsView {

privateContextcontext;

//刻度的结束位置

private intendDst;

//刻度的开始位置

private intstartDst;

//外环图片

privateBitmapmBitmapOutRing;

//光标图片

privateBitmapmBitmapGuangBiao;

//外环底部图片

privateBitmapmBitmapOutDoor;

//当前的刻度

private intmPerent;

//View的宽

private intmWidth;

//View的高

private intmHeight;

//总刻度的颜色

private inttotalKeDuColor;

//当前刻度的颜色

private intcurrentKeDuColor;

//最外层图片圆环和底部图片的画笔宽度

private intoutPaintWidth;

//画刻度的画笔宽度

private intkeduPaintWidth;

privatePaintFlagsDrawFiltermPaintFlagsDrawFilter;

//外层圆环和底部图片画笔

privatePaintmBitmapOutRingAndOutDoorPaint;

//总刻度的画笔

privatePaintmTotalKeduPaint;

//当前刻度的画笔

privatePaintmCurrentKeduPaint;

//最外层圆环图片的矩阵

privateRectFmBitmapOutRingRectf;

//底部图片的矩阵

privateRectFmBitmapOutDoorRecft;

private intmBitmapOutRingWidth;

private intmBitmapOutRingHeight;

private intmBitmapOutDoorWidth;

private intmBitmapOutDoorHeight;

//文本的画笔

privatePaintmCenterTextPaint;

//最上层文本的颜色

private static final intWHITE_COLOR= Color.parseColor("#ffffff");

//底部文本颜色

private static final intBLACK_COLOR= Color.parseColor("#000000");

//室内PM2.5

privateStringmPmText;

privateStringmPmTextNumber;

privateStringmPmTextLevel;

privateStringmPmTextOut;

private intcurrentKeDuColorDi;

private intmMaxNum=1000;

private intmMinNum=0;

private intmMinNumOut=0;

private intmPerents=0;

privateRectFmBitmapGuangBiaoRectf;

private intmBitmapGuangBiaoWidth;

private intmBitmapGuangBiaoHeight;

private float[]pos;

private float[]tan;

privateRectFmMiddleProgressRect;

private floatmStartAngle=139f;

private floatmCurrentAngle=0f;

privatePaintmArcProgressPaint;

private floatmTotalAngle;

privatePaintmCenterTextPaints;

privatePaintmCenterTextPaints1;

privateStringmUnitPM25="";

publicYiBiaoPanViewNew(Context context) {

this(context, null);

}

publicYiBiaoPanViewNew(Context context,AttributeSet attrs) {

this(context,attrs,0);

}

private static final intDATA_CHANGED=0;

booleanisHint=true;

HandlermHandler=newHandler() {

@Override

public voidhandleMessage(Message msg) {

switch(msg.what) {

caseDATA_CHANGED:

isHint= !isHint;

postInvalidate();

break;

}

}

};

RunnablemRunnable=newRunnable() {

@Override

public voidrun() {

mHandler.postDelayed(mRunnable,1000);

Message message =newMessage();

message.what=DATA_CHANGED;

mHandler.sendMessage(message);

}

};

publicYiBiaoPanViewNew(Context context,AttributeSet attrs, intdefStyleAttr) {

super(context,attrs,defStyleAttr);

this.context= context;

TypedArray typedArray = context.obtainStyledAttributes(attrs,R.styleable.PanelView);

totalKeDuColor= typedArray.getColor(R.styleable.PanelView_keduColor,Color.parseColor("#365275"));

//        currentKeDuColor = typedArray.getColor(R.styleable.PanelView_arcColor, Color.parseColor("#14B8D4"));

outPaintWidth= typedArray.getDimensionPixelSize(R.styleable.PanelView_outPaintWidth,5);

keduPaintWidth= typedArray.getDimensionPixelSize(R.styleable.PanelView_keduPaintWidth,3);

startDst= typedArray.getDimensionPixelOffset(R.styleable.PanelView_startDst,22);

endDst= typedArray.getDimensionPixelOffset(R.styleable.PanelView_endDst,45);

//初始化画笔

init();

mHandler.post(mRunnable);

}

/**

*初始化画笔

*/

private voidinit() {

//设置图片线条的抗锯齿

mPaintFlagsDrawFilter=newPaintFlagsDrawFilter

(0,Paint.ANTI_ALIAS_FLAG| Paint.FILTER_BITMAP_FLAG);

//外层圆环和底部图片画笔

mBitmapOutRingAndOutDoorPaint=newPaint();

mBitmapOutRingAndOutDoorPaint.setStyle(Paint.Style.STROKE);

mBitmapOutRingAndOutDoorPaint.setStrokeWidth(outPaintWidth);

//总刻度的画笔

mTotalKeduPaint=newPaint();

mTotalKeduPaint.setStyle(Paint.Style.STROKE);

mTotalKeduPaint.setStrokeWidth(keduPaintWidth);

mTotalKeduPaint.setColor(totalKeDuColor);

//当前刻度的画笔

mCurrentKeduPaint=newPaint();

mCurrentKeduPaint.setStyle(Paint.Style.STROKE);

mCurrentKeduPaint.setStrokeWidth(keduPaintWidth);

//文本画笔

mCenterTextPaint=newPaint();

mCenterTextPaint.setTextAlign(Paint.Align.CENTER);

mCenterTextPaints=newPaint();

mCenterTextPaints.setTextAlign(Paint.Align.RIGHT);

mCenterTextPaints1=newPaint();

mCenterTextPaints1.setTextAlign(Paint.Align.LEFT);

mArcProgressPaint=newPaint(Paint.ANTI_ALIAS_FLAG);

mArcProgressPaint.setStrokeWidth(1);

mArcProgressPaint.setColor(Color.TRANSPARENT);

mArcProgressPaint.setStyle(Paint.Style.STROKE);

mArcProgressPaint.setStrokeCap(Paint.Cap.ROUND);

}

/**

*测量控件的宽和高

*

*@paramwidthMeasureSpec

*@paramheightMeasureSpec

*/

@Override

protected voidonMeasure(intwidthMeasureSpec, intheightMeasureSpec) {

intwidthSize = MeasureSpec.getSize(widthMeasureSpec);

intwidthMode = MeasureSpec.getMode(widthMeasureSpec);

intheightSize = MeasureSpec.getSize(heightMeasureSpec);

intheightMode = MeasureSpec.getMode(heightMeasureSpec);

if(widthMode == MeasureSpec.EXACTLY) {

mWidth= widthSize;

}else{

mWidth=477;

}

if(heightMode == MeasureSpec.EXACTLY) {

mHeight= heightSize;

}else{

mHeight=477;

}

setMeasuredDimension(mWidth,mHeight);

}

@Override

protected voidonDraw(Canvas canvas) {

//设置画布绘图无锯齿

canvas.setDrawFilter(mPaintFlagsDrawFilter);

//画圆环和底部图片

drawBitmapOutRingAndDoor(canvas);

//画文本文字

drawCenterText(canvas);

//画总刻度

drawTotalKedu(canvas);

//画当前刻度

drawCurrentKedu(canvas);

drawGuangBiao(canvas);

}

/**

*画文本文字

*

*@paramcanvas

*/

private voiddrawCenterText(Canvas canvas) {

//绘制最上边文本

mCenterTextPaint.setTextSize(36);

mCenterTextPaint.setColor(WHITE_COLOR);

canvas.drawText(mPmText,mWidth/2,outPaintWidth+114,mCenterTextPaint);

String mMinNums =mMinNum+"";

//绘制中间文本

mCenterTextPaints.setTextSize(120);

mCenterTextPaints.setColor(WHITE_COLOR);

mCenterTextPaints1.setTextSize(40);

mCenterTextPaints1.setColor(WHITE_COLOR);

intnum;

intdanwei;

if(mMinNums.length() ==4){

mCenterTextPaints.setTextSize(100);

num =40;

danwei =50;

}else{

num =30;

danwei =50;

}

canvas.drawText(mPmTextNumber,mWidth/2+ num,outPaintWidth+250,mCenterTextPaints);

canvas.drawText(mUnitPM25,mWidth/2+ danwei,outPaintWidth+250,mCenterTextPaints1);

//绘制下边文本

mCenterTextPaint.setTextSize(35);

mCenterTextPaint.setColor(WHITE_COLOR);

canvas.drawText(mPmTextLevel,mWidth/2,mHeight-88-outPaintWidth,mCenterTextPaint);

mCenterTextPaint.setTextSize(40);

mCenterTextPaint.setColor(WHITE_COLOR);

canvas.drawText(mPmTextOut,mWidth/2,mHeight-18,mCenterTextPaint);

}

/**

*画当前刻度

*

*@paramcanvas

*/

private voiddrawCurrentKedu(Canvas canvas) {

mCurrentKeduPaint.setColor(currentKeDuColor);

if(mPerent==0) {

//旋转画布

canvas.save();

canvas.rotate(-139f,mWidth/2,mWidth/2);

//旋转的角度

floatrAngle = (280.9f/100);

for(inti =1;i <=0;i++) {

canvas.drawLine(mWidth/2,startDst,mWidth/2,endDst,mCurrentKeduPaint);

canvas.rotate(rAngle,mWidth/2,mWidth/2);

}

canvas.restore();

}else if(mPerent==100) {

//旋转画布

canvas.save();

//旋转的角度

floatrAngle = (280.9f/100);

canvas.rotate(-139,mWidth/2,mWidth/2);

for(inti =1;i <=100;i++) {

if(i ==100) {

if(isHint) {

canvas.drawLine(mWidth/2,startDst,mWidth/2,endDst,mCurrentKeduPaint);

}

}

canvas.rotate(rAngle,mWidth/2,mWidth/2);

}

canvas.restore();

//旋转画布

canvas.save();

//旋转的角度

floatrAngles = (280.9f/100);

canvas.rotate(-139,mWidth/2,mWidth/2);

for(inti =1;i <100;i++) {

canvas.drawLine(mWidth/2,startDst,mWidth/2,endDst,mCurrentKeduPaint);

canvas.rotate(rAngles,mWidth/2,mWidth/2);

}

canvas.restore();

}else{

//旋转画布

canvas.save();

//旋转的角度

floatrAngle = (280.9f/100);

canvas.rotate(-139,mWidth/2,mWidth/2);

for(inti =1;i <=mPerents;i++) {

if(i ==mPerents) {

if(isHint) {

canvas.drawLine(mWidth/2,startDst,mWidth/2,endDst,mCurrentKeduPaint);

}

}

canvas.rotate(rAngle,mWidth/2,mWidth/2);

}

canvas.restore();

//旋转画布

canvas.save();

//旋转的角度

floatrAngles = (280.9f/100);

canvas.rotate(-139,mWidth/2,mWidth/2);

for(inti =1;i

canvas.drawLine(mWidth/2,startDst,mWidth/2,endDst,mCurrentKeduPaint);

canvas.rotate(rAngles,mWidth/2,mWidth/2);

}

canvas.restore();

}

}

private voiddrawGuangBiao(Canvas canvas) {

mCurrentKeduPaint.setColor(currentKeDuColor);

//光标的矩阵

mBitmapGuangBiaoRectf=newRectF((mWidth-mBitmapGuangBiaoWidth) /2,outPaintWidth/2+ dp2px(3f),(mWidth-mBitmapGuangBiaoWidth) /2+mBitmapGuangBiaoWidth,outPaintWidth/2+ dp2px(3f) +mBitmapGuangBiaoHeight);

if(mPerents==0) {

//旋转画布

canvas.save();

canvas.rotate(-139f,mWidth/2,mWidth/2);

//旋转的角度

floatrAngle = (280.9f/100);

for(inti =1;i <=0;i++) {

canvas.rotate(rAngle,mWidth/2,mWidth/2);

}

if(isHint) {

canvas.drawBitmap(mBitmapGuangBiao, null,mBitmapGuangBiaoRectf,mCurrentKeduPaint);

}

canvas.restore();

}else if(mPerents==100) {

//旋转画布

canvas.save();

canvas.rotate(-139f,mWidth/2,mWidth/2);

//旋转的角度

floatrAngle = (280.9f/100);

for(inti =2;i <=mPerents;i++) {

canvas.rotate(rAngle,mWidth/2,mWidth/2);

}

if(isHint) {

canvas.drawBitmap(mBitmapGuangBiao, null,mBitmapGuangBiaoRectf,mCurrentKeduPaint);

}

canvas.restore();

}else{

//旋转画布

canvas.save();

//旋转的角度

floatrAngle = (280.9f/100);

canvas.rotate(-139,mWidth/2,mWidth/2);

for(inti =2;i <=mPerents;i++) {

canvas.rotate(rAngle,mWidth/2,mWidth/2);

}

if(isHint) {

canvas.drawBitmap(mBitmapGuangBiao, null,mBitmapGuangBiaoRectf,mCurrentKeduPaint);

}

canvas.restore();

}

}

/**

*画总刻度

*

*@paramcanvas

*/

private voiddrawTotalKedu(Canvas canvas) {

canvas.save();

canvas.rotate(139f,mWidth/2,mWidth/2);

//旋转的角度

floatrAngle = -280.9f/100;

for(inti =1;i <=100;i++) {

canvas.drawLine(mWidth/2,startDst,mWidth/2,endDst,mTotalKeduPaint);

canvas.rotate(rAngle,mWidth/2,mWidth/2);

}

canvas.restore();

}

/**

*画圆环和底部图片

*

*@paramcanvas

*/

private voiddrawBitmapOutRingAndDoor(Canvas canvas) {

mBitmapOutRingAndOutDoorPaint.setColor(currentKeDuColorDi);

//最外层圆环图片的矩阵

mBitmapOutRingRectf=newRectF(outPaintWidth/2,outPaintWidth/2,mWidth-outPaintWidth/2,mHeight-outPaintWidth/2);

//底部图片的矩阵

mBitmapOutDoorRecft=newRectF((mWidth-mBitmapOutDoorWidth-outPaintWidth) /2+3,mHeight-mBitmapOutDoorHeight-outPaintWidth/2+2,(mWidth-mBitmapOutDoorWidth) /2+mBitmapOutDoorWidth+outPaintWidth/2-2,mHeight);

canvas.drawBitmap(mBitmapOutDoor, null,mBitmapOutDoorRecft,mBitmapOutRingAndOutDoorPaint);

mBitmapOutRingAndOutDoorPaint.setColor(currentKeDuColor);

canvas.drawBitmap(mBitmapOutRing, null,mBitmapOutRingRectf,mBitmapOutRingAndOutDoorPaint);

}

/**

*设置当前PM25的值

*@paramnumber

*@paramnumOut

*@paramvalues

*@parami

*@paramunitPM25

*/

public voidsetCurrentPM25Values(intnumber,String numOut,String values, inti,String unitPM25) {

intnumberOut;

if(TextUtils.equals("",numOut)) {

numberOut =0;

}else{

numberOut = Integer.parseInt(numOut);

}

if(i <=35&& i >=0) {

//空气质量优

mPerent= number;

mPmTextLevel="空气质量优";

mBitmapOutRing= BitmapFactory.decodeResource(getResources(),R.drawable.pollution_degree1);

mBitmapGuangBiao= BitmapFactory.decodeResource(getResources(),R.drawable.cursor_icon1);

currentKeDuColor= Color.parseColor("#5dca7e");

currentKeDuColorDi= Color.parseColor("#5dca7e");

mBitmapOutDoor= BitmapFactory.decodeResource(getResources(),R.drawable.outdoor_data_bg1);

}else if(i >35&& i <=75) {

//空气质量良

mPmTextLevel="空气质量良";

mPerent= number;

currentKeDuColor= Color.parseColor("#a6d062");

mBitmapGuangBiao= BitmapFactory.decodeResource(getResources(),R.drawable.cursor_icon2);

mBitmapOutRing= BitmapFactory.decodeResource(getResources(),R.drawable.pollution_degree2);

currentKeDuColorDi= Color.parseColor("#a6d062");

mBitmapOutDoor= BitmapFactory.decodeResource(getResources(),R.drawable.outdoor_data_bg2);

}else if(i >75&& i <=115) {

//轻度污染

mPerent= number;

mPmTextLevel="轻度污染";

currentKeDuColor= Color.parseColor("#f9cf61");

mBitmapGuangBiao= BitmapFactory.decodeResource(getResources(),R.drawable.cursor_icon3);

mBitmapOutRing= BitmapFactory.decodeResource(getResources(),R.drawable.pollution_degree3);

currentKeDuColorDi= Color.parseColor("#f9cf61");

mBitmapOutDoor= BitmapFactory.decodeResource(getResources(),R.drawable.outdoor_data_bg3);

}else if(i >115&& i <=150) {

//中度污染

mPerent= number;

mPmTextLevel="中度污染";

currentKeDuColor= Color.parseColor("#fcb161");

mBitmapGuangBiao= BitmapFactory.decodeResource(getResources(),R.drawable.cursor_icon4);

mBitmapOutRing= BitmapFactory.decodeResource(getResources(),R.drawable.pollution_degree4);

currentKeDuColorDi= Color.parseColor("#fcb161");

mBitmapOutDoor= BitmapFactory.decodeResource(getResources(),R.drawable.outdoor_data_bg4);

}else if(i >150&& i <=250) {

//重度污染

mPerent= number;

mPmTextLevel="重度污染";

mTotalAngle= number *280.9f/100;

currentKeDuColor= Color.parseColor("#ef855b");

mBitmapGuangBiao= BitmapFactory.decodeResource(getResources(),R.drawable.cursor_icon5);

mBitmapOutRing= BitmapFactory.decodeResource(getResources(),R.drawable.pollution_degree5);

currentKeDuColorDi= Color.parseColor("#ef855b");

mBitmapOutDoor= BitmapFactory.decodeResource(getResources(),R.drawable.outdoor_data_bg5);

}else if(i >250&& i <=1000) {

//严重污染

mPerent= number;

mPmTextLevel="严重污染";

mTotalAngle=280.9f;

currentKeDuColor= Color.parseColor("#ed6160");

mBitmapGuangBiao= BitmapFactory.decodeResource(getResources(),R.drawable.cursor_icon6);

mBitmapOutRing= BitmapFactory.decodeResource(getResources(),R.drawable.pollution_degree6);

currentKeDuColorDi= Color.parseColor("#ed6160");

mBitmapOutDoor= BitmapFactory.decodeResource(getResources(),R.drawable.outdoor_data_bg6);

}else{

//严重污染

mPerent=100;

mPmTextLevel="严重污染";

mTotalAngle=280.9f;

currentKeDuColor= Color.parseColor("#ed6160");

mBitmapGuangBiao= BitmapFactory.decodeResource(getResources(),R.drawable.cursor_icon6);

mBitmapOutRing= BitmapFactory.decodeResource(getResources(),R.drawable.pollution_degree6);

currentKeDuColorDi= Color.parseColor("#ed6160");

mBitmapOutDoor= BitmapFactory.decodeResource(getResources(),R.drawable.outdoor_data_bg6);

}

this.mUnitPM25= unitPM25;

mPmText="室内PM2.5";

mPmTextNumber= values;

mPmTextOut="室外:"+ numOut;

mBitmapOutRingWidth=mBitmapOutRing.getWidth();

mBitmapOutRingHeight=mBitmapOutRing.getHeight();

mBitmapGuangBiaoWidth=px2dip(context,mBitmapGuangBiao.getWidth());

mBitmapGuangBiaoHeight=px2dip(context,mBitmapGuangBiao.getHeight());

mBitmapOutDoorWidth=px2dip(context,mBitmapOutDoor.getWidth());

mBitmapOutDoorHeight=px2dip(context,mBitmapOutDoor.getHeight());

startRotateAnim(number,values,numOut,mTotalAngle);

}

/**

*开始刻度绘制动画和数字的改变 和文字的改变

*/

private voidstartRotateAnim(intnum,String values,String numOut, floattotalAngle) {

ValueAnimator mAngleAnim = ValueAnimator.ofFloat(mCurrentAngle,totalAngle);

mAngleAnim.setInterpolator(newAccelerateDecelerateInterpolator());

mAngleAnim.setDuration(2000);

mAngleAnim.addUpdateListener(newValueAnimator.AnimatorUpdateListener() {

@Override

public voidonAnimationUpdate(ValueAnimator valueAnimator) {

mCurrentAngle= (float) valueAnimator.getAnimatedValue();

postInvalidate();

}

});

mAngleAnim.start();

ValueAnimator keduAnim = ValueAnimator.ofInt(mPerents,num);

keduAnim.setInterpolator(newAccelerateDecelerateInterpolator());

keduAnim.setDuration(2000);

keduAnim.addUpdateListener(newValueAnimator.AnimatorUpdateListener() {

@Override

public voidonAnimationUpdate(ValueAnimator animation) {

mPerents= (int) animation.getAnimatedValue();

postInvalidate();

}

});

keduAnim.start();

ValueAnimator mNumAnim = ValueAnimator.ofInt(mMinNum,Integer.parseInt(values));

mNumAnim.setDuration(2000);

mNumAnim.setInterpolator(newLinearInterpolator());

mNumAnim.addUpdateListener(newValueAnimator.AnimatorUpdateListener() {

@Override

public voidonAnimationUpdate(ValueAnimator valueAnimator) {

mMinNum= (int) valueAnimator.getAnimatedValue();

postInvalidate();

}

});

mNumAnim.start();

ValueAnimator mNumAnimOut = ValueAnimator.ofInt(mMinNumOut,Integer.parseInt(numOut));

mNumAnimOut.setDuration(2000);

mNumAnimOut.setInterpolator(newLinearInterpolator());

mNumAnimOut.addUpdateListener(newValueAnimator.AnimatorUpdateListener() {

@Override

public voidonAnimationUpdate(ValueAnimator valueAnimator) {

mMinNumOut= (int) valueAnimator.getAnimatedValue();

postInvalidate();

}

});

mNumAnimOut.start();

}

/**

* dp2px

*/

public intdp2px(floatvalues) {

floatdensity = getResources().getDisplayMetrics().density;

return(int) (values * density +0.5f);

}

public static intpx2dip(Context context, intpxValue) {

floatscale = context.getResources().getDisplayMetrics().density;

return(int) (pxValue / scale +0.5f);

}

}

附上自定义属性

d49a9ebf9287

d49a9ebf9287

最后附上效果图:

d49a9ebf9287

Stille hjerte
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
android自定义组件实现仪表计数盘
08-25
主要为大家详细介绍了android自定义组件实现仪表计数盘，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android自定义View实现渐变色仪表盘
08-26
主要为大家详细介绍了Android自定义View实现渐变色仪表盘，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android自定义仪表盘.zip
04-12
Android自定义仪表盘源码，可动态显示刻度值
Android带刻度的可选角度进度条
01-02
Android带刻度的自定义进度条，可自选起始角度和旋转角度，可以用于项目中需要统计、评分等页面中，个人认为效果还可以。
Android自定义仪表盘View（汽车速度仪，刻度盘等），多种自定义模式，满足多种需求
Chauvet
11-05 6450
效果图源码点我点我，欢迎star or fork
android自定义刻度盘 表盘 速度表
薛凯的博客
10-28 5636
android自定义刻度盘 表盘 速度表效果图 直接在xml文件中添加即可，在代码中调用setProgress(int) 即可。代码注释写的很清楚，有兴趣的随便改改。InstrumentView.javapackage com.xk.testdemo.view;import android.content.Context; import android.graphics.Canvas; i
RE: 从零开始的车载Android HMI（一） - Lottie
linkwj的博客
07-03 2970
多年以前汽车还是以机械仪表主体的年代，各大汽车主机厂商并不十分关注操作系统UI的交互功能，但是随着车载SOC算力的不断提高以及主机厂商对汽车座舱竞争的白热化。座舱的HMI在设计上在强调功能性的同时也开始关注UI的艺术性，HMI的设计师们期望艺术与功能应该协同工作，让用户沉浸在“第三空间”的体验中。有了需求程序员就需要关注如何实施和落地，然而Android应用本身虽然有着完整的动画框架支持，但是开发复杂、调试耗时，大型的gif或逐帧动画对于CPU&内存占用都不太理想，所以许多Android的手机应用基本上不怎
Android 自定义仪表盘
莫翊痕的博客
04-19 5075
实现效果: 项目需要一个实时显示车速的仪表盘,没找到合适的控件,就自己写了一个.记录下,以后方便查看. import android.animation.ValueAnimator; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.LinearGradient; import android.graphics.Matr
Android 自定义View 仪表盘
01-25
android好看的自定义view Android 自定义View 仪表盘
Android自定义View制作仪表盘界面
09-01
主要介绍了Android自定义View制作仪表盘界面的相关资料,首先需要自定义仪表盘的属性，在构造方法种获取自定义属性，本文介绍的非常详细，具有参考借鉴价值，需要的朋友可以参考下
Android自定义水平进度条
08-09 7571
先上效果图为什么要有自定义控件? 1、特定的显示风格 2、处理特有的用户交互 3、优化布局(如列表中通过自定义控件,实现复杂的自定义布局,减少messure) 4、封装等如何自定义控件 1、自定义属性的声明与获取 2、测量onMeasrue 3、布局onLayout(ViewGroup) 4、绘制onDraw 5、onTouchEvent 6、onInterceptTouchEn
25000字总结Android优秀的第三方框架、各种学习资料汇集 一 系统组件、Design组件、自定义组件等等
吕氏春秋i
05-18 3374
Github总结优秀的第三方控件以及学习资源 分享出来 以供大家学习和进步 通过自己的学习、努力 让自己变得更有价值 加油！~
Android 自定义圆形进度条 带刻度进度条 计步效果 时速表 水波纹效果
wengsheng147的专栏
06-05 1590
该项目总共实现了三种圆形进度条效果 1.CircleProgress：圆形进度条，可以实现仿 QQ 健康计步器的效果，支持配置进度条背景色、宽度、起始角度，支持进度条渐变 2.DialProgress：类似 CircleProgress，但是支持刻度 3.WaveProgress：实现了水波纹效果的圆形进度条，不支持渐变和起始角度配置，如需此功能可参考 CircleProgress 自行...
Android自定义实现绘制时钟表盘
金戈鐡馬
02-25 539
通过实时的计算时针，分针，秒针的角度,然后通知重新绘制画面，我们就看到时间在走动。代码如下:以时针绘制为例。绘制表盘[刻度,数字]
Android 自定义表盘
最新发布
顺着天赋做事，逆着性格做人
11-01 139
自定义的一个表盘控件，表盘值变化支持动画、刻度值和指针支持颜色渐变。
Android 仪表盘开发案例
shi450561200的博客
12-30 1301
https://download.csdn.net/download/shi450561200/87452564 b. 在activity 或者fragment中使用即可 4、胎压仪表盘 5、soc进度条
Android自定义可触摸滑动的转盘（仪表盘）
钟子明
01-06 559
快要过年了，在这里提前祝小伙伴们新年快乐！ 新的一年，要多写点有质量的技术博客，哈哈。 上个月写了个自定义控件，也是我们项目的新需求，我就拿出来放在DEMO里，给大家参考一下，说实话这也是我自己正儿八经地写自定义控件。以前没写过，应该是没碰到需要自己来写的需求，网上都有现成的，这就是开源的一点好处吧，哈哈。 先放上效果图，可以用手指来触摸滑动的转盘（仪表盘）： 演示.gi...
android带指针仪表盘自动移动,Android 绘制仪表盘指针刻度
weixin_28987465的博客
05-25 511
不废话,先看效果图:meter1.gif表盘的绘制重点有两点:1.表盘刻度的绘制2.表盘指针旋转到指定刻度的实现表盘刻度的绘制刻度的绘制可以采用画线.然后循环旋转画布的方式实现,我这里通过绘制弧线,第一个刻度占1度,与第二个刻度的间距是2度,那么第二个刻度的起始角度为第一个刻度的起始角度+1度+间距2度,以此类推,循环绘制,完成刻度的绘制.实现代码如下://绘制刻度线,通过两次不同大小圆的遮罩,达...
Android——实现光点模糊渐变的自旋转圆环特效
化身孤岛的瓜
02-05 5021
项目中需要实现的效果图如下： 可以这个表盘看到中间部分都是没有什么难点的，主要是周围圆环的三种效果： 1：渐变色 2：尖端的白点模糊效果 3：路径绘制 最终实现的效果图如下： 完美实现了三点要求。 实现思路： 1.首先是黑色底色圆环的绘制(黑色圈是固定不变的)。 2.在绘制好黑色底色圆环之后再绘制渐变色圆弧(蓝绿部分)。 3.最后绘制小星星部分，使用
android 自定义温度仪表盘
05-11
总的来说，对于 Android 自定义温度仪表盘的实现，需要结合多方面因素，包括技术架构、数据获取与存储、以及可视化等等。只有通过全面而细节的设计与开发工作，才能够创造出更加贴近用户需求，并且使用体验良好的 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值