效果图：

代码实现：

package com.jiahao.me;

import java.util.ArrayList;

import java.util.List;

import android.app.Activity;

import android.os.Bundle;

public class MainActivity extends Activity {

	private ChartView chartView;

	ArrayList<Double> yList;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        chartView = (ChartView) findViewById(R.id.chartView);

//        yList = new ArrayList<Double>();

//		yList.add((double) 2.103);

//		yList.add(4.05);

//		yList.add(6.60);

//		yList.add(3.08);

//		yList.add(4.32);

//		yList.add(2.0);

//		yList.add(5.0);

//

//		ArrayList<String> xRawDatas = new ArrayList<String>();

//		xRawDatas.add("05-19");

//		xRawDatas.add("05-20");

//		xRawDatas.add("05-21");

//		xRawDatas.add("05-22");

//		xRawDatas.add("05-23");

//		xRawDatas.add("05-24");

//		xRawDatas.add("05-25");

//		xRawDatas.add("05-26");

//

//		xRawDatas.add("05-19");

//		xRawDatas.add("05-20");

//		xRawDatas.add("05-21");

//		xRawDatas.add("05-22");

//		xRawDatas.add("05-23");

//		xRawDatas.add("05-24");

//		xRawDatas.add("05-25");

//		xRawDatas.add("05-26");

//

//		xRawDatas.add("05-19");

//		xRawDatas.add("05-20");

//		xRawDatas.add("05-21");

//		xRawDatas.add("05-22");

//		xRawDatas.add("05-23");

//		xRawDatas.add("05-24");

//		xRawDatas.add("05-25");

//		xRawDatas.add("05-26");

//		chartView.setData(yList, xRawDatas, 8, 2);

        List<Float> values = new ArrayList<Float>();

        List<String> xlabel = new ArrayList<String>();

        values.add(36.5f);

        xlabel.add("02-01");

        values.add(35.5f);

        xlabel.add("02-02");

        values.add(34.3f);

        xlabel.add("02-03");

        values.add(36.8f);

        xlabel.add("02-04");

        values.add(36.4f);

        xlabel.add("02-05");

        values.add(37.1f);

        xlabel.add("02-06");

        values.add(37.5f);

        xlabel.add("02-07");

        values.add(36.5f);

        xlabel.add("02-08");

        values.add(36.2f);

        xlabel.add("02-09");

        values.add(38.5f);

        xlabel.add("02-10");

        values.add(36.5f);

        xlabel.add("02-11");

        values.add(37.1f);

        xlabel.add("02-06");

        values.add(37.5f);

        xlabel.add("02-07");

        values.add(36.5f);

        xlabel.add("02-08");

        values.add(36.2f);

        xlabel.add("02-09");

        values.add(38.5f);

        xlabel.add("02-10");

        values.add(36.5f);

        xlabel.add("02-11");

        values.add(37.1f);

        xlabel.add("02-12");

        values.add(37.5f);

        xlabel.add("02-13");

        values.add(36.5f);

        xlabel.add("02-14");

        /**values.add(36.2f);

        xlabel.add("02-15");

        values.add(38.5f);

        xlabel.add("02-15");

        values.add(36.5f);

        xlabel.add("02-17");

        values.add(37.1f);

        xlabel.add("02-08");

        values.add(37.5f);

        xlabel.add("02-09");

        values.add(36.5f);

        xlabel.add("02-20");

        values.add(36.2f);

        xlabel.add("02-21");

        values.add(38.5f);

        xlabel.add("02-22");

        values.add(36.5f);

        xlabel.add("02-23");

        **/

        chartView.setValueData(values, xlabel);

    }

}

package com.jiahao.me;

import java.util.List;

import android.annotation.SuppressLint;

import android.content.Context;

import android.graphics.Bitmap;

import android.graphics.BitmapFactory;

import android.graphics.Canvas;

import android.graphics.Color;

import android.graphics.DashPathEffect;

import android.graphics.Paint;

import android.graphics.PaintFlagsDrawFilter;

import android.graphics.PathEffect;

import android.graphics.drawable.BitmapDrawable;

import android.graphics.drawable.Drawable;

import android.renderscript.Element;

import android.util.AttributeSet;

import android.util.DisplayMetrics;

import android.util.Log;

import android.view.MotionEvent;

import android.view.View;

import android.view.ViewGroup;

import android.view.ViewGroup.LayoutParams;

import android.view.WindowManager;

@SuppressLint("NewApi") public class ChartView extends View {

	private Paint paint;

	private int marginTop = 70;

	private int yLabelHeihgt = 70;

	private int marginBottom = 10;

	private int widthScreen;

	private DisplayMetrics dm;

	private WindowManager windowManager;

	private List<Float> values;

	private List<String> xlabel;

	private float radius = 5f;

	private float minValue = 34f;

	private float maxValue = 39f;

	private float marginLeft = 20;

	// Y轴文字的宽度

	private float labelWidth = 40f;

	private float xLabelWidth =70f;

	private Paint circlePaint;

	private String [] yVal;

	private Paint xuLinePaint;

	private Bitmap water;

	private Bitmap heart;

	private int lastX;

	private int lastY;

	private int initLeft;

	private int parentWidth;

	private int offX;

	private int offY;

	private int scrollX;

	private int scrollY;

	private int downLeft;

	private int downRight;

	private float pointX;

	public ChartView(Context context, AttributeSet attrs) {

		super(context, attrs);

		windowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);

		widthScreen = windowManager.getDefaultDisplay().getWidth();

		water = BitmapFactory.decodeResource(context.getResources(), R.drawable.water);

		heart = BitmapFactory.decodeResource(context.getResources(), R.drawable.heart);

	}

	@Override

	protected void onLayout(boolean changed, int left, int top, int right,

			int bottom) {

		super.onLayout(changed, left, top, right, bottom);

	}

	@Override

	protected void onDraw(Canvas canvas) {

		super.onDraw(canvas);

		paint = new Paint(Paint.ANTI_ALIAS_FLAG);

		paint.setAntiAlias(false);

		paint.setTextSize(12);

		paint.setColor(Color.BLACK);

		circlePaint = new Paint(Paint.ANTI_ALIAS_FLAG);

		circlePaint.setAntiAlias(false);

		circlePaint.setColor(Color.parseColor("#fc5a9c"));

		xuLinePaint = new Paint();

		xuLinePaint.setAntiAlias(false);

		xuLinePaint.setStyle(Paint.Style.STROKE);

		xuLinePaint.setColor(Color.parseColor("#fc5a9c"));

		PathEffect effects = new DashPathEffect(new float[]{5,5,5,5},1);

		xuLinePaint.setPathEffect(effects);

		canvas.setDrawFilter(new PaintFlagsDrawFilter(0, Paint.ANTI_ALIAS_FLAG|Paint.FILTER_BITMAP_FLAG));

		// 画默认图表

		initViews(canvas);

		initLeft = getLeft();

		Log.e("Test", "initLeft=" + initLeft);

		drawValues(canvas);

	}

	public void setValueData(List<Float> values,List<String> xlabel) {

		this.xlabel = xlabel;

		this.values = values;

	}

	private void initViews(Canvas canvas) {

		yVal = new String []{"39.0","38.5","38.0","37.5","37.0","36.5","36.0","35.5","35.0","34.5","34.0"};

		pointX = 0f;

		if (values != null && values.size() > 0) {

			pointX = (yLabelHeihgt * (values.size() + 1)) + labelWidth * 2;

		}

//		for (int i = 0;i < values.size();i++) {

//			 pointX =  pointX + (yLabelHeihgt * (i + 1)) + (labelWidth / 2);

//		}

		for (int i = 0; i < yVal.length;i++) {

//			canvas.drawText(yVal[i], labelWidth, (yLabelHeihgt * (i + 1)), paint);

			if (pointX > widthScreen) {

				canvas.drawLine(0, (yLabelHeihgt * (i + 1)), pointX, (yLabelHeihgt * (i + 1)), paint);

			} else {

				// labelWidth + 40

				canvas.drawLine(0, (yLabelHeihgt * (i + 1)), widthScreen, (yLabelHeihgt * (i + 1)), paint);

			}

		}

		if (pointX > widthScreen) {

			ViewGroup viewGroup = (ViewGroup) getParent();

			if (viewGroup != null) {

				LayoutParams params = viewGroup.getLayoutParams();

				params.width = (int)pointX;

				viewGroup.setLayoutParams(params);

				parentWidth = (int)pointX;

			}

		}

	}

	private void drawValues(Canvas canvas) {

		// 画 点和线

		if (values != null && values.size() > 0) {

			float initPointX = 0f;

			float initPointY = 0f;

			float pointX = 0f;

			float pointY = 0f;

			for (int i = 0;i < values.size();i++) {

				float f = values.get(i);

				if (f <= minValue) {

					pointX = (((i + 1) * xLabelWidth));

					pointY = (yLabelHeihgt * (i + 1));

					if (initPointX > 0) {

						canvas.drawLine(initPointX, initPointY, pointX, pointY, circlePaint);

					}

					canvas.drawCircle(pointX, pointY, radius, circlePaint);

					initPointX = pointX;

					initPointY = pointY;

				} else if (f >= maxValue) {

					pointX = (((i + 1) *xLabelWidth));

					pointY = yLabelHeihgt;

					if (initPointX > 0) {

						canvas.drawLine(initPointX, initPointY, pointX, pointY, circlePaint);

					}

					canvas.drawCircle(pointX, pointY, radius, circlePaint);

					initPointX = (labelWidth * (i + 1));

					initPointY = yLabelHeihgt;

				} else {

					float pxheight = (maxValue - minValue) / (yLabelHeihgt * (i + 1));

//					Log.e("Test", "pxheight=" + pxheight);

					pointY = (float)((((maxValue - f ) / 0.5) + 1) * yLabelHeihgt);

					pointX =  (yLabelHeihgt * (i + 1)) + (labelWidth / 2);

					if (initPointX > 0) {

						canvas.drawLine(initPointX, initPointY, pointX, pointY, xuLinePaint);

					}

					initPointX = pointX;

					initPointY = pointY;

					canvas.drawCircle(pointX, pointY, radius, circlePaint);

				}

				// 下面绘制

				canvas.drawBitmap(water, (pointX - (water.getWidth() / 2)), (pointY  + (water.getHeight() / 2)), circlePaint);

				// 上面绘制

				canvas.drawBitmap(heart, (pointX - (heart.getWidth() / 2)), (pointY  - (heart.getHeight() + heart.getHeight() / 2)), circlePaint);

			}

		}

		// 画 X轴 label

		if (xlabel != null && xlabel.size() > 0) {

			for (int i = 0;i < xlabel.size();i++) {

				float pointY = (yLabelHeihgt * yVal.length) + 15;

				float pointX =   (yLabelHeihgt * (i + 1));

				canvas.drawText(xlabel.get(i) + "", pointX, pointY, paint);

			}

		}

		ViewGroup viewGroup = (ViewGroup) getParent();

		if (viewGroup != null) {

			Log.e("Test", "parent  width=" + viewGroup.getLayoutParams().width);

		}

	}

	@Override

	public boolean onTouchEvent(MotionEvent event) {

		int x = (int)event.getX();

		int y = (int)event.getY();

		boolean flag = true;

		if (event.getAction() == MotionEvent.ACTION_DOWN) {

			lastX = x;

			lastY = y;

			downLeft = getLeft();

			downRight = getRight();

		} else if (event.getAction() == MotionEvent.ACTION_MOVE) {

			// 计算移动的距离

			offX = x - lastX;

			offY = y - lastY;

			if (x > lastX) { // 向左滚动

				Log.e("Test22", "向右边滚动.........");

//				if (getRight() > widthScreen - xLabelWidth) {

//					layout(getLeft() + offX, getTop(), getRight() + offX, getBottom());

//				}

			} else { // 向右边滚动

				Log.e("Test22", "向左滚动.........");

//				if (getLeft() < 0) {

//					layout(getLeft() + offX, getTop(), getRight() + offX, getBottom());

//				}

			}

			// 调用layout重新绘制

//			if (getLeft() >= 0) {

//				layout(getLeft() + offX, getTop(), getRight() + offX, getBottom());

//			}

//			Log.e("Test22", "left:" + getLeft());

//			Log.e("Test22", "right:" + getRight());

//

//

//

//			Log.e("Test", "getLeft() + parentWidth=" + (getLeft() + parentWidth));

//			Log.e("Test", "widthScreen=" + widthScreen);

			if (((getLeft() + parentWidth) >= widthScreen && getLeft() <= 0)) {

//				Log.e("Test", "执行了onLayout");

				layout(getLeft() + offX, getTop(), getRight() + offX, getBottom());

				Log.e("Test", "进来了");

			} else {

				Log.e("Test", "没有进来");

				if (x > lastX && getLeft() <=0) {

					layout(getLeft() + offX, getTop(), getRight() + offX, getBottom());

				}

//				else {

//					if (getLeft() > 0) {

//						layout(getLeft(), getTop(), getRight(), getBottom());

//					}

//				}

//				if (getLeft() > 0) {

//					setLeft(0);

//				} else if ((getLeft() + parentWidth) < widthScreen){

//					setLeft(widthScreen);

//				}

//				scrollX = getLeft();

//				scrollY = getRight();

//				Log.e("Test", "未执行......");

//

//				layout(getLeft(), getTop(), getRight() + offX, getBottom());

			}

			Log.e("Test", "left:" + getLeft());

			Log.e("Test", "right:" + getRight());

		} else if (event.getAction() == MotionEvent.ACTION_UP) {

			if (getLeft() > 0) {

				Log.e("Test", "=====================11============");

				setLeft(0);

				layout(getLeft(), getTop(), getRight(), getBottom());

			} else if (getRight() < widthScreen) {

//				layout(parentWidth - getRight(), getTop(), parentWidth - getLeft(), getBottom());

				Log.e("Test", "=======================12==========downRight=" + downRight);

				Log.e("Test", "=======================12==========parentWidth=" + parentWidth);

				Log.e("Test", "=======================12==========downLeft=" + downLeft);

//				setRight(widthScreen - 5);

//				layout(getRight() - parentWidth, getTop(), getRight(), getBottom());

//				setLeft(widthScreen - parentWidth);

//				setRight(parentWidth - Math.abs(getLeft()));

//				layout(downLeft, getTop(), downRight, getBottom());

//				setRight(widthScreen);

//				setLeft(Math.abs(downLeft) - parentWidth);

				Log.e("Test", "=======================12==========left=" + (Math.abs(downLeft) - parentWidth));

				Log.e("Test", "=======================12==========right=" + widthScreen);

//				layout(Math.abs(downLeft) - parentWidth, getTop(), widthScreen, getBottom());

			}

//			else if (((getLeft() + parentWidth) < widthScreen)) {

//				setLeft(scrollX);

//				setRight(scrollY);

//				layout(scrollX- 1, getTop(), scrollY -1, getBottom());

//			}

//			Log.e("Test22", "ACTION_UP===========");

//

//			Log.e("Test22", "getLeft:" + getLeft());

//			Log.e("Test22", "getRight:" + getRight());

		}

		return flag;

	}

	@Override

	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

		Log.e("Test", "widthMeasureSpec=" + widthMeasureSpec);

		Log.e("Test", "heightMeasureSpec=" + heightMeasureSpec);

		super.onMeasure(widthMeasureSpec, heightMeasureSpec);

	}

}

最新文章

  1. Java_jvisualvm使用JMX连接远程机器（实践）
  2. 显示Class &#39;Think\Controller\FuController&#39; not found和Call to a member function assign() on a non-object 的错误问题
  3. UIView不接受触摸事件的三种情况
  4. 2.b统计字符串长度
  5. 数学 ACdream 1196 KIDx&#39;s Triangle
  6. Telnet、FTP、SSH、SFTP、SCP
  7. 学习Javascript DOM 编程艺术的一点心得
  8. HBase MVCC 代码阅读（一）
  9. 使用iframe父页面调用子页面和子页面调用父页面的元素与方法
  10. 注解@PostConstruct与@PreDestroy 特性说明
  11. 20155324《网络对抗》Exp06 信息搜集与漏洞扫描
  12. php 学习资料
  13. thinkphp3.2.3集成腾讯云短信文档流程
  14. Flask 键盘事件
  15. Java继承与多态浅析
  16. 2991:2011 求2011^n的后四位。
  17. Cocos2d-x移植android增加震动效果
  18. Apache配置虚拟主机后让其他电脑访问
  19. django 快捷代码提示
  20. Efficient Deblurring for Shaken and Partially Saturated Images

热门文章

  1. [经验] - JQuery.Ajax + 跨域 (crossDomain) + POST + JSON + WCF RESTful, 5大陷阱和解决方案
  2. 【iOS-cocos2d-X 游戏开发之九】Cocos2dx利用CCSAXParser解析xml数据&amp;CCMutableDictionary使用与注意！
  3. NPAIRS框架的理解
  4. 最简单的视音频播放示例8：DirectSound播放PCM
  5. HTML5之video元素
  6. 将Temporary文件夹里的Logo文件转移到Logo文件夹
  7. css3制作优惠券
  8. Android主题theme和风格style总结
  9. Partitioning by Palindromes
  10. 使用Redis的理由