android中怎么通过自定义组件实现仪表计数盘
这期内容当中小编将会给大家带来有关android中怎么通过自定义组件实现仪表计数盘,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。
十年的剑川网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。成都全网营销的优势是能够根据用户设备显示端的尺寸不同,自动调整剑川建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联公司从事“剑川网站设计”,“剑川网站推广”以来,每个客户项目都认真落实执行。
组件使用
//添加数据 var arrayList:ArrayList = 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中怎么通过自定义组件实现仪表计数盘了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注创新互联行业资讯频道。
名称栏目:android中怎么通过自定义组件实现仪表计数盘
文章地址:
http://dzwzjz.com/article/iesojg.html