android 网速刻度盘 自定义view一

2023-11-05 12:10
文章标签 android 自定义 view 网速 刻度盘

本文主要是介绍android 网速刻度盘 自定义view一，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

第一次写博客，有点小激动，哈哈。

转载请标明出处 http://blog.csdn.net/u012840567/article/details/52860559

这个是网速显示刻度盘的一个功能，我找了很多资料都没有合适的，就只有自己写了，
找的资料基本都是只有半个圈的刻度盘，并且刻度颜色变化也很少，都是圆弧在变色，所以自己动手写了一个 刻度可以边颜色 刻度盘也不止半圈。

下一篇做的修改：http://blog.csdn.net/u012840567/article/details/52875214

如图在输入框里面输入整数，支持0-20480kb/s 也就是20M 部分截图
这里写图片描述
这里写图片描述
这里写图片描述

@Override
protected void onDraw(Canvas canvas) {super.onDraw(canvas);init();int center = getWidth()/2; //获取圆心的x坐标int radius = (int) (center - 60); //圆环的半径 为了显示刻度上的网速字体-60 RectF oval = new RectF(center - radius, center - radius, center+ radius, center + radius);//用于定义的圆弧的形状和大小的界限drawFont(canvas,center,radius,oval);//画数字汉字drawCircle(canvas,center,radius,oval);//画圆弧drawLine(canvas,center,radius,oval);//画刻度线}

下面分别3个部分代码，包括自己之前的思路，注释掉了

private void drawFont(Canvas canvas, int center, int radius, RectF oval) {int centerSize = 100;//中间字体的大小centerPaint.setColor(Color.DKGRAY);centerPaint.setStrokeWidth(0);centerPaint.setTypeface(Typeface.DEFAULT_BOLD);centerPaint.setTextSize(centerSize);float textWidth = centerPaint.measureText(centerfont);   //测量字体宽度，我们需要根据字体的宽度设置在圆环中间canvas.drawText(centerfont,center-textWidth/2,center+centerSize/2-10,centerPaint);speedPaint.setColor(Color.DKGRAY);speedPaint.setStrokeWidth(0);speedPaint.setTypeface(Typeface.DEFAULT_BOLD);speedPaint.setTextSize(40);float speedTextWidth = speedPaint.measureText(speedFont);   //测量字体宽度，我们需要根据字体的宽度设置在圆环中间canvas.drawText(speedFont,center-speedTextWidth/2,center + (int)(radius * Math.sin(degree) - speedTextWidth/4),speedPaint);outSpeedPaint.setColor(Color.DKGRAY);outSpeedPaint.setStrokeWidth(0);outSpeedPaint.setTypeface(Typeface.DEFAULT_BOLD);outSpeedPaint.setTextSize(20);//String[] outSpeed = {"0M","1M","5M","10M","20M","50M","100M"};String[] outSpeed = {"0","256k","512k","1M","5M","10M","20M"};//这里计算的刻度上面的网速字体位置，一个一个调试的，不知道有没有什么快速算法for (int i= 0 ; i < outSpeed.length ; i++){float outSpeedTextWidth = outSpeedPaint.measureText(outSpeed[i]);switch (i){case 0:canvas.drawText(outSpeed[0],center - (int)(radius * Math.sin(degree)) + outSpeedTextWidth/2,center + (int)(radius * Math.sin(degree)) ,outSpeedPaint);break;case 1:canvas.drawText(outSpeed[1],0,center+outSpeedTextWidth/4,outSpeedPaint);break;case 2:canvas.drawText(outSpeed[2],center - (int)(radius * Math.sin(degree)) - outSpeedTextWidth/4,center - (int)(radius * Math.sin(degree)) + outSpeedTextWidth/4,outSpeedPaint);break;case 3:canvas.drawText(outSpeed[3],center-outSpeedTextWidth/2,outSpeedTextWidth,outSpeedPaint);break;case 4:canvas.drawText(outSpeed[4],center + (int)(radius * Math.sin(degree)) - outSpeedTextWidth/2,center - (int)(radius * Math.sin(degree)) + outSpeedTextWidth/2,outSpeedPaint);break;case 5:canvas.drawText(outSpeed[5],center+radius+outSpeedTextWidth/2,center+outSpeedTextWidth/4,outSpeedPaint);break;case 6:canvas.drawText(outSpeed[6],center + (int)(radius * Math.sin(degree)) - outSpeedTextWidth,center + (int)(radius * Math.sin(degree)) ,outSpeedPaint);break;}}
}private void drawLine(Canvas canvas,int center,int radius,RectF oval) {linePaint.setColor(Color.RED);linePaint.setStyle(Paint.Style.STROKE);linePaint.setStrokeWidth(10);linePaint.setAntiAlias(true);linePaint2.setColor(Color.DKGRAY);linePaint2.setStyle(Paint.Style.STROKE);linePaint2.setStrokeWidth(10);linePaint2.setAntiAlias(true);int linew = center;int lineh = center;//旋转的角度float rAngle = 360f / 8;int startx = 50;int starty = lineh;int stopx = 90;int stopy = lineh;canvas.drawLine(startx,starty,stopx,stopy,linePaint);//通过旋转画布 绘制右面的刻度for (int i = 0; i < 5; i++) {canvas.rotate(rAngle, linew, lineh);canvas.drawLine(startx,starty,stopx,stopy,linePaint);}//现在需要将将画布旋转回来canvas.rotate(-rAngle * 5, linew, lineh);for (int i = 0; i < 1; i++) {canvas.rotate(-rAngle, linew, lineh);canvas.drawLine(startx,starty,stopx,stopy,linePaint);}//现在需要将将画布旋转回来canvas.rotate(rAngle * 1, linew, lineh);//这里是从左边开始画的刻度，为了显示原因，我才这样写的，下面注释掉的部分是从上面开始画刻度的//这里也是调出来的，我也想在左下角开始的，奈何算不出来位置，一直有偏差，所以选的左边，左下角那个可以到转来-45°if (lineDegree == 0){}else if (lineDegree>0 && lineDegree<45){for (int i = 0; i < 1; i++) {canvas.rotate(-rAngle, linew, lineh);canvas.drawLine(startx,starty,stopx,stopy,linePaint2);}//现在需要将将画布旋转回来canvas.rotate(rAngle * 1, linew, lineh);}else if (lineDegree==45){canvas.drawLine(startx,starty,stopx,stopy,linePaint2);for (int i = 0; i < 1; i++) {canvas.rotate(-rAngle, linew, lineh);canvas.drawLine(startx,starty,stopx,stopy,linePaint2);}//现在需要将将画布旋转回来canvas.rotate(rAngle * 1, linew, lineh);}else if (lineDegree>45 && lineDegree < 270){canvas.drawLine(startx,starty,stopx,stopy,linePaint2);for (int i = 0; i < 1; i++) {canvas.rotate(-rAngle, linew, lineh);canvas.drawLine(startx,starty,stopx,stopy,linePaint2);}//现在需要将将画布旋转回来canvas.rotate(rAngle * 1, linew, lineh);if (lineDegree == 90 || lineDegree == 135 || lineDegree == 180 || lineDegree == 225){//通过旋转画布 绘制右面的刻度for (int i = 0; i < lineDegree/rAngle-1; i++) {canvas.rotate(rAngle, linew, lineh);canvas.drawLine(startx,starty,stopx,stopy,linePaint2);}//现在需要将将画布旋转回来canvas.rotate(-rAngle * lineDegree/rAngle-1, linew, lineh);}else {//通过旋转画布 绘制右面的刻度for (int i = 0; i < lineDegree/rAngle-2; i++) {canvas.rotate(rAngle, linew, lineh);canvas.drawLine(startx,starty,stopx,stopy,linePaint2);}//现在需要将将画布旋转回来canvas.rotate(-rAngle * lineDegree/rAngle-2, linew, lineh);}}else if(lineDegree == 270){canvas.drawLine(startx,starty,stopx,stopy,linePaint2);for (int i = 0; i < 1; i++) {canvas.rotate(-rAngle, linew, lineh);canvas.drawLine(startx,starty,stopx,stopy,linePaint2);}//现在需要将将画布旋转回来canvas.rotate(rAngle * 1, linew, lineh);//通过旋转画布 绘制右面的刻度for (int i = 0; i < lineDegree/rAngle-1; i++) {canvas.rotate(rAngle, linew, lineh);canvas.drawLine(startx,starty,stopx,stopy,linePaint2);}//现在需要将将画布旋转回来canvas.rotate(-rAngle * lineDegree/rAngle-1, linew, lineh);}
}
private void drawCircle(Canvas canvas,int center,int radius,RectF oval) {//默认外圈点为135-270 系统默认最上面为0° 逆时针旋转度数 就是135°  然后以当前为起点顺时针旋转270°outPaint.setColor(Color.RED);outPaint.setStyle(Paint.Style.STROKE);//设置空心outPaint.setStrokeWidth(20);outPaint.setAntiAlias(true);//消除锯齿canvas.drawArc(oval,135,270,false,outPaint);//覆盖的颜色，lineDegree 为计算出来的旋转量innerPaint.setColor(Color.DKGRAY);innerPaint.setStyle(Paint.Style.STROKE);//设置空心innerPaint.setStrokeWidth(20);innerPaint.setAntiAlias(true);//消除锯齿canvas.drawArc(oval,135,lineDegree,false,innerPaint);
}

下面附上参考链接和下载
参考链接:http://blog.csdn.net/xiaanming/article/details/10298163
http://blog.sina.com.cn/s/blog_4cd5d2bb0101g2la.html
http://blog.csdn.net/wingichoy/article/details/50468674

demo下载地址:http://download.csdn.net/detail/u012840567/9658138

这篇关于android 网速刻度盘 自定义view一的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


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

相关文章

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

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

【课程链接】 AntV G6：深入图形与图形分组、自定义节点、节点动画（下）_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中，应该怎样去计算和绘制图形，如何给一个图形制作不间断的动画，以及在鼠标事件之后产生动画。（有点难，需要好好理解） <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06
阅读更多...
Android实现任意版本设置默认的锁屏壁纸和桌面壁纸（两张壁纸可不一致）

Android实现任意版本设置默认的锁屏壁纸和桌面壁纸（两张壁纸可不一致）

客户有些需求需要设置默认壁纸和锁屏壁纸  在默认情况下 这两个壁纸是相同的  如果需要默认的锁屏壁纸和桌面壁纸不一样 需要额外修改 Android13实现 替换默认桌面壁纸： 将图片文件替换frameworks/base/core/res/res/drawable-nodpi/default_wallpaper.*  （注意不能是bmp格式） 替换默认锁屏壁纸： 将图片资源放入vendo
阅读更多...
Android平台播放RTSP流的几种方案探究（VLC VS ExoPlayer VS SmartPlayer）

Android平台播放RTSP流的几种方案探究（VLC VS ExoPlayer VS SmartPlayer）

技术背景 好多开发者需要遴选Android平台RTSP直播播放器的时候，不知道如何选的好，本文针对常用的方案，做个大概的说明： 1. 使用VLC for Android VLC Media Player（VLC多媒体播放器），最初命名为VideoLAN客户端，是VideoLAN品牌产品，是VideoLAN计划的多媒体播放器。它支持众多音频与视频解码器及文件格式，并支持DVD影音光盘，VCD影
阅读更多...
自定义类型：结构体(续)

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

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

android-opencv-jni

//------------------start opencv--------------------@Override public void onResume(){ super.onResume(); //通过OpenCV引擎服务加载并初始化OpenCV类库，所谓OpenCV引擎服务即是 //OpenCV_2.4.3.2_Manager_2.4_*.apk程序包，存
阅读更多...
从状态管理到性能优化：全面解析 Android Compose

从状态管理到性能优化：全面解析 Android Compose

文章目录 引言一、Android Compose基本概念1.1 什么是Android Compose?1.2 Compose的优势1.3 如何在项目中使用Compose 二、Compose中的状态管理2.1 状态管理的重要性2.2 Compose中的状态和数据流2.3 使用State和MutableState处理状态2.4 通过ViewModel进行状态管理 三、Compose中的列表和滚动
阅读更多...
Spring 源码解读：自定义实现Bean定义的注册与解析

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

引言 在Spring框架中，Bean的注册与解析是整个依赖注入流程的核心步骤。通过Bean定义，Spring容器知道如何创建、配置和管理每个Bean实例。本篇文章将通过实现一个简化版的Bean定义注册与解析机制，帮助你理解Spring框架背后的设计逻辑。我们还将对比Spring中的BeanDefinition和BeanDefinitionRegistry，以全面掌握Bean注册和解析的核心原理。
阅读更多...
Android 10.0 mtk平板camera2横屏预览旋转90度横屏拍照图片旋转90度功能实现

Android 10.0 mtk平板camera2横屏预览旋转90度横屏拍照图片旋转90度功能实现

1.前言 在10.0的系统rom定制化开发中，在进行一些平板等默认横屏的设备开发的过程中，需要在进入camera2的 时候，默认预览图像也是需要横屏显示的，在上一篇已经实现了横屏预览功能，然后发现横屏预览后，拍照保存的图片 依然是竖屏的，所以说同样需要将图片也保存为横屏图标了，所以就需要看下mtk的camera2的相关横屏保存图片功能， 如何实现实现横屏保存图片功能 如图所示: 2.mtk
阅读更多...
android应用中res目录说明

android应用中res目录说明

Android应用的res目录是一个特殊的项目，该项目里存放了Android应用所用的全部资源，包括图片、字符串、颜色、尺寸、样式等，类似于web开发中的public目录，js、css、image、style。。。。 Android按照约定，将不同的资源放在不同的文件夹中，这样可以方便的让AAPT(即Android Asset Packaging Tool , 在SDK的build-tools目
阅读更多...
Android fill_parent、match_parent、wrap_content三者的作用及区别

Android fill_parent、match_parent、wrap_content三者的作用及区别

这三个属性都是用来适应视图的水平或者垂直大小，以视图的内容或尺寸为基础的布局，比精确的指定视图的范围更加方便。 1、fill_parent 设置一个视图的布局为fill_parent将强制性的使视图扩展至它父元素的大小 2、match_parent 和fill_parent一样，从字面上的意思match_parent更贴切一些，于是从2.2开始，两个属性都可以使用，但2.3版本以后的建议使
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2