android自定义组件实现仪表计数盘

 更新时间:2019年11月27日 17:13:28   作者:博客_黄大大  
这篇文章主要为大家详细介绍了android自定义组件实现仪表计数盘,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

前几天开发公司项目,有个地方要做一个分数的仪表盘,根据分数跑分,(设计的人估计是看到招商银行App的账号总览)

网上好像找不到类似的组件,那就只能自己开发啦。趁着空余时间,把组件进行了一些改进,并封装成依赖库,分享给大家

效果展示

一款颜色,文字弧度大小,仪表角度都可以自定义的组件

项目集成:MeterView

项目目录——>build.gradle

allprojects {
 
 repositories {
 
 ...
 
 maven { url 'https://jitpack.io' }
 
 }
 
}

app——>build.gradle

dependencies { 
  ... 
  implementation 'com.github.pimaryschoolstudent:MeterView:1.0.1'
  
}

组件使用

//添加数据
 var arrayList:ArrayList<String> = ArrayList()
 arrayList.add("0")
 arrayList.add("10")
 arrayList.add("20")
 arrayList.add("30")
 arrayList.add("40")
 arrayList.add("50")
 arrayList.add("较差")
 arrayList.add("中等")
 arrayList.add("良好")
 arrayList.add("优秀")
 arrayList.add("100")
 meter.setScaleArray(arrayList)
 
 //设置数据
 //颜色
 meter.getDataManager().ScaleTextColor = Color.BLUE  //底盘弧刻度文字颜色
 meter.getDataManager().DashBoardColor = Color.BLUE  //底盘弧度颜色
 meter.getDataManager().PointColor = Color.RED   //分数点颜色
 meter.getDataManager().SourceTextColor = Color.RED  //分数颜色
 meter.getDataManager().SourceCurveColor = Color.RED  //分数弧颜色
 meter.getDataManager().CheckScaleTextColor = Color.BLACK //选中分数刻度颜色
 
 //大小 dp2px(dp转px) px2dp(px转dp)
 meter.getDataManager().CheckScaleTextSize = meter.dp2Px(15f) //选中分数刻度文字大小
 meter.getDataManager().ScaleTextSize = meter.dp2Px(10f)  //刻度文字大小
 meter.getDataManager().SourceTextSize = meter.dp2Px(40f)  //分数文字大小
 
 meter.getDataManager().PointSize = meter.dp2Px(5f)    //分数点半径大小
 meter.getDataManager().SourceCurveSize = meter.dp2Px(10f)  //分数弧宽度大小
 meter.getDataManager().BoardCurveSize = meter.dp2Px(5f)  //底盘弧宽度大小
 
 meter.getDataManager().SourceTextInterval = meter.dp2Px(20.5f) //分数离顶部的间隔大小
 
 //其他设置
 meter.getDataManager().Rate = 30 //分数弧动画速率(30/s)
 
 meter.getDataManager().ShowSource = true //是否显示分数
 
 meter.getDataManager().SourceTextAlign = MeterView.SOURCE_CENTER //分数居中方式 SOURCE_CENTER(底盘居中) OURCE_START(底盘顶部) SOURCE_END (底盘底部)
 
//meter.getDataManager().startAngle = -180f //底盘弧开始点的角度(起点为组件最右边点,当等于-90时为组件中点)
//meter.getDataManager().sweepAngle = 180f //底盘弧角度大小
 
 meter.getDataManager().sourceShowType = MeterView.SOURCE_NUMBER //显示的分数类型 SOURCE_NUMBER:数字(百分制) SOURCE_SCALETEXT:刻度文字
 meter.getDataManager().meterDebug = false //打开底部矩形,方便调试和添加其他元素
 
 //跑分
 tv.text = "runSource(45)......"
 meter.runSource(45) //根据分数跑分(百分制,大于100则等于100)
//meter.runIndex(5) //根据数据索引跑分 (不为-1,不大于数据大小)
//meter.addIndex(2) //在当前基础上增加两个索引的分数
//meter.subtractIndex(1) //在当前基础上减少一个索引的分数
//meter.addSource(20)//在当前基础上增加20分
//meter.subtractSource(20)//在当前基础上减少20分
 thread {   //支持异步线程直接调用
  Thread.sleep(4000)
  meter.addIndex(3)
  runOnUiThread(Runnable { tv.text = "addIndex(3)......" })
  Thread.sleep(4000)
  meter.subtractIndex(1)
  runOnUiThread(Runnable { tv.text = "subtractIndex(1)......" })
  Thread.sleep(4000)
  meter.addSource(20)
  runOnUiThread(Runnable { tv.text = "addSource(20)......" })
  Thread.sleep(4000)
  meter.subtractSource(20)
  runOnUiThread(Runnable { tv.text = "subtractSource(20)......" })
  Thread.sleep(4000)
  meter.runIndex(10)
  runOnUiThread(Runnable { tv.text = "runIndex(10)......" })
 }
 //分数改变监听器
 meter.setSourceChangeListener(object :MeterView.SourceChangeListener{
  override fun CheckScaleTextChange(currentText: String) { //选中刻度文字改变
   Log.e("currentScaleText"," currentScaleText $currentText")
  }
 
  override fun SourceChange(source: Int,currentScaleText:String) {  //分数改变
   Log.e("meter","source $source currentScaleText $currentScaleText")
  }
 })

xml属性

app:DashBoardColor="#1C65CE" //底盘弧度颜色
app:ScaleTextColor="#888585" //底盘弧刻度文字颜色
app:SourceCurveColor="#09C0E5" //分数弧颜色
app:CheckScaleTextColor="#000" //选中分数刻度颜色
app:PointColor="#09C0E5" //分数点颜色
app:SourceTextColor="#000" //分数颜色
 
app:CheckScaleTextSize="18dp" //选中分数刻度文字大小
app:SourceTextSize="30dp" //分数文字大小
app:ScaleTextSize="14dp" //刻度文字大小
 
app:BoardCurveSize="2dp" //底盘弧宽度大小
app:SourceCurveSize="10dp" //分数弧宽度大小
app:PointSize="8dp" //分数点半径大小
 
app:ScaleTextInterval="0dp" //刻度离顶部的间隔大小
app:SourceTextInterval="0dp" //分数离顶部的间隔大小
  
app:SourceTextAlign="start" //分数居中方式 center(底盘居中)start(底盘顶部)end (底盘底部)
app:SourceShowType="number" //显示的分数类型 number:数字(百分制) scaleText:刻度文字
  
app:Rate="20" //分数弧动画速率(20/s)
 
app:StartAnglee="-180" //底盘弧开始点的角度(起点为组件最右边点,当等于-90时为组件中点)
app:SweepAnglee="320" //底盘弧角度大小
 
app:ShowSource="true" //是否显示分数,同下
app:ShowScaleText="true"
app:ShowCheckScaleText="true"
app:ShowPoint="true"
app:ShowSourceCurve="true"

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • 在Android中使用SQLite数据库及其操作详解

    在Android中使用SQLite数据库及其操作详解

    在 Android 开发中,使用 SQLite 数据库是一种常见的持久化数据存储方式,本文将通过代码示例详细讲解如何在 Android 中创建数据库表、插入数据、执行查询操作以及验证查询结果,需要的朋友可以参考下
    2024-08-08
  • Kotlin中关于内联函数的一些理解分享

    Kotlin中关于内联函数的一些理解分享

    这篇文章主要给大家介绍了关于Kotlin中内联函数的一些理解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-07-07
  • Android组件Activity的启动过程深入分析

    Android组件Activity的启动过程深入分析

    这篇文章主要介绍了Android组件Activity的启动过程,Activity作为Android四大组件之一,他的启动没有那么简单。这里涉及到了系统服务进程,启动过程细节很多,这里我只展示主体流程。activity的启动流程随着版本的更替,代码细节一直在进行更改,每次都会有很大的修改
    2023-04-04
  • Android之OOM异常解决案例讲解

    Android之OOM异常解决案例讲解

    这篇文章主要介绍了Android之OOM异常解决案例讲解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-08-08
  • anroid开发教程之spinner下拉列表的使用示例

    anroid开发教程之spinner下拉列表的使用示例

    这篇文章主要介绍了anroid的spinner下拉列表的使用示例,需要的朋友可以参考下
    2014-04-04
  • Android studio 去除版本控制教程

    Android studio 去除版本控制教程

    这篇文章主要介绍了Android studio 去除版本控制教程,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-04-04
  • android实现欢迎界面效果

    android实现欢迎界面效果

    这篇文章主要为大家详细介绍了android实现欢迎界面效果,涉及到页面的滑动实现方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • Android使用表格布局设计注册界面

    Android使用表格布局设计注册界面

    这篇文章主要为大家详细介绍了Android使用表格布局设计注册界面,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-05-05
  • Android9.0 静默安装源码的实现

    Android9.0 静默安装源码的实现

    这篇文章主要介绍了Android9.0 静默安装源码的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-01-01
  • Android实现文字消除效果

    Android实现文字消除效果

    由于项目和语音识别相关,有时候人在不经意间交流的无效音频会被识别出来,并展示于界面,为了美观,客户要求我们将这些无效的识别文本用一个从右到左的动画给清除,于是便有了下述的技术实现。感兴趣的朋友可以参考下
    2021-06-06

最新评论