android自定义趋势图

　之前项目需求里有一个需求是要根据每周的天气温度去绘制一个趋势图，这个图不基于XY坐标，就是一个单纯的趋势图，百度后看了一些博客，大体上有了一些思路，下面是整个趋势图的效果图：

最下面的点线图就是要做的效果。

下面贴出趋势图示例代码：

package com.example.testxyjar;import utils.XYViewDrawBitmap;
import utils.XYViewDrawLine;
import utils.XYViewDrawPointer;
import utils.XYViewDrawText;
import view.XYView;
import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.Color;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.view.Menu;
import bean.XYViewBitmapBean;
import bean.XYViewLineBean;
import bean.XYViewPointerBean;
import bean.XYViewTextBean;public class MainActivity extends Activity {private XYView xyview;@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);initCache();initView();initData();}private void initCache() {}private void initView() {xyview = (XYView) findViewById(R.id.main_page_view_xyview);}private void initData() {// 第一个点XYViewPointerBean xyPointer = new XYViewPointerBean();float data[] = { 10.0f, 20.0f, -10.0f, 40.0f, 20.0f, 50.0f };xyPointer.setData(data);xyPointer.setColor(Color.RED);xyPointer.setStrokeWidth(20.0f);XYViewDrawPointer xyViewDrawPointer = new XYViewDrawPointer(xyPointer);xyview.addXYViewDrawable(xyViewDrawPointer);// 画图XYViewBitmapBean xybitmap = new XYViewBitmapBean();float dataBitmap[] = { 10.0f, 20.0f, -10.0f, 40.0f, 20.0f, 50.0f };Drawable d = getResources().getDrawable(R.drawable.weather_temperature_point_icon_high);BitmapDrawable bd = (BitmapDrawable) d;Bitmap b = bd.getBitmap();Bitmap[] bs = { b, b, b, b, b, b };xybitmap.setY_away(40);xybitmap.setData(dataBitmap);xybitmap.setBitmapData(bs);XYViewDrawBitmap xyViewDrawBitmap = new XYViewDrawBitmap(xybitmap);xyview.addXYViewDrawable(xyViewDrawBitmap);// 第一个线XYViewLineBean xyLineBean = new XYViewLineBean();xyLineBean.setData(data);xyLineBean.setColor(Color.BLACK);xyLineBean.setStrokeWidth(2.0f);XYViewDrawLine xyViewLine = new XYViewDrawLine(xyLineBean);xyview.addXYViewDrawable(xyViewLine);//XYViewTextBean xyTexter = new XYViewTextBean();float dataText[] = { 10.0f, 20.0f, -10.0f, 40.0f, 20.0f, 50.0f };String [] dataStrs={"大娃","二娃","三娃","四娃","五娃","六娃"};xyTexter.setData(dataText);xyTexter.setColor(Color.RED);xyTexter.setStrokeWidth(1.0f);xyTexter.setTextSize(18.0f);xyTexter.setTextData(dataStrs);XYViewDrawText xyViewTexter = new XYViewDrawText(xyTexter);xyview.addXYViewDrawable(xyViewTexter);}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {getMenuInflater().inflate(R.menu.activity_main, menu);return true;}}

代码中用到的jar包以上传到我的资源里，如有求要，请下载使用。

android自定义趋势图相关推荐

android自定义波浪图,Android自定义控件--波浪图控件
今天给大家分享一个android的波浪图控件制作.具体效果如下图所示: 上次有个app使用了这个控件,感觉特别酷炫.今天讲解一下这个控件的思路分析与代码编写. 思路分析: 1.绘制波浪图 2.移动波浪 ...
Android 自定义折线图实现教程
前言: 各位同学大家好,有段时间没有给大家更新文章了,具体多久我也记不清楚了.最近重新复习了一下原生安卓的知识点,写了一个安卓原生自定义折线图的效果,就想着分享给大家.希望帮助到各位学习和工作,那份废 ...
新手如何画出自定义View(Android——自定义折线图)
在正式开始之前我还是打算先说几句废话: 1.本文章是让初学者画自定义View所以不会对代码进行过多的解释 2.为什么不用现有强大的图表框架列如:Android HelloChart 或者 MPAn ...
android 自定义折线图
看图: 比较简陋,主要是通过canvas画上去的: package com.example.democurvegraph.view;import java.util.ArrayList; import ...
Android 自定义雷达图（蜘蛛网图）
这次自定义实现雷达图,它可以用在分析某些内容所占的比例,比较直观地突出某些数据,比如可以用在游戏玩家的各项能力的分析上,那么它的各项指标就比较明显地看出来了.效果图如下: 看完这幅图大家就清楚要实现的 ...
Android自定义sleep图,android自定义view实现钟表效果
本文实例为大家分享了android view实现钟表的具体代码,供大家参考,具体内容如下先看效果图: 自定义view大家肯定已经不陌生了,所以直接今天直接步入正题:如何利用canvas去绘制出一个钟 ...
android自定义折线图可左右滑动,25.Android自定义折线图，可左右滑动
前言最近项目需要折线图,自己就手画了一个,主要是锻炼下自己的自定义控件技术.控件没有实现惯性滑动,希望知道的朋友指教下. 效果图 hehe.gif 直接上代码 public class MyLine ...
Android自定义折线图，可设置基准线，不同点颜色
最近项目中需要用到折线图,发现了一款比较好用的折线图hellocharts,做了炫酷的动画以及折线图,柱状图,混合图都有涉及到,非常的棒,在此推荐一下. 但是使用过程中碰到这样的需求: ①:不同数据点 ...
android自定义曲线控件,Android自定义折线图（可拖动显示）
废话不多说先上图咯图一至于怎么做呢咱们可以先获取下折线图数据分析一波 { "code": 200, "message": "", &q ...
android 自定义雷达图,Android自定义蛛网图（雷达图）
前言纸上得来终觉浅,绝知此事要躬行. 直接上代码 import android.content.Context; import android.graphics.Canvas; import and ...

android自定义趋势图

android自定义趋势图相关推荐

最新文章

热门文章