记录下项目中使用贝塞尔曲线实现可点击查看价格功能
1. XML 使用方式
android:id="@+id/customCurveChart"
android:layout_width="match_parent"
android:layout_height="187dp"
android:layout_below="@+id/online_tv_carve"
android:layout_marginLeft="16dp"
android:layout_marginRight="6dp"
android:layout_marginTop="20dp"
android:gravity="center"
android:orientation="vertical"
android:paddingBottom="10dp"
>
Activity:
private void initCurveChart2() {
List listY =new ArrayList<>();
int number= BubbleSort2(listPrice);
listY.add("0");
listY.add("2.1w");
listY.add("4.2w");
listY.add("6.3w");
listY.add("8.4w");
listY.add("10.5w");
listY.add("12.6w");
List color =new ArrayList<>();
color.add(R.color.make_money_tv_color_red);
customCurveChart2.addView(new CustomCurveChart(this, listRiqi, listY, listPrice, color, true));
}
自定义工具类：
package cn.ihk.www.fww.OnLineAssessment;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.CornerPathEffect;
import android.graphics.DashPathEffect;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.PathEffect;
import android.graphics.RectF;
import android.os.Build;
import android.support.annotation.RequiresApi;
import android.support.v4.content.ContextCompat;
import android.text.Layout;
import android.text.StaticLayout;
import android.text.TextPaint;
import android.view.MotionEvent;
import android.view.View;
import java.math.BigDecimal;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import cn.ihk.www.fww.R;
/**
* 2017年4月24日11:47:25
* zhangchengbo
*
* 总是改不完的需求，开始说OK，后面又说不行，现在又搞事情！我呸~
* 我有有一句话不知当讲不当讲 M M P
*/
public class CustomCurveChartextends View {
Map>mapXY =new HashMap>();
ListmaplistX =new ArrayList();
ListmaplistY =new ArrayList();
// 坐标单位
private ListxLabel;
private ListyLabel;
// 曲线数据
private ListdataList;
private ListcolorList;
private boolean showValue;
// 默认边距
private int margin =45;
// 距离左边偏移量
private int marginX =45;
// 原点坐标
private int xPoint;
private int yPoint;
// X,Y轴的单位长度
private int xScale;
private int yScale;
// 画笔
private PaintpaintAxes;
private PaintpaintCoordinate;
private PaintpaintTable;
private PaintpaintCurve;
private PaintpaintRectF;
private Paintpaint,paint2,paint3;
private ListliststrY;
private ListliststrX;
private int isFalse;
public CustomCurveChart(Context context, List xLabel, List yLabel,
List dataList, List colorList, boolean showValue) {
super(context);
this.xLabel = xLabel;
this.yLabel = yLabel;
this.dataList = dataList;
this.colorList = colorList;
this.showValue = showValue;
}
public CustomCurveChart(Context context) {
super(context);
}
/**
* 初始化数据值和画笔
*/
public void init() {
xPoint =margin +marginX;
yPoint =this.getHeight() -margin;
xScale = (this.getWidth() -2 *margin -marginX) / (xLabel.size() -1)-5;
yScale = (this.getHeight() -2 *margin) / (yLabel.size() -1);
//X与Y轴的绘制（颜色线条）
paintAxes =new Paint();
paintAxes.setStyle(Paint.Style.STROKE);
paintAxes.setAntiAlias(true);
paintAxes.setDither(true);
paintAxes.setColor(ContextCompat.getColor(getContext(), R.color.curve_line));
paintAxes.setStrokeWidth(5);
paintAxes.setPathEffect(new DashPathEffect(new float[] {10, 10}, 1f));
//XY 轴 的字体
paintCoordinate =new Paint();
paintCoordinate.setStyle(Paint.Style.STROKE);
paintCoordinate.setDither(true);
paintCoordinate.setAntiAlias(true);
paintCoordinate.setColor(ContextCompat.getColor(getContext(), R.color.color_gray));
paintCoordinate.setTextSize(30);
//网格线条的绘制与颜色
paintTable =new Paint();
paintTable.setStyle(Paint.Style.STROKE);
paintTable.setAntiAlias(true);
paintTable.setDither(true);
paintTable.setColor(ContextCompat.getColor(getContext(), R.color.curve_line));
paintTable.setStrokeWidth(3);
//绘制曲线
paintCurve =new Paint();
paintCurve.setStyle(Paint.Style.STROKE);
paintCurve.setDither(true);
paintCurve.setAntiAlias(true);
paintCurve.setStrokeWidth(5);
PathEffect pathEffect =new CornerPathEffect(5);
paintCurve.setPathEffect(pathEffect);
//绘制直线
paintRectF =new Paint();
paintRectF.setStyle(Paint.Style.FILL);
paintRectF.setDither(true);
paintRectF.setAntiAlias(true);
paintRectF.setStrokeWidth(3);
// 定义画笔圆圈
paint =new Paint();
paint.setStyle(Paint.Style.FILL);
// 消除锯齿
paint.setAntiAlias(true);
// 设置画笔的颜色
paint.setColor(Color.RED);
// 设置paint的外框宽度
paint.setStrokeWidth(2);
paint2 =new Paint();
paint2.setStyle(Paint.Style.FILL);
paint2.setAntiAlias(true);
paint2.setColor(Color.RED);
paint2.setStrokeWidth(2);
paint3 =new Paint();
paint3.setStyle(Paint.Style.FILL);
paint3.setAntiAlias(true);
paint3.setColor(Color.WHITE);
}
@RequiresApi(api = Build.VERSION_CODES.M)
@Override
protected void onDraw(Canvas canvas) {
canvas.drawColor(ContextCompat.getColor(getContext(), R.color.color1));
init();
drawTable(canvas, paintTable);
drawAxesLine(canvas, paintAxes);
drawCoordinate(canvas, paintCoordinate);
//逻辑有点乱，瞎写就瞎看吧，改来改去，BB来BB去。M M P
// 就这点破B玩意，不断改，操你大爷
for (int i =0; i
if (showValue) {
drawCurve(canvas, paintCurve, paint, paint2, dataList, colorList.get(0));
drawZero(canvas,dataList, paint);
drawPrice(canvas,dataList);
}
switch (isFalse){//滴滴万 后台控制 最多显示6个，有问题直接找他。
case 6:
// drawLine(canvas,dataList,colorList.get(0));//为了重新绘制曲线图，但是X Y 坐标发生变化。暂时就这样吧
drawCurve(canvas,paint3, paint2, dataList);
drawCurve0(canvas, paint,paint2, dataList);
drawZeroForThree(canvas,dataList, paint);
break;
case 1:
drawCurve(canvas,paint3, paint2, dataList);
drawCurve1(canvas,paint, paint2, dataList);
drawZeroForThree(canvas,dataList, paint);
break;
case 2:
drawCurve(canvas,paint3, paint2, dataList);
drawCurve2(canvas,paint, paint2, dataList);
drawZeroForThree(canvas,dataList, paint);
break;
case 3:
drawCurve3(canvas,paint, paint2, dataList);
drawZeroForThree(canvas,dataList, paint);
break;
case 4:
drawCurve(canvas,paint3, paint2, dataList);
drawCurve4(canvas,paint, paint2, dataList);
drawZeroForThree(canvas,dataList, paint);
break;
case 5:
drawCurve(canvas,paint3, paint2, dataList);
drawCurve5(canvas,paint, paint2, dataList);
drawZeroForThree(canvas,dataList, paint);
break;
case 7:
drawCurve(canvas,paint3, paint2, dataList);
drawCurve6(canvas,paint, paint2, dataList);
drawZeroForThree(canvas,dataList, paint);
break;
}
}
}
private void drawPrice(Canvas canvas,List data) {
//节点价格
for (int i =3; i <=3; i++) {
RectF r2 =new RectF();
r2.left =xPoint + i *xScale -65;
r2.top = toY(data.get(i)) -75;
r2.right =xPoint + i *xScale +70;
r2.bottom = toY(data.get(i)) -15;
canvas.drawRoundRect(r2, 12, 12, paint2);//带圆角
paint2.setColor(Color.parseColor("#474E5E"));// 设置灰色
TextPaint textPaint =new TextPaint();
textPaint.setColor(Color.parseColor("#ffffff"));
textPaint.setTextSize(20.0F);
textPaint.setAntiAlias(true);
String aboutTheGame ="参考均价\n" + data.get(i) +"元/m²";
//StaticLayout 并不是一个 View 或者 ViewGroup ，而是 android.text.Layout 的子类，它是纯粹用来绘制文字的。
// StaticLayout 支持换行，它既可以为文字设置宽度上限来让文字自动换行，也会在 \n 处主动换行
StaticLayout layout =new StaticLayout(aboutTheGame, textPaint, 300, Layout.Alignment.ALIGN_NORMAL, 1.0F, 0.0F, true);
// 这里的参数110，表示字符串的长度，当满足一定数值，就会换行，也可以使用“\r\n”来实现换行
canvas.save();
canvas.translate(xPoint + i *xScale -55, toY(data.get(i)) -70);//从坐标 X,Y 点开始画
layout.draw(canvas);
canvas.restore();//restore与save组合使用
}
}
private void drawZeroForThree(Canvas canvas,List data,Paint paint2) {
paint2.setColor(Color.parseColor("#FF4F51"));
// 画一个圆
for (int i =0; i <=3; i++) {
canvas.drawCircle(xPoint + i *xScale, toY(data.get(i)), 10, paint2);
}
}
private void drawZero(Canvas canvas,List data,Paint paint2) {
paint2.setColor(Color.parseColor("#FF4F51"));
// 画一个圆
for (int i =0; i <= (xLabel.size() -1); i++) {
canvas.drawCircle(xPoint + i *xScale, toY(data.get(i)), 10, paint2);
String str = String.valueOf(toY(data.get(i)));
maplistX.add(String.valueOf(xPoint + i *xScale));
maplistY.add(str);
mapXY.put("xxx", maplistX);
mapXY.put("yyy", maplistY);
}
}
/**
* 绘制坐标轴
*/
private void drawAxesLine(Canvas canvas, Paint paint) {
// X
// paint.setPathEffect(new DashPathEffect(new float[] {8f, 8f}, 0f));
// canvas.drawLine(xPoint, yPoint, this.getWidth() - margin / 6, yPoint, paint);
Path path =new Path();
path.moveTo(xPoint, yPoint);
path.lineTo(this.getWidth() -margin /6, yPoint);
paint.setPathEffect(new DashPathEffect(new float[] {8f, 8f}, 0f));
canvas.drawPath(path, paint);
canvas.drawLine(this.getWidth() -margin /6, yPoint, this.getWidth() -margin /2, yPoint -margin /3, paint);
canvas.drawLine(this.getWidth() -margin /6, yPoint, this.getWidth() -margin /2, yPoint +margin /3, paint);
// Y
// canvas.drawLine(xPoint, yPoint, xPoint, margin / 6, paint);
// canvas.drawLine(xPoint, margin / 6, xPoint - margin / 3, margin / 2, paint);
// canvas.drawLine(xPoint, margin / 6, xPoint + margin / 3, margin / 2, paint);
}
/**
* 绘制表格
*/
private void drawTable(Canvas canvas, Paint paint) {
Path path =new Path();
path.addCircle(0, 0, 3, Path.Direction.CCW);
// 横向线
for (int i =1; (yPoint - i *yScale) >=margin; i++) {
int startX =xPoint;
int startY =yPoint - i *yScale;
int stopX =xPoint + (xLabel.size() -1) *xScale;
path.moveTo(startX, startY);
path.lineTo(stopX, startY);
paint.setPathEffect(new DashPathEffect(new float[] {8f, 8f}, 0f));
canvas.drawPath(path, paint);
}
// 纵向线
// for (int i = 1; i * xScale <= (this.getWidth() - margin); i++) {
// int startX = xPoint + i * xScale;
// int startY = yPoint;
// int stopY = yPoint - (yLabel.size() - 1) * yScale;
// path.moveTo(startX, startY);
// path.lineTo(startX, stopY);
// canvas.drawPath(path, paint);
// }
}
/**
* 绘制刻度
*/
private void drawCoordinate(Canvas canvas, Paint paint) {
// X轴坐标
for (int i =0; i <= (xLabel.size() -1); i++) {
paint.setTextAlign(Paint.Align.CENTER);
int startX =xPoint + i *xScale;
canvas.drawText(xLabel.get(i), startX, this.getHeight() -margin /6, paint);
}
// Y轴坐标
for (int i =0; i <= (yLabel.size() -1); i++) {
paint.setTextAlign(Paint.Align.LEFT);
int startY =yPoint - i *yScale;
int offsetX;
switch (yLabel.get(i).length()) {
case 1:
offsetX =28;
break;
case 2:
offsetX =20;
break;
case 3:
offsetX =12;
break;
case 4:
offsetX =5;
break;
default:
offsetX =0;
break;
}
int offsetY;
if (i ==0) {
offsetY =0;
}else {
offsetY =margin /5;
}
// x默认是字符串的左边在屏幕的位置，y默认是字符串是字符串的baseline在屏幕上的位置
canvas.drawText(yLabel.get(i), margin /4 + offsetX, startY + offsetY, paint);
}
}
/**
* 绘制曲线
* paint代表绘制曲线
* paint2代表绘制价格以及背景色
* paint3代表绘制价格节点的实心圆
*/
private void drawCurve(Canvas canvas, Paint paint, Paint paint2, Paint paint3, List data, int color) {
paint.setColor(ContextCompat.getColor(getContext(), color));
Path path =new Path();
for (int i =0; i
if (i ==0) {
path.moveTo(xPoint, toY(data.get(i)));
}else {
path.quadTo((xPoint + i *xScale)-xPoint,toY(data.get(i))-10,xPoint + i *xScale, toY(data.get(i)));
}
if (i ==xLabel.size() -1) {
path.lineTo(xPoint + i *xScale, toY(data.get(i)));
}
}
// 画一个圆
for (int i =0; i <= (xLabel.size() -1); i++) {
canvas.drawCircle(xPoint + i *xScale, toY(data.get(i)), 10, paint3);
String str = String.valueOf(toY(data.get(i)));
maplistX.add(String.valueOf(xPoint + i *xScale));
maplistY.add(str);
mapXY.put("xxx", maplistX);
mapXY.put("yyy", maplistY);
}
//节点价格
for (int i =3; i <=3; i++) {
RectF r2 =new RectF();
r2.left =xPoint + i *xScale -65;
r2.top = toY(data.get(i)) -75;
r2.right =xPoint + i *xScale +70;
r2.bottom = toY(data.get(i)) -15;
canvas.drawRoundRect(r2, 12, 12, paint2);//带圆角
paint2.setColor(Color.parseColor("#474E5E"));// 设置灰色
TextPaint textPaint =new TextPaint();
textPaint.setColor(Color.parseColor("#ffffff"));
textPaint.setTextSize(20.0F);
textPaint.setAntiAlias(true);
String aboutTheGame ="参考均价\n" + data.get(i) +"元/m²";
//StaticLayout 并不是一个 View 或者 ViewGroup ，而是 android.text.Layout 的子类，它是纯粹用来绘制文字的。
// StaticLayout 支持换行，它既可以为文字设置宽度上限来让文字自动换行，也会在 \n 处主动换行
StaticLayout layout =new StaticLayout(aboutTheGame, textPaint, 300, Layout.Alignment.ALIGN_NORMAL, 1.0F, 0.0F, true);
// 这里的参数110，表示字符串的长度，当满110时，就会换行，也可以使用“\r\n”来实现换行
canvas.save();
canvas.translate(xPoint + i *xScale -55, toY(data.get(i)) -70);//从坐标 X,Y 点开始画
layout.draw(canvas);
canvas.restore();//restore与save组合使用
}
canvas.drawPath(path, paint);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
String numX ="";
String numY ="";
Canvas canvas =new Canvas();
canvas.drawColor(ContextCompat.getColor(getContext(), R.color.make_money_tv_color_red));
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
int i;
for (i =0; i <=xLabel.size() -1; i++) {//（小红点）
liststrX =mapXY.get("xxx");
liststrY =mapXY.get("yyy");
numX =liststrX.get(i);
numY =liststrY.get(i);
BigDecimal bd =new BigDecimal(numX);
float f1 = bd.setScale(0, BigDecimal.ROUND_HALF_UP).floatValue();
BigDecimal bd2 =new BigDecimal(numY);
float f2 = bd2.setScale(0, BigDecimal.ROUND_HALF_UP).floatValue();
//点击位置x坐标与圆心的x坐标的距离
int distanceX = (int) Math.abs(f1 - event.getX());
//点击位置y坐标与圆心的y坐标的距离
int distanceY = (int) Math.abs(f2 - event.getY());
//点击位置与圆心的直线距离
int distanceZ = (int) Math.sqrt(Math.pow(distanceX, 2) + Math.pow(distanceY, 2));
// LogUtil.i("ceshichart","点击位置x坐标与圆心的x坐标的距离=======================================>"+distanceX);
// LogUtil.i("ceshichart","点击位置y坐标与圆心的y坐标的距离=======================================>"+distanceY);
// LogUtil.i("ceshichart","点击位置与圆心的直线距离=======================================>"+distanceZ);
if (distanceZ >40) {
// Snackbar.make(getRootView(), "没在圆内", Snackbar.LENGTH_INDEFINITE).show();
// return false;
}else {
// LogUtil.i("ceshiCurveChart","iiiiiiiiiiiiiii==============================>"+i);
if(i==1){
isFalse=1;
}else if(i==2){
isFalse=2;
}else if(i==3){
isFalse=3;
}else if(i==4){
isFalse=4;
}else if(i==5){
isFalse=5;
}else if(i==0){
isFalse=6;
}else if(i==6){
isFalse=7;
}else if(i==7){
isFalse=8;
}else if(i==8){
isFalse=9;
}else if(i==9){
isFalse=10;
}else if(i==10){
isFalse=11;
}
// Snackbar.make(getRootView(),"当前坐标为："+i+"屏幕坐标值："+ event.getX() + "" + event.getY(), Snackbar.LENGTH_INDEFINITE).show();
break;
}
}
break;
}
invalidate();
// return super.onTouchEvent(event);
return true;
}
private void drawCurve(Canvas canvas,Paint paint, Paint paint2, List data) {
for (int i =3; i <=3; i++) {
RectF r2 =new RectF();
r2.left =xPoint + i *xScale-65;
r2.top = toY(data.get(i)) -78;
r2.right =xPoint + i *xScale +70;
r2.bottom = toY(data.get(i)) -12;
canvas.drawRoundRect(r2, 1, 1, paint);//带圆角
canvas.drawCircle(xPoint + i *xScale, toY(data.get(i)), 10, paint2);
}
}
private void drawCurve6(Canvas canvas,Paint paint, Paint paint2, List data) {
paint.setColor(Color.parseColor("#474E5E"));
paint2.setColor(Color.parseColor("#FF4F51"));
for (int i =6; i <=6; i++) {
RectF r2 =new RectF();
r2.left =xPoint + i *xScale-65;
r2.top = toY(data.get(i)) -75;
r2.right =xPoint + i *xScale +70;
r2.bottom = toY(data.get(i)) -15;
canvas.drawRoundRect(r2, 12, 12, paint);//带圆角
paint.setColor(Color.parseColor("#474E5E"));// 设置灰色
TextPaint textPaint =new TextPaint();
textPaint.setColor(Color.parseColor("#ffffff"));
textPaint.setTextSize(20.0F);
textPaint.setAntiAlias(true);
String aboutTheGame ="参考均价\n" + data.get(i) +"元/m²";
StaticLayout layout =new StaticLayout(aboutTheGame, textPaint, 300, Layout.Alignment.ALIGN_NORMAL, 1.0F, 0.0F, true);
// 这里的参数110，表示字符串的长度，当满110时，就会换行，也可以使用“\r\n”来实现换行
canvas.save();
canvas.translate(xPoint + i *xScale -55, toY(data.get(i)) -70);//从坐标 X,Y 点开始画
layout.draw(canvas);
canvas.restore();//restore与save组合使用
canvas.drawCircle(xPoint + i *xScale, toY(data.get(i)), 10, paint2);
}
}
private void drawCurve5(Canvas canvas,Paint paint, Paint paint2, List data) {
paint.setColor(Color.parseColor("#474E5E"));
paint2.setColor(Color.parseColor("#FF4F51"));
for (int i =5; i <=5; i++) {
RectF r2 =new RectF();
r2.left =xPoint + i *xScale-65;
r2.top = toY(data.get(i)) -75;
r2.right =xPoint + i *xScale +70;
r2.bottom = toY(data.get(i)) -15;
canvas.drawRoundRect(r2, 12, 12, paint);//带圆角
paint.setColor(Color.parseColor("#474E5E"));// 设置灰色
TextPaint textPaint =new TextPaint();
textPaint.setColor(Color.parseColor("#ffffff"));
textPaint.setTextSize(20.0F);
textPaint.setAntiAlias(true);
String aboutTheGame ="参考均价\n" + data.get(i) +"元/m²";
StaticLayout layout =new StaticLayout(aboutTheGame, textPaint, 300, Layout.Alignment.ALIGN_NORMAL, 1.0F, 0.0F, true);
// 这里的参数110，表示字符串的长度，当满110时，就会换行，也可以使用“\r\n”来实现换行
canvas.save();
canvas.translate(xPoint + i *xScale -55, toY(data.get(i)) -70);//从坐标 X,Y 点开始画
layout.draw(canvas);
canvas.restore();//restore与save组合使用
canvas.drawCircle(xPoint + i *xScale, toY(data.get(i)), 10, paint2);
}
}
private void drawCurve4(Canvas canvas,Paint paint, Paint paint2, List data) {
paint.setColor(Color.parseColor("#474E5E"));
paint2.setColor(Color.parseColor("#FF4F51"));
for (int i =4; i <=4; i++) {
RectF r2 =new RectF();
r2.left =xPoint + i *xScale-65;
r2.top = toY(data.get(i)) -75;
r2.right =xPoint + i *xScale +70;
r2.bottom = toY(data.get(i)) -15;
canvas.drawRoundRect(r2, 12, 12, paint);//带圆角
paint.setColor(Color.parseColor("#474E5E"));// 设置灰色
TextPaint textPaint =new TextPaint();
textPaint.setColor(Color.parseColor("#ffffff"));
textPaint.setTextSize(20.0F);
textPaint.setAntiAlias(true);
String aboutTheGame ="参考均价\n" + data.get(i) +"元/m²";
StaticLayout layout =new StaticLayout(aboutTheGame, textPaint, 300, Layout.Alignment.ALIGN_NORMAL, 1.0F, 0.0F, true);
// 这里的参数110，表示字符串的长度，当满110时，就会换行，也可以使用“\r\n”来实现换行
canvas.save();
canvas.translate(xPoint + i *xScale -55, toY(data.get(i)) -70);//从坐标 X,Y 点开始画
layout.draw(canvas);
canvas.restore();//restore与save组合使用
canvas.drawCircle(xPoint + i *xScale, toY(data.get(i)), 10, paint2);
}
}
private void drawCurve3(Canvas canvas,Paint paint, Paint paint2, List data) {
paint.setColor(Color.parseColor("#474E5E"));
paint2.setColor(Color.parseColor("#FF4F51"));
for (int i =3; i <=3; i++) {
RectF r2 =new RectF();
r2.left =xPoint + i *xScale-65;
r2.top = toY(data.get(i)) -75;
r2.right =xPoint + i *xScale +70;
r2.bottom = toY(data.get(i)) -15;
canvas.drawRoundRect(r2, 12, 12, paint);//带圆角
paint.setColor(Color.parseColor("#474E5E"));// 设置灰色
TextPaint textPaint =new TextPaint();
textPaint.setColor(Color.parseColor("#ffffff"));
textPaint.setTextSize(20.0F);
textPaint.setAntiAlias(true);
String aboutTheGame ="参考均价\n" + data.get(i) +"元/m²";
StaticLayout layout =new StaticLayout(aboutTheGame, textPaint, 300, Layout.Alignment.ALIGN_NORMAL, 1.0F, 0.0F, true);
// 这里的参数110，表示字符串的长度，当满110时，就会换行，也可以使用“\r\n”来实现换行
canvas.save();
canvas.translate(xPoint + i *xScale -55, toY(data.get(i)) -70);//从坐标 X,Y 点开始画
layout.draw(canvas);
canvas.restore();//restore与save组合使用
canvas.drawCircle(xPoint + i *xScale, toY(data.get(i)), 10, paint2);
}
}
private void drawCurve2(Canvas canvas,Paint paint, Paint paint2, List data) {
paint.setColor(Color.parseColor("#474E5E"));
paint2.setColor(Color.parseColor("#FF4F51"));
for (int i =2; i <=2; i++) {
RectF r2 =new RectF();
r2.left =xPoint + i *xScale-65;
r2.top = toY(data.get(i)) -75;
r2.right =xPoint + i *xScale +70;
r2.bottom = toY(data.get(i)) -15;
canvas.drawRoundRect(r2, 12, 12, paint);//带圆角
paint.setColor(Color.parseColor("#474E5E"));// 设置灰色
TextPaint textPaint =new TextPaint();
textPaint.setColor(Color.parseColor("#ffffff"));
textPaint.setTextSize(20.0F);
textPaint.setAntiAlias(true);
String aboutTheGame ="参考均价\n" + data.get(i) +"元/m²";
StaticLayout layout =new StaticLayout(aboutTheGame, textPaint, 300, Layout.Alignment.ALIGN_NORMAL, 1.0F, 0.0F, true);
// 这里的参数110，表示字符串的长度，当满110时，就会换行，也可以使用“\r\n”来实现换行
canvas.save();
canvas.translate(xPoint + i *xScale -55, toY(data.get(i)) -70);//从坐标 X,Y 点开始画
layout.draw(canvas);
canvas.restore();//restore与save组合使用
canvas.drawCircle(xPoint + i *xScale, toY(data.get(i)), 10, paint2);
}
}
private void drawCurve1(Canvas canvas, Paint paint,Paint paint2,List data) {
paint.setColor(Color.parseColor("#474E5E"));
paint2.setColor(Color.parseColor("#FF4F51"));
for (int i =1; i <=1; i++) {
RectF r2 =new RectF();
r2.left =xPoint + i *xScale-65;
r2.top = toY(data.get(i)) -75;
r2.right =xPoint + i *xScale +70;
r2.bottom = toY(data.get(i)) -15;
canvas.drawRoundRect(r2, 12, 12, paint);//带圆角
paint.setColor(Color.parseColor("#474E5E"));// 设置灰色
TextPaint textPaint =new TextPaint();
textPaint.setColor(Color.parseColor("#ffffff"));
textPaint.setTextSize(20.0F);
textPaint.setAntiAlias(true);
String aboutTheGame ="参考均价\n" + data.get(i) +"元/m²";
StaticLayout layout =new StaticLayout(aboutTheGame, textPaint, 300, Layout.Alignment.ALIGN_NORMAL, 1.0F, 0.0F, true);
// 这里的参数110，表示字符串的长度，当满110时，就会换行，也可以使用“\r\n”来实现换行
canvas.save();
canvas.translate(xPoint + i *xScale -55, toY(data.get(i)) -70);//从坐标 X,Y 点开始画
layout.draw(canvas);
canvas.restore();//restore与save组合使用
canvas.drawCircle(xPoint + i *xScale, toY(data.get(i)), 10, paint2);
}
}
private void drawCurve0(Canvas canvas,Paint paint, Paint paint2, List data) {
paint.setColor(Color.parseColor("#474E5E"));
paint2.setColor(Color.parseColor("#FF4F51"));
for (int i =0; i <=0; i++) {
RectF r2 =new RectF();
r2.left =xPoint + i *xScale-65;
r2.top = toY(data.get(i)) -75;
r2.right =xPoint + i *xScale +70;
r2.bottom = toY(data.get(i)) -15;
canvas.drawRoundRect(r2, 12, 12, paint);//带圆角
// paint.setColor(Color.parseColor("#474E5E"));// 设置灰色
TextPaint textPaint =new TextPaint();
textPaint.setColor(Color.parseColor("#ffffff"));
textPaint.setTextSize(20.0F);
textPaint.setAntiAlias(true);
String aboutTheGame ="参考均价\n" + data.get(i) +"元/m²";
StaticLayout layout =new StaticLayout(aboutTheGame, textPaint, 300, Layout.Alignment.ALIGN_NORMAL, 1.0F, 0.0F, true);
// 这里的参数110，表示字符串的长度，当满110时，就会换行，也可以使用“\r\n”来实现换行
canvas.save();
canvas.translate(xPoint + i *xScale -55, toY(data.get(i)) -70);//从坐标 X,Y 点开始画
layout.draw(canvas);
canvas.restore();//restore与save组合使用
canvas.drawCircle(xPoint + i *xScale, toY(data.get(i)), 10, paint2);
}
}
private void drawLine(Canvas canvas,List data,int color) {
paint.setColor(ContextCompat.getColor(getContext(), color));
Path path =new Path();
for (int i =0; i
if (i ==0) {
path.moveTo(xPoint, toY(data.get(i)));
}else {
path.quadTo((xPoint + i *xScale)-xPoint,toY(data.get(i))-10,xPoint + i *xScale, toY(data.get(i)));
}
if (i ==xLabel.size() -1) {
path.lineTo(xPoint + i *xScale, toY(data.get(i)));
}
}
canvas.drawPath(path, paint);
}
/**
* 数据按比例转坐标
*/
public float toY(Integer num) {
float y;
try {
float a = (float) Float.valueOf(num) /21000.0f;
y =yPoint - a *yScale;
}catch (Exception e) {
return 0;
}
return y;
}
}
