Android 圆圈统计图(支付宝饼图)

原创已于 2022-06-11 13:33:25 修改 · 3k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#Android 圆形统计 #Android自定义圆圈统计 #Android圆形统计 #Android圆圈统计 #仿支付宝饼图

于 2018-08-15 10:45:25 首次发布

Android Widget 专栏收录该内容

27 篇文章

订阅专栏

本文介绍了一款名为CircleStatisticsView的圆圈统计图组件，该组件具备类支付宝风格的数据展示效果及动画功能。文中详细描述了如何通过AAR文件集成此组件到项目中，并提供了配置示例和XML属性说明，最后演示了如何使用该组件来展示统计数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

CircleStatisticsView

圆圈统计图
1.类支付宝统计
2.动画显示

预览

在这里插入图片描述

资源

名字	资源
AAR	calendar_view.aar
Gitee	CircleStatisticsView
GitHub	CircleStatisticsView

Maven

1.build.grade | setting.grade

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

2./app/build.grade

dependencies {
	implementation 'com.github.RelinRan:CircleStatisticsView:2022.6.10.1'
}

xml

<com.androidx.widget.CircleStatisticsView
    android:id="@+id/csv"
    android:layout_width="match_parent"
    android:background="@android:color/white"
    android:layout_height="320dp"/>

attr.xml

<!--圆圈背景颜色-->
<attr name="circleBackgroundColor" format="color|reference" />
<!--圆点边距-->
<attr name="dotMargin" format="dimension|reference" />
<!--圆点半径-->
<attr name="dotRadius" format="dimension|reference" />
<!--标记线处X差值-->
<attr name="lineGapX" format="dimension|reference" />
<!--标记线处Y差值-->
<attr name="lineGapY" format="dimension|reference" />
<!--标记线文字和线的间距-->
<attr name="lineNearTextMargin" format="dimension|reference" />
<!--标记线粗细-->
<attr name="lineStrokeWidth" format="dimension|reference" />
<!--标记文字大小-->
<attr name="markTextSize" format="dimension|reference" />
<!--标记文字颜色-->
<attr name="markTextColor" format="color|reference" />
<!--是否使用动画-->
<attr name="isAnimation" format="boolean" />
<!--动画持续时间-->
<attr name="animationDuration" format="integer|reference" />

使用

CircleStatisticsView csv = findViewById(R.id.csv);
//测试数据
List<String> data = new ArrayList<>();
data.add("67");
data.add("47");
data.add("120");
data.add("54");
data.add("64");
data.add("71");
//构建显示数据
float percent[] = Statistical.toPercent(data);
int color[] = Colors.randomColors(data.size());
String[] markTop = Statistical.toMarks(data);
String[] markBottom = {"商超", "水房", "其他", "餐饮", "外卖", "软件"};
List<Statistical> list = new ArrayList<>();
for (int i = 0; i < percent.length; i++) {
    list.add(new Statistical(percent[i], color[i], color[i], markTop[i], markBottom[i]));
}
//设置数据
csv.setDataSource(list);