android中这样的曲线要怎么绘制

Posted 2023-03-07

绘制曲线图首先需要画好横竖坐标轴建立坐标系，比如坐标系中的100距离应该在canvas中绘制多长，这个是需要计算的，其实坐标体系的建立是最复杂的，我看过很多第三方库的建立方法都不一样，有的要灵活一些，有的比较死板。至于绘制曲线要么是用Canvas.drawLine方法，要么是用Path.lineTo方法,看你自己的习惯。

为了做出一个外观良好的曲线图，我参考了两个开源代码，第一个的曲线图绘制限制较多，使用范围太窄，但是有数据变化时的动画效果。第二个的适用范围很广，他能根据数据集合自动计算横纵坐标的个数，在canvas上单元格的距离，只需输入坐标点就能自动建立坐标体系绘制曲线，但是没有动画效果。
先讲第一个LineView。

LineView的demo可以在这里下载，lineview其实只是github项目的一部分，我是将其提取出来了的，个人觉得他的其他部分没有参考价值。作者好像是个韩国人。

LineView的曲线绘制没有什么可取的部分，我想学习的是他实现动画效果的方法，设计的很好，但具体实现还需要改进，让动画更流畅。

Lineview的调用方法：
在xml中添加lineview控件
<HorizontalScrollView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:id="@+id/horizontalScrollView"
android:layout_alignParentRight="true"

android:layout_above="@+id/line_button">
<view
android:layout_width="wrap_content"
android:layout_height="200dp"
class="com.example.widget.LineView"
android:id="@+id/line_view"/>
</HorizontalScrollView>
在activity代码中获取lineview对象：
finalLineView lineView = (LineView)findViewById(R.id.line_view);

添加横坐标：
int randomint = 9;
ArrayList<String>test =newArrayList<String>();
for (int i=0;i<randomint; i++)
test.add(String.valueOf(i+1));

lineView.setBottomTextList(test);
允许绘制坐标点：
lineView.setDrawDotLine(true);
lineView.setShowPopup(LineView.SHOW_POPUPS_NONE);

ArrayList<Integer> dataList = newArrayList<Integer>();
intrandom = (int)(Math.random()*9+1);
for (int i=0;i<randomint; i++)
dataList.add((int)(Math.random()*random));

添加纵坐标的值：
ArrayList<ArrayList<Integer>>dataLists = newArrayList<ArrayList<Integer>>();
dataLists.add(dataList);
lineView.setDataList(dataLists);
从其用法中可以看出，lineview需要提前设定横坐标的范围，而且纵坐标的值必须和lineView.setBottomTextList(test)中添加的值一一对应（读lineview源码可以知道），使用起来很不方便，我觉得作者仅仅是做出了一条曲线而已，而不太关注是否有用。和很多曲线图的开源代码一样lineview允许一次绘制几根颜色不同的曲线。
只需在上面的代码中为dataLists再添加一个list成员就行。 参考技术A 　　推荐你几个相关开源项目，可以根据需要自己选择，自己画还是比较麻烦的：
MPAndroidChart
强大的图表绘制工具，支持折线图、面积图、散点图、时间图、柱状图、条图、饼图、气泡图、圆环图、范围（高至低）条形图、网状图及各种图的结合；支持图的拖拽缩放；支持 Android 2.2 以上，支持横纵轴缩放，多指缩放，展现动画、高亮、保存到 sdcard、从文件读取图表
achartengine
强大的图表绘制工具，支持折线图、面积图、散点图、时间图、柱状图、条图、饼图、气泡图、圆环图、范围（高至低）条形图、拨号图/表、立方线图及各种图的结合
GraphView
绘制图表和曲线图的View，可用于Android上的曲形图、柱状图、波浪图展示
HoloGraphLibrary
绘制线状图、柱状图、饼状图
XCL-Charts
XCL-Charts基于原生的Canvas来绘制各种图表,在设计时，尽量在保证开发效率的同时，给使用者提供足够多的定制化能力。因此使用简便,同时具有相当灵活的定制能力。目前支持3D/非3D柱形图(Bar Chart)、3D/非3D饼图(Pie Chart)、堆积图(Stacked Bar Chart)、面积图(Area Chart)、 折线图(Line Chart)、曲线图(Spline Chart)、环形图(Dount Chart)、南丁格尔玫瑰图(Rose Chart)、仪表盘(Dial Chart)、刻度盘(Gauge Chart)、雷达图(Radar Chart)、圆形图(Circle Chart)等图表。其它特性还包括支持图表缩放、手势移动、动画显示效果、高密度柱形显示、图表分界定制线、多图表的混合显示及同数据源不同类型图表切换等。
EazeGraph
Android 图表库，支持柱状图、分层柱状图、饼状图、线性图
WilliamChart
绘制图表的库，支持LineChartView、BarChartView和StackBarChartView三中图表类型，并且支持 Android 2.2及以上的系统。
HelloCharts for Android
支持折线图、柱状图、饼图、气泡图、组合图；支持预览、放大缩小，滚动，部分图表支持动画；支持 Android 2.2 以上

　　这些项目都可以在GitHub 搜索到。 参考技术B 　　有一个开源库ChartView，网上搜一下就有了 参考技术C 去安卓巴士 上边有相关的案例 参考技术D 我用的是AndroidChart，画股票K线图什么的，各种图都可以，我看你这个没有问题，这项目是开源的