CircleRangeView​自定义圆形仪表盘 View

联合创作 · 2023-09-24 07:22

CircleRangeView是自定义圆形仪表盘View,适合根据数值显示不同等级范围的场景


一、效果图



二、用法


1.布局文件引入:



<com.ganxin.circlerangeview.CircleRangeView
        android:id="@+id/circleRangeView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:rangeColorArray="@array/circlerangeview_colors"
        app:rangeTextArray="@array/circlerangeview_txts"
        app:rangeValueArray="@array/circlerangeview_values"/>


  • 自定义属性:


  • rangeColorArray:等级颜色数组,必填


  • rangeValueArray:等级数值数组,数组长度同rangeColorArray保持一致,必填


  • rangeTextArray:等级文本数组,数组长度同rangeColorArray保持一致,必填


  • borderColor:外圆弧颜色,可选


  • cursorColor:指示标颜色,可选


  • extraTextColor:附加文本颜色,可选 


  • rangeTextSize:等级文本字体大小,可选 


  • extraTextSize:附加文本字体大小,可选



2.在你的onCreate方法或者fragment的onCreateView方法中,根据id绑定该控件



 CircleRangeView circleRangeView= (CircleRangeView) findViewById(R.id.circleRangeView);

3.在合适的时机,调用方法给控件设值



    List<String> extras =new ArrayList<>();
    extras.add("收缩压:116");
    extras.add("舒张压:85  ");

    //circleRangeView.setValueWithAnim(value);
    circleRangeView.setValueWithAnim(value,extras);
浏览 28
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报