android 网速刻度盘 自定义view一

2023-11-05 12:10

本文主要是介绍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

相关文章

Android学习总结之Java和kotlin区别超详细分析

《Android学习总结之Java和kotlin区别超详细分析》Java和Kotlin都是用于Android开发的编程语言,它们各自具有独特的特点和优势,:本文主要介绍Android学习总结之Ja... 目录一、空安全机制真题 1:Kotlin 如何解决 Java 的 NullPointerExceptio

Druid连接池实现自定义数据库密码加解密功能

《Druid连接池实现自定义数据库密码加解密功能》在现代应用开发中,数据安全是至关重要的,本文将介绍如何在​​Druid​​连接池中实现自定义的数据库密码加解密功能,有需要的小伙伴可以参考一下... 目录1. 环境准备2. 密码加密算法的选择3. 自定义 ​​DruidDataSource​​ 的密码解密3

spring-gateway filters添加自定义过滤器实现流程分析(可插拔)

《spring-gatewayfilters添加自定义过滤器实现流程分析(可插拔)》:本文主要介绍spring-gatewayfilters添加自定义过滤器实现流程分析(可插拔),本文通过实例图... 目录需求背景需求拆解设计流程及作用域逻辑处理代码逻辑需求背景公司要求,通过公司网络代理访问的请求需要做请

Android NDK版本迭代与FFmpeg交叉编译完全指南

《AndroidNDK版本迭代与FFmpeg交叉编译完全指南》在Android开发中,使用NDK进行原生代码开发是一项常见需求,特别是当我们需要集成FFmpeg这样的多媒体处理库时,本文将深入分析A... 目录一、android NDK版本迭代分界线二、FFmpeg交叉编译关键注意事项三、完整编译脚本示例四

Android与iOS设备MAC地址生成原理及Java实现详解

《Android与iOS设备MAC地址生成原理及Java实现详解》在无线网络通信中,MAC(MediaAccessControl)地址是设备的唯一网络标识符,本文主要介绍了Android与iOS设备M... 目录引言1. MAC地址基础1.1 MAC地址的组成1.2 MAC地址的分类2. android与I

Android 实现一个隐私弹窗功能

《Android实现一个隐私弹窗功能》:本文主要介绍Android实现一个隐私弹窗功能,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友一起看看吧... 效果图如下:1. 设置同意、退出、点击用户协议、点击隐私协议的函数参数2. 《用户协议》、《隐私政策》设置成可点击的,且颜色要区分出来res/l

Android实现一键录屏功能(附源码)

《Android实现一键录屏功能(附源码)》在Android5.0及以上版本,系统提供了MediaProjectionAPI,允许应用在用户授权下录制屏幕内容并输出到视频文件,所以本文将基于此实现一个... 目录一、项目介绍二、相关技术与原理三、系统权限与用户授权四、项目架构与流程五、环境配置与依赖六、完整

Android 12解决push framework.jar无法开机的方法小结

《Android12解决pushframework.jar无法开机的方法小结》:本文主要介绍在Android12中解决pushframework.jar无法开机的方法,包括编译指令、框架层和s... 目录1. android 编译指令1.1 framework层的编译指令1.2 替换framework.ja

Android开发环境配置避坑指南

《Android开发环境配置避坑指南》本文主要介绍了Android开发环境配置过程中遇到的问题及解决方案,包括VPN注意事项、工具版本统一、Gerrit邮箱配置、Git拉取和提交代码、MergevsR... 目录网络环境:VPN 注意事项工具版本统一:android Studio & JDKGerrit的邮

Android实现定时任务的几种方式汇总(附源码)

《Android实现定时任务的几种方式汇总(附源码)》在Android应用中,定时任务(ScheduledTask)的需求几乎无处不在:从定时刷新数据、定时备份、定时推送通知,到夜间静默下载、循环执行... 目录一、项目介绍1. 背景与意义二、相关基础知识与系统约束三、方案一:Handler.postDel