自定義視圖view的折線圖使用講解
更新時(shí)間：2023年04月04日 11:47:15 作者：小白的成長(zhǎng)之路
這篇文章主要介紹了自定義視圖view的折線圖使用講解，前面幾章講解了繪圖的一些基本用法,本章就來(lái)看看折線圖吧,需要的朋友可以參考下
繪制折線圖預(yù)覽圖
繪制這個(gè)折線圖需要都需要哪些步驟？
一、如何繪制X和Y軸。
注意：繪制線用到的是path，而繪制X和Y軸，我們需要知道三個(gè)坐標(biāo)，這里我們用的是 canvas.drawPath(mPath,linePaint);
1、我們來(lái)分析下，我們想知道三個(gè)坐標(biāo)，那么這三個(gè)坐標(biāo)是多少呢，我們?cè)撛趺从?jì)算呢？ 答：這里，我是在onSizeChanged（）方法中獲取到了父類(lèi)控件的寬度，然后把寬度分成16份，例如，下方的上下左右四個(gè)分別如下:
lift = viewSize*(1/16f);
top = viewSize*(1/16f);
right = viewSize*(15/16f);
buttom = viewSize*(8/16f);
2、這三個(gè)坐標(biāo)我們有了，那就好辦了，我們根據(jù)這四個(gè)參數(shù)值，就可以知道我們上面三個(gè)坐標(biāo)點(diǎn)的坐標(biāo)，在draw()方法中，連接這三個(gè)點(diǎn)即可：
private void drawXY(Canvas canvas) {
/*
* 第三步，我們來(lái)通過(guò)viewSize尺寸來(lái)獲取三個(gè)坐標(biāo)點(diǎn)
* 第一個(gè)（X,Y）--(lift,top)
* 第二個(gè)（X,Y）--(lift,button)
* 第三個(gè)個(gè)（X,Y）--(right,buttom)
* */
mPath.moveTo(lift, top);
mPath.lineTo(lift, buttom);
mPath.lineTo(right,buttom);
//使用Path鏈接這三個(gè)坐標(biāo)
canvas.drawPath(mPath,linePaint);
// 釋放畫(huà)布
canvas.restore();
}3、我們最后，在X，Y軸寫(xiě)個(gè)文字，那么我們需要知道X，Y這兩個(gè)文字的坐標(biāo)是多少？如圖：
答：因?yàn)槲覀円呀?jīng)知道lift，right，top， buttom。其實(shí)我們就可計(jì)算出來(lái)他們的坐標(biāo)了。其實(shí)Y軸的坐標(biāo)只是向右移動(dòng)一點(diǎn)即可(lift+num,top)，x的坐標(biāo)向下移動(dòng)一點(diǎn)即可（right,top+num）,其中num是你移動(dòng)多少。自己可以合理調(diào)試
private void drawXYelement(Canvas canvas) {
// 鎖定畫(huà)布
canvas.save();
mTextPaint.setTextSize(36);//文字大小
/*
* Y軸文字提示
* drawText(String ,x,y,TextPaint)
* (lift,top)
* */
mTextPaint.setTextAlign(Paint.Align.LEFT);//左對(duì)齊
canvas.drawText("Y",lift+20,top,mTextPaint);
/*
* X軸文字提示
* drawText(String ,right,buttom,TextPaint)
* */
mTextPaint.setTextAlign(Paint.Align.RIGHT);//右對(duì)齊
canvas.drawText("X",right,buttom+50,mTextPaint);
// 釋放畫(huà)布
canvas.restore();
}我們?cè)趍ain的xml引用此類(lèi)
<tester.ermu.com.polylinedemo.XYView01
android:id="@+id/My_XYView04"
android:layout_width="wrap_content"
android:layout_height="500dp"
android:background="#8B7500"
/>編譯一下效果：
4、附上全部代碼
package tester.ermu.com.polylinedemo;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.text.TextPaint;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;
/**
* Created by ENZ on 2016/11/25.
* 繪制自定義view折線圖
* 第一步：繪制X和Y軸,那么我們需要什么準(zhǔn)備呢？
*/
public class XYView01 extends View {
private int viewSize;//獲取空間的尺寸，也就是我們布局的尺寸大?。ú恢览斫獾氖欠裾_）
private Paint linePaint;// 線條畫(huà)筆和點(diǎn)畫(huà)筆
private Path mPath;// 路徑對(duì)象
private TextPaint mTextPaint;// 文字畫(huà)筆
float lift ;
float top ;
float right ;
float buttom ;
float PathY_X ;
float PathY_Y ;
float PathX_X ;
float PathX_Y ;
public XYView01(Context context, AttributeSet attrs) {
super(context, attrs);
//第一步，初始化對(duì)象
linePaint = new Paint();
linePaint.setColor(Color.YELLOW);//線條的顏色
linePaint.setStrokeWidth(8);//線條的寬度
linePaint.setAntiAlias(true);//取消鋸齒
linePaint.setStyle(Paint.Style.STROKE);//粗線
//初始化Path
mPath = new Path();
mTextPaint = new TextPaint(Paint.ANTI_ALIAS_FLAG | Paint.DITHER_FLAG | Paint.LINEAR_TEXT_FLAG);
mTextPaint.setColor(Color.WHITE);
}
public XYView01(Context context) {
super(context);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
// 在我們沒(méi)學(xué)習(xí)測(cè)量控件之前強(qiáng)制寬高一致
super.onMeasure(widthMeasureSpec, widthMeasureSpec);
}
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
//第二步驟，我們?cè)谶@里獲取每個(gè)用到的坐標(biāo)點(diǎn)和尺寸
viewSize = w;//獲取空間的尺寸，
Log.i("Text","viewSize:"+viewSize);
//這個(gè)是我們上下左右需要用到的坐標(biāo)點(diǎn)
lift = viewSize*(1/16f);
top = viewSize*(1/16f);
right = viewSize*(15/16f);
buttom = viewSize*(8/16f);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
// 鎖定畫(huà)布
canvas.save();
//定義一個(gè)繪制X,Y軸的方法
drawXY(canvas);
//繪制X和Y軸上的提示文字
drawXYelement(canvas);
}
private void drawXY(Canvas canvas) {
/*
* 第三步，我們來(lái)通過(guò)viewSize尺寸來(lái)獲取三個(gè)坐標(biāo)點(diǎn)
* 第一個(gè)（X,Y）--(lift,top)
* 第二個(gè)（X,Y）--(lift,button)
* 第三個(gè)個(gè)（X,Y）--(right,buttom)
* */
mPath.moveTo(lift, top);
mPath.lineTo(lift, buttom);
mPath.lineTo(right,buttom);
//使用Path鏈接這三個(gè)坐標(biāo)
canvas.drawPath(mPath,linePaint);
// 釋放畫(huà)布
canvas.restore();
}
private void drawXYelement(Canvas canvas) {
// 鎖定畫(huà)布
canvas.save();
mTextPaint.setTextSize(36);//文字大小
/*
* Y軸文字提示
* drawText(String ,x,y,TextPaint)
* (lift,top)
* */
mTextPaint.setTextAlign(Paint.Align.LEFT);//左對(duì)齊
canvas.drawText("Y",lift+20,top,mTextPaint);
/*
* X軸文字提示
* drawText(String ,right,buttom,TextPaint)
* */
mTextPaint.setTextAlign(Paint.Align.RIGHT);//右對(duì)齊
canvas.drawText("X",right,buttom+50,mTextPaint);
// 釋放畫(huà)布
canvas.restore();
}
}
二、繪制我們內(nèi)部的網(wǎng)格，那么如何繪制？
1、我們繪制X和Y軸區(qū)域的子網(wǎng)格，我們需要知道他們范圍？
Y軸上的最大范圍=(buttom - top) ;
X軸的最大范圍=(right - lift) ; 
2、在這個(gè)范圍我們需要分為多少個(gè)端即有幾個(gè)數(shù)據(jù)？每一段間距事是多少？
// 假如我們有八條數(shù)據(jù)
int count = pointFs.size();
// 計(jì)算橫縱坐標(biāo)刻度間隔
spaceY =(buttom - top) / count;
spaceX =(right - lift) / count;3、最大值和最小值是多少？
// 計(jì)算橫軸數(shù)據(jù)最大值
maxX = 0;
for (int i = 0; i < count; i++) {
if (maxX < pointFs.get(i).x) {
maxX = pointFs.get(i).x;//X軸最大坐標(biāo)
}
}
Log.i("Text","maxX:--"+maxX);
// 計(jì)算橫軸最近的能被count整除的值
int remainderX = ((int) maxX) % divisor;
maxX = remainderX == 0 ? ((int) maxX) : divisor - remainderX + ((int) maxX);
// 計(jì)算縱軸數(shù)據(jù)最大值
maxY = 0;
for (int i = 0; i < count; i++) {
if (maxY < pointFs.get(i).y) {
maxY = pointFs.get(i).y;
}
}
Log.i("Text","maxY:--"+maxY);
// 計(jì)算縱軸最近的能被count整除的值
int remainderY = ((int) maxY) % divisor;
Log.i("Text","remainderY:--"+remainderY);4、既然我們已經(jīng)知道了最大值和最小值，也知道了間距，那么我么開(kāi)始繪制，通過(guò)for循環(huán)來(lái)繪制Y軸，每繪制每一個(gè)Y軸的點(diǎn)，都會(huì)把X軸與之相交的點(diǎn)全部繪制。
（自己可以在本子上畫(huà)畫(huà)圖就容易理解了）例如下圖
// 鎖定畫(huà)布并設(shè)置畫(huà)布透明度為75%
int sc = canvas.saveLayerAlpha(0, 0, canvas.getWidth(), canvas.getHeight(), 75, Canvas.ALL_SAVE_FLAG);
// 繪制橫縱線段
for (float y = buttom - spaceY; y > top; y -= spaceY) {
Log.i("Text","y"+y);
for (float x = lift; x < right; x += spaceX) {
Log.i("Text","x"+x);
/*
* 繪制縱向線段
*/
if (y == top + spaceY) {
canvas.drawLine(x, y, x, y + spaceY * (count - 1), linePaint);
}
/*
* 繪制橫向線段
*/
if (x == right - spaceX) {
canvas.drawLine(x, y, x - spaceX * (count - 1), y, linePaint);
}
}
}
5、全部代碼，只是多了一個(gè)方法drawLines(canvas);
package tester.ermu.com.polylinedemo;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.PointF;
import android.text.TextPaint;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;
import java.util.ArrayList;
import java.util.List;
import java.util.Random;
/**
* Created by ENZ on 2016/11/25.
* 繪制自定義view折線圖
* 第一步：繪制X和Y軸,那么我們需要什么準(zhǔn)備呢？
*/
public class XYView02 extends View {
private int viewSize;//獲取空間的尺寸，也就是我們布局的尺寸大?。ú恢览斫獾氖欠裾_）
private Paint linePaint;// 線條畫(huà)筆和點(diǎn)畫(huà)筆
private Path mPath;// 路徑對(duì)象
private TextPaint mTextPaint;// 文字畫(huà)筆
private List<PointF> pointFs = new ArrayList<>();// 數(shù)據(jù)列表
private float[] rulerX, rulerY;// xy軸向刻度
//上下左右坐標(biāo)點(diǎn)
private float lift ;
private float top ;
private float right ;
private float buttom ;
//Y軸文字坐標(biāo)點(diǎn)
private float PathY_X ;
private float PathY_Y ;
//X軸文字坐標(biāo)點(diǎn)
private float PathX_X ;
private float PathX_Y ;
private float maxX;//x軸最大值
private float maxY;//Y軸最大值
private float spaceX, spaceY;// 刻度間隔
public XYView02(Context context, AttributeSet attrs) {
super(context, attrs);
//第一步，初始化對(duì)象
linePaint = new Paint();
linePaint.setColor(Color.YELLOW);//線條的顏色
linePaint.setStrokeWidth(8);//線條的寬度
linePaint.setAntiAlias(true);//取消鋸齒
linePaint.setStyle(Paint.Style.STROKE);//粗線
//初始化Path
mPath = new Path();
mTextPaint = new TextPaint(Paint.ANTI_ALIAS_FLAG | Paint.DITHER_FLAG | Paint.LINEAR_TEXT_FLAG);
mTextPaint.setColor(Color.WHITE);
//模擬數(shù)據(jù)
initData();
}
public XYView02(Context context) {
super(context);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
// 在我們沒(méi)學(xué)習(xí)測(cè)量控件之前強(qiáng)制寬高一致
super.onMeasure(widthMeasureSpec, widthMeasureSpec);
}
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
//第二步驟，我們?cè)谶@里獲取每個(gè)用到的坐標(biāo)點(diǎn)和尺寸
viewSize = w;//獲取空間的尺寸，
Log.i("Text","viewSize:"+viewSize);
//這個(gè)是我們上下左右需要用到的坐標(biāo)點(diǎn)
lift = viewSize*(1/16f);
top = viewSize*(1/16f);
right = viewSize*(15/16f);
buttom = viewSize*(8/16f);
//下面是繪制X,Y軸提示文字
/*
* Y軸(PathY_X,PathY_Y)
* */
PathY_X = viewSize*2/16;
PathY_Y = viewSize*1/16;
/*
* X軸(PathX_X,PathX_Y)
* */
PathX_X = viewSize*15/16f;
PathX_Y = viewSize*9/16f;
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
// 鎖定畫(huà)布
canvas.save();
//定義一個(gè)繪制X,Y軸的方法
drawXY(canvas);
//繪制X和Y軸上的提示文字
drawXYelement(canvas);
}
private void initData() {
Random random = new Random();
pointFs = new ArrayList<PointF>();
for (int i = 0; i < 8; i++) {
PointF pointF = new PointF();
pointF.x = (float) (random.nextInt(100) * i);
pointF.y = (float) (random.nextInt(100) * i);
pointFs.add(pointF);
}
}
private void drawXY(Canvas canvas) {
/*
* 第三步，我們來(lái)通過(guò)viewSize尺寸來(lái)獲取三個(gè)坐標(biāo)點(diǎn)
* 第一個(gè)（X,Y）--(lift,top)
* 第二個(gè)（X,Y）--(lift,button)
* 第三個(gè)個(gè)（X,Y）--(right,buttom)
* */
mPath.moveTo(lift, top);
mPath.lineTo(lift, buttom);
mPath.lineTo(right,buttom);
//使用Path鏈接這三個(gè)坐標(biāo)
canvas.drawPath(mPath,linePaint);
//----------------------------我們?cè)谶@里添加一個(gè)繪制網(wǎng)格的方法----------------------------------------
drawLines(canvas);
// 釋放畫(huà)布
canvas.restore();
}
private void drawLines(Canvas canvas) {
// 重置線條畫(huà)筆，因?yàn)槭羌?xì)線，所有我這里設(shè)置了2。
linePaint.setStrokeWidth(2);
// 假如我們有八條數(shù)據(jù)
int count = pointFs.size();
// 計(jì)算橫縱坐標(biāo)刻度間隔
spaceY =(buttom - top) / count;
spaceX =(right - lift) / count;
Log.i("Text","spaceY:--"+spaceY);
Log.i("Text","spaceX:--"+spaceX);
// 計(jì)算除數(shù)的值為數(shù)據(jù)長(zhǎng)度減一，8個(gè)數(shù)據(jù)，7條線。
int divisor = count - 1;
Log.i("Text","divisor:--"+divisor);
// 計(jì)算橫軸數(shù)據(jù)最大值
maxX = 0;
for (int i = 0; i < count; i++) {
if (maxX < pointFs.get(i).x) {
maxX = pointFs.get(i).x;//X軸最大坐標(biāo)
}
}
Log.i("Text","maxX:--"+maxX);
// 計(jì)算橫軸最近的能被count整除的值
int remainderX = ((int) maxX) % divisor;
maxX = remainderX == 0 ? ((int) maxX) : divisor - remainderX + ((int) maxX);
// 計(jì)算縱軸數(shù)據(jù)最大值
maxY = 0;
for (int i = 0; i < count; i++) {
if (maxY < pointFs.get(i).y) {
maxY = pointFs.get(i).y;
}
}
Log.i("Text","maxY:--"+maxY);
// 計(jì)算縱軸最近的能被count整除的值
int remainderY = ((int) maxY) % divisor;
Log.i("Text","remainderY:--"+remainderY);
if(remainderY == 0&&maxY==0){
maxY=0;
}else {
maxY=divisor - remainderY + ((int) maxY);
Log.i("Text","maxY11111111111:--"+maxY);
}
//
// // 生成橫軸刻度值
// rulerX = new float[count];
// for (int i = 0; i < count; i++) {
// rulerX[i] = maxX / divisor * i;
// }
// Log.i("Text","rulerX:--"+rulerX);
//
// // 生成縱軸刻度值
// rulerY = new float[count];
// for (int i = 0; i < count; i++) {
// rulerY[i] = maxY / divisor * i;
// }
// Log.i("Text","rulerY:--"+rulerY);
// 鎖定畫(huà)布并設(shè)置畫(huà)布透明度為75%
int sc = canvas.saveLayerAlpha(0, 0, canvas.getWidth(), canvas.getHeight(), 75, Canvas.ALL_SAVE_FLAG);
// 繪制橫縱線段
for (float y = buttom - spaceY; y > top; y -= spaceY) {
Log.i("Text","y"+y);
for (float x = lift; x < right; x += spaceX) {
Log.i("Text","x"+x);
/*
* 繪制縱向線段
*/
if (y == top + spaceY) {
canvas.drawLine(x, y, x, y + spaceY * (count - 1), linePaint);
}
/*
* 繪制橫向線段
*/
if (x == right - spaceX) {
canvas.drawLine(x, y, x - spaceX * (count - 1), y, linePaint);
}
}
}
// 還原畫(huà)布
canvas.restoreToCount(sc);
}
private void drawXYelement(Canvas canvas) {
// 鎖定畫(huà)布
canvas.save();
mTextPaint.setTextSize(36);//文字大小
/*
* Y軸文字提示
* drawText(String ,x,y,TextPaint)
* (lift,top)
* */
mTextPaint.setTextAlign(Paint.Align.LEFT);//左對(duì)齊
canvas.drawText("Y",lift+20,top,mTextPaint);
/*
* X軸文字提示
* drawText(String ,right,buttom,TextPaint)
* */
mTextPaint.setTextAlign(Paint.Align.RIGHT);//右對(duì)齊
canvas.drawText("X",right,buttom+50,mTextPaint);
// 釋放畫(huà)布
canvas.restore();
}
}
三，我們繪制，刻度上的值
1、再根據(jù)我們繪制網(wǎng)格的點(diǎn)，來(lái)繪制我們的刻度
int num = 0;//用于給X軸賦值
int num_y = 0;//用于給Y軸賦值
for (float y = buttom - spaceY; y > top; y -= spaceY) {
for (float x = lift; x < right; x += spaceX) {
mTextPaint.setTextSize(28);
/*
* 繪制橫軸刻度數(shù)值
*/
if (y == buttom - spaceY) {
canvas.drawText(""+index_x[num], x-12, buttom+(top/3), mTextPaint);
Log.i("Text","num-"+num);
}
/*
* 繪制縱軸刻度數(shù)值
* 簡(jiǎn)單來(lái)說(shuō)就是，Y軸上的坐標(biāo)點(diǎn)，X軸是恒定不變的，但是Y軸是變化的（buttom - 間距）+10的距離向上繪制
*/
if (x == lift) {
canvas.drawText(""+index_y[num_y], lift - (lift/2), y + 10, mTextPaint);
Log.i("Text","lift:"+lift);
Log.i("Text","lift - (1/16):"+(lift - (lift/2)));
}
num++;
}
num_y++;
}
}2、這個(gè)沒(méi)什么說(shuō)的，仔細(xì)在本子上畫(huà)一下就明白了，也有注釋;附上全部代碼
package tester.ermu.com.polylinedemo;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.PointF;
import android.text.TextPaint;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;
import java.util.ArrayList;
import java.util.List;
import java.util.Random;
/**/
public class XYView03 extends View {
private int viewSize;//獲取空間的尺寸，也就是我們布局的尺寸大?。ú恢览斫獾氖欠裾_）
private Paint linePaint;// 線條畫(huà)筆和點(diǎn)畫(huà)筆
private Path mPath;// 路徑對(duì)象
private TextPaint mTextPaint;// 文字畫(huà)筆
private List<PointF> pointFs = new ArrayList<>();// 數(shù)據(jù)列表
private float[] rulerX, rulerY;// xy軸向刻度
//上下左右坐標(biāo)點(diǎn)
private float lift ;
private float top ;
private float right ;
private float buttom ;
//Y軸文字坐標(biāo)點(diǎn)
private float PathY_X ;
private float PathY_Y ;
//X軸文字坐標(biāo)點(diǎn)
private float PathX_X ;
private float PathX_Y ;
private float maxX;//x軸最大值
private float maxY;//Y軸最大值
private float spaceX, spaceY;// 刻度間隔
/*
* 繪制X和Y軸對(duì)應(yīng)的文字
* */
int[] index_x = {0,1,2,3,4,5,6,7};
int[] index_y = {0,1,2,3,4,5,6,7};
public XYView03(Context context, AttributeSet attrs) {
super(context, attrs);
//第一步，初始化對(duì)象
linePaint = new Paint();
linePaint.setColor(Color.YELLOW);//線條的顏色
linePaint.setStrokeWidth(8);//線條的寬度
linePaint.setAntiAlias(true);//取消鋸齒
linePaint.setStyle(Paint.Style.STROKE);//粗線
//初始化Path
mPath = new Path();
mTextPaint = new TextPaint(Paint.ANTI_ALIAS_FLAG | Paint.DITHER_FLAG | Paint.LINEAR_TEXT_FLAG);
mTextPaint.setColor(Color.WHITE);
//模擬數(shù)據(jù)
initData();
}
public XYView03(Context context) {
super(context);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
// 在我們沒(méi)學(xué)習(xí)測(cè)量控件之前強(qiáng)制寬高一致
super.onMeasure(widthMeasureSpec, widthMeasureSpec);
}
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
//第二步驟，我們?cè)谶@里獲取每個(gè)用到的坐標(biāo)點(diǎn)和尺寸
viewSize = w;//獲取空間的尺寸，
Log.i("Text","viewSize:"+viewSize);
//這個(gè)是我們上下左右需要用到的坐標(biāo)點(diǎn)
lift = viewSize*(2/16f);
top = viewSize*(2/16f);
right = viewSize*(15/16f);
buttom = viewSize*(8/16f);
//下面是繪制X,Y軸提示文字
/*
* Y軸(PathY_X,PathY_Y)
* */
PathY_X = viewSize*2/16;
PathY_Y = viewSize*1/16;
/*
* X軸(PathX_X,PathX_Y)
* */
PathX_X = viewSize*15/16f;
PathX_Y = viewSize*9/16f;
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
// 鎖定畫(huà)布
canvas.save();
//定義一個(gè)繪制X,Y軸的方法
drawXY(canvas);
//繪制X和Y軸上的提示文字
drawXYelement(canvas);
}
private void initData() {
Random random = new Random();
pointFs = new ArrayList<PointF>();
for (int i = 0; i < 8; i++) {
PointF pointF = new PointF();
pointF.x = (float) (random.nextInt(100) * i);
pointF.y = (float) (random.nextInt(100) * i);
pointFs.add(pointF);
}
}
private void drawXY(Canvas canvas) {
/*
* 第三步，我們來(lái)通過(guò)viewSize尺寸來(lái)獲取三個(gè)坐標(biāo)點(diǎn)
* 第一個(gè)（X,Y）--(lift,top)
* 第二個(gè)（X,Y）--(lift,button)
* 第三個(gè)個(gè)（X,Y）--(right,buttom)
* */
mPath.moveTo(lift, top);
mPath.lineTo(lift, buttom);
mPath.lineTo(right,buttom);
//使用Path鏈接這三個(gè)坐標(biāo)
canvas.drawPath(mPath,linePaint);
//----------------------------我們?cè)谶@里添加一個(gè)繪制網(wǎng)格的方法----------------------------------------
drawLines(canvas);
// 釋放畫(huà)布
canvas.restore();
}
private void drawLines(Canvas canvas) {
Log.i("Text","1111111111111111111");
/*
* 1、我們需要知道X,Y軸的最大值是多少
* 2、我們需要知道我們?cè)赬,Y軸分別有多少個(gè)點(diǎn)，然后每個(gè)點(diǎn)之間的間距是多少
* 3、繪制網(wǎng)格線
* */
// 重置線條畫(huà)筆，因?yàn)槭羌?xì)線，所有我這里設(shè)置了2。
linePaint.setStrokeWidth(2);
// 假如我們有八條數(shù)據(jù)
int count = pointFs.size();
// 計(jì)算橫縱坐標(biāo)刻度間隔
spaceY =(buttom - top) / count;
spaceX =(right - lift) / count;
Log.i("Text","spaceY:--"+spaceY);
Log.i("Text","spaceX:--"+spaceX);
// 計(jì)算除數(shù)的值為數(shù)據(jù)長(zhǎng)度減一，8個(gè)數(shù)據(jù)，7條線。
int divisor = count - 1;
Log.i("Text","divisor:--"+divisor);
// 計(jì)算橫軸數(shù)據(jù)最大值
maxX = 0;
for (int i = 0; i < count; i++) {
if (maxX < pointFs.get(i).x) {
maxX = pointFs.get(i).x;//X軸最大坐標(biāo)
}
}
Log.i("Text","maxX:--"+maxX);
// 計(jì)算橫軸最近的能被count整除的值
int remainderX = ((int) maxX) % divisor;
maxX = remainderX == 0 ? ((int) maxX) : divisor - remainderX + ((int) maxX);
// 計(jì)算縱軸數(shù)據(jù)最大值
maxY = 0;
for (int i = 0; i < count; i++) {
if (maxY < pointFs.get(i).y) {
maxY = pointFs.get(i).y;
}
}
Log.i("Text","maxY:--"+maxY);
// 計(jì)算縱軸最近的能被count整除的值
int remainderY = ((int) maxY) % divisor;
Log.i("Text","remainderY:--"+remainderY);
if(remainderY == 0&&maxY==0){
maxY=0;
}else {
maxY=divisor - remainderY + ((int) maxY);
Log.i("Text","maxY11111111111:--"+maxY);
}
// 鎖定畫(huà)布并設(shè)置畫(huà)布透明度為75%
int sc = canvas.saveLayerAlpha(0, 0, canvas.getWidth(), canvas.getHeight(), 75, Canvas.ALL_SAVE_FLAG
// 繪制橫縱線段
for (float y = buttom - spaceY; y > top; y -= spaceY) {
Log.i("Text","y"+y);
for (float x = lift; x < right; x += spaceX) {
Log.i("Text","x"+x);
/*
* 繪制縱向線段
*/
if (y == top + spaceY) {
canvas.drawLine(x, y, x, y + spaceY * (count - 1), linePaint);
}
/*
* 繪制橫向線段
*/
if (x == right - spaceX) {
canvas.drawLine(x, y, x - spaceX * (count - 1), y, linePaint);
}
}
}
// 還原畫(huà)布
canvas.restoreToCount(sc);
int num = 0;//用于給X軸賦值
int num_y = 0;//用于給Y軸賦值
for (float y = buttom - spaceY; y > top; y -= spaceY) {
for (float x = lift; x < right; x += spaceX) {
mTextPaint.setTextSize(28);
/*
* 繪制橫軸刻度數(shù)值
*/
if (y == buttom - spaceY) {
canvas.drawText(""+index_x[num], x-12, buttom+(top/3), mTextPaint);
Log.i("Text","num-"+num);
}
/*
* 繪制縱軸刻度數(shù)值
* 簡(jiǎn)單來(lái)說(shuō)就是，Y軸上的坐標(biāo)點(diǎn)，X軸是恒定不變的，但是Y軸是變化的（buttom - 間距）+10的距離向上繪制
*/
if (x == lift) {
canvas.drawText(""+index_y[num_y], lift - (lift/2), y + 10, mTextPaint);
Log.i("Text","lift:"+lift);
Log.i("Text","lift - (1/16):"+(lift - (lift/2)));
}
num++;
}
num_y++;
}
}
private void drawXYelement(Canvas canvas) {
// 鎖定畫(huà)布
canvas.save();
mTextPaint.setTextSize(36);//文字大小
/*
* Y軸文字提示
* drawText(String ,x,y,TextPaint)
* (lift,top)
* */
mTextPaint.setTextAlign(Paint.Align.LEFT);//左對(duì)齊
canvas.drawText("Y",PathY_X,PathY_Y,mTextPaint);
/*
* X軸文字提示
* drawText(String ,right,buttom,TextPaint)
* */
mTextPaint.setTextAlign(Paint.Align.RIGHT);//右對(duì)齊
canvas.drawText("X",PathX_X,PathX_Y,mTextPaint);
// 釋放畫(huà)布
canvas.restore();
}
}
四，我們給我們的網(wǎng)格區(qū)域來(lái)繪制一個(gè)遮蓋層，效果如下
1、我們直接繪制一張半透明的圖即可
private void drawbitmaps(Canvas canvas) {
/*
我們給我們的區(qū)域先繪制一個(gè)顏色模塊，做法很簡(jiǎn)單，生成一個(gè)圖片即可，然后透明度設(shè)置下
* Bitmap.createBitmap()
* 關(guān)于他的6個(gè)方法，可查看博客：http://www.cnblogs.com/wangxiuheng/p/4503610.html
* */
Bitmap mBitmap = Bitmap.createBitmap((int)(right-lift-spaceX),(int)(buttom-top-spaceY),Bitmap.Config.ARGB_8888);
mCanvas.setBitmap(mBitmap);
/*
* 為畫(huà)布填充一個(gè)半透明的紅色
* drawARGB(a,r,g,b)
* a:透明度
* r:紅色
* g:綠色
* b:藍(lán)色
* */
mCanvas.drawARGB(55, 255, 0, 0);
// 重置曲線
mPath.reset();
// 將mBitmap繪制到原來(lái)的canvas
canvas.drawBitmap(mBitmap, lift, top+spaceY , null);
//繪制我們的坐標(biāo)點(diǎn)
// drawText(canvas);
}2、在onDraw調(diào)用即可
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
// 鎖定畫(huà)布
canvas.save();
//定義一個(gè)繪制X,Y軸的方法
drawXY(canvas);
//繪制X和Y軸上的提示文字
drawXYelement(canvas);
//最后遮罩層圖
drawbitmaps(canvas);
//
}
五、最后就是繪制我們的折現(xiàn)了
注意：，當(dāng)然是根據(jù)我們傳遞過(guò)來(lái)的數(shù)據(jù)了，切記，在沒(méi)有數(shù)據(jù)的時(shí)候，我默認(rèn)生成的8個(gè)數(shù)據(jù)，為了避免Main傳遞過(guò)來(lái)的是空數(shù)據(jù)
private void initData() {
Random random = new Random();
pointFs = new ArrayList<PointF>();
for (int i = 0; i < 8; i++) {
PointF pointF = new PointF();
pointF.x = (float) (random.nextInt(60) * i);
pointF.y = (float) (random.nextInt(60) * i);
pointFs.add(pointF);
}
}1、我們來(lái)在Main中寫(xiě)一些數(shù)據(jù)，然后傳遞給我們自定義的view
package tester.ermu.com.polylinedemo;
import android.graphics.PointF;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import java.util.ArrayList;
import java.util.List;
public class MainActivity extends AppCompatActivity {
private XYView05 xyview05;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
init();
}
private void init() {
xyview05 = (XYView05) findViewById(R.id.My_XYView04);
List<PointF> pointFs = new ArrayList<PointF>();
pointFs.add(new PointF(0.3F, 0.5F));
pointFs.add(new PointF(1F, 22.7F));
pointFs.add(new PointF(2F, 33.5F));
pointFs.add(new PointF(3F, 36.2F));
pointFs.add(new PointF(4F, 18.8F));
pointFs.add(new PointF(5F, 15.5F));
pointFs.add(new PointF(6F, 24.2F));
pointFs.add(new PointF(7F, 52.5F));
xyview05.setData(pointFs, "X軸提示文字", "Y軸提示文字",MainActivity.this);
}
}2、我們通過(guò)setData（）方法來(lái)接受這些數(shù)據(jù)
public synchronized void setData(List<PointF> pointFs, String signX, String signY, Activity activity) {
/*
* 數(shù)據(jù)為空直接提示下
*/
if (null == pointFs || pointFs.size() == 0)
throw new IllegalArgumentException("No data to display !");
/*
* 控制數(shù)據(jù)長(zhǎng)度不超過(guò)10個(gè)
* 對(duì)于折線圖來(lái)說(shuō)數(shù)據(jù)太多就沒(méi)必要用折線圖表示了而是使用散點(diǎn)圖
*/
if (pointFs.size() > 10)
throw new IllegalArgumentException("The data is too long to display !");
// 設(shè)置數(shù)據(jù)并重繪視圖
this.pointFs = pointFs;
this.context = activity;
invalidate();
}3、那么我們來(lái)通過(guò)drawText（Canvas canvas）方法處理這些數(shù)據(jù)來(lái)繪制點(diǎn)和連接這些點(diǎn)的折線
private void drawText(Canvas canvas) {
Paint pointPaint = new Paint(Paint.ANTI_ALIAS_FLAG | Paint.DITHER_FLAG);
pointPaint.setStyle(Paint.Style.FILL);//焦點(diǎn)的類(lèi)型
pointPaint.setColor(Color.WHITE);//焦點(diǎn)的顏色
if(pointFs.size()==0){
Toast.makeText(context,"暫無(wú)折現(xiàn)數(shù)據(jù)",Toast.LENGTH_SHORT).show();
}else {
/*
* 生成Path和繪制Point
*/
for (int i = 0; i < pointFs.size(); i++) {
// 計(jì)算x坐標(biāo)
float x = mCanvas.getWidth() / maxX * pointFs.get(i).x;
// 計(jì)算y坐標(biāo)
float y = mCanvas.getHeight() / maxY * pointFs.get(i).y;
y = mCanvas.getHeight() - y;
// 繪制小點(diǎn)點(diǎn)
mCanvas.drawCircle(x, y, 6, pointPaint);
/*
* 如果是第一個(gè)點(diǎn)則將其設(shè)置為Path的起點(diǎn)
*/
if (i == 0) {
mPath.moveTo(x, y);
}
// 連接各點(diǎn)
mPath.lineTo(x, y);
}
// 設(shè)置PathEffect
linePaint.setPathEffect(new CornerPathEffect(10));
// 重置線條寬度
linePaint.setStrokeWidth(4);
// 將Path繪制到我們自定的Canvas上
mCanvas.drawPath(mPath, linePaint);
}
}
4、注意，我們需要刻度值來(lái)繪制我們的點(diǎn)坐標(biāo)，不要亂賦值，
// 生成橫軸刻度值
rulerX = new float[count];
for (int i = 0; i < count; i++) {
rulerX[i] = maxX / divisor * i;
}
// Log.i("Text","rulerX:--"+rulerX);
// 生成縱軸刻度值
rulerY = new float[count];
for (int i = 0; i < count; i++) {
rulerY[i] = maxY / divisor * i;
}5、附上自定義view最終代碼
package tester.ermu.com.polylinedemo;
import android.app.Activity;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.CornerPathEffect;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.PointF;
import android.text.TextPaint;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;
import android.widget.Toast;
import java.util.ArrayList;
import java.util.List;
/**
* Created by ENZ on 2016/11/25.
*/
public class XYView05 extends View {
private Context context;
private int viewSize;//獲取空間的尺寸，也就是我們布局的尺寸大?。ú恢览斫獾氖欠裾_）
private Paint linePaint;// 線條畫(huà)筆和點(diǎn)畫(huà)筆
private Canvas mCanvas;
private Path mPath;// 路徑對(duì)象
private TextPaint mTextPaint;// 文字畫(huà)筆
private List<PointF> pointFs = new ArrayList<>();// 數(shù)據(jù)列表
private float[] rulerX, rulerY;// xy軸向刻度
//上下左右坐標(biāo)點(diǎn)
private float lift ;
private float top ;
private float right ;
private float buttom ;
//Y軸文字坐標(biāo)點(diǎn)
private float PathY_X ;
private float PathY_Y ;
//X軸文字坐標(biāo)點(diǎn)
private float PathX_X ;
private float PathX_Y ;
private float maxX;//x軸最大值
private float maxY;//Y軸最大值
private float spaceX, spaceY;// 刻度間隔
/*
* 繪制X和Y軸對(duì)應(yīng)的文字
* */
String[] index_x = {"周一","周二","周三","周四","周五","周六","周日","",""};
int[] index_y = {1,2,3,4,5,6,7,8};
public XYView05(Context context, AttributeSet attrs) {
super(context, attrs);
//第一步，初始化對(duì)象
linePaint = new Paint();
linePaint.setColor(Color.YELLOW);//線條的顏色
linePaint.setStrokeWidth(8);//線條的寬度
linePaint.setAntiAlias(true);//取消鋸齒
linePaint.setStyle(Paint.Style.STROKE);//粗線
//初始化Path
mPath = new Path();
mTextPaint = new TextPaint(Paint.ANTI_ALIAS_FLAG | Paint.DITHER_FLAG | Paint.LINEAR_TEXT_FLAG);
mTextPaint.setColor(Color.WHITE);
mCanvas = new Canvas();
//模擬數(shù)據(jù)
initData();
}
public XYView05(Context context) {
super(context);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
// 在我們沒(méi)學(xué)習(xí)測(cè)量控件之前強(qiáng)制寬高一致
super.onMeasure(widthMeasureSpec, widthMeasureSpec);
}
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
//第二步驟，我們?cè)谶@里獲取每個(gè)用到的坐標(biāo)點(diǎn)和尺寸
viewSize = w;//獲取空間的尺寸，
Log.i("Text","viewSize:"+viewSize);
//這個(gè)是我們上下左右需要用到的坐標(biāo)點(diǎn)
lift = viewSize*(2/16f);
top = viewSize*(2/16f);
right = viewSize*(15/16f);
buttom = viewSize*(8/16f);
//下面是繪制X,Y軸提示文字
/*
* Y軸(PathY_X,PathY_Y)
* */
PathY_X = viewSize*2/16;
PathY_Y = viewSize*1/16;
/*
* X軸(PathX_X,PathX_Y)
* */
PathX_X = viewSize*15/16f;
PathX_Y = viewSize*9/16f;
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
// 鎖定畫(huà)布
canvas.save();
//定義一個(gè)繪制X,Y軸的方法
drawXY(canvas);
//繪制X和Y軸上的提示文字
drawXYelement(canvas);
//最后繪制我們的點(diǎn)和線
drawbitmaps(canvas);
//
}
private void initData() {
pointFs = new ArrayList<PointF>();
for (int i = 0; i < 8; i++) {
PointF pointF = new PointF();
pointF.x = (float) (0);
pointF.y = (float) (index_y[i]);
pointFs.add(pointF);
}
}
private void drawXY(Canvas canvas) {
/*
* 第三步，我們來(lái)通過(guò)viewSize尺寸來(lái)獲取三個(gè)坐標(biāo)點(diǎn)
* 第一個(gè)（X,Y）--(lift,top)
* 第二個(gè)（X,Y）--(lift,button)
* 第三個(gè)個(gè)（X,Y）--(right,buttom)
* */
mPath.moveTo(lift, top);
mPath.lineTo(lift, buttom);
mPath.lineTo(right,buttom);
//使用Path鏈接這三個(gè)坐標(biāo)
canvas.drawPath(mPath,linePaint);
//----------------------------我們?cè)谶@里添加一個(gè)繪制網(wǎng)格的方法----------------------------------------
drawLines(canvas);
// 釋放畫(huà)布
canvas.restore();
}
private void drawLines(Canvas canvas) {
/*
* 1、我們需要知道X,Y軸的最大值是多少
* 2、我們需要知道我們?cè)赬,Y軸分別有多少個(gè)點(diǎn)，然后每個(gè)點(diǎn)之間的間距是多少
* 3、繪制網(wǎng)格線
* */
// 重置線條畫(huà)筆，因?yàn)槭羌?xì)線，所有我這里設(shè)置了2。
linePaint.setStrokeWidth(2);
// 假如我們有八條數(shù)據(jù)
int count = pointFs.size();
// 計(jì)算橫縱坐標(biāo)刻度間隔
spaceY =(buttom - top) / count;
spaceX =(right - lift) / count;
// 計(jì)算除數(shù)的值為數(shù)據(jù)長(zhǎng)度減一，8個(gè)數(shù)據(jù)，7條線。
int divisor = count - 1;
// 計(jì)算橫軸數(shù)據(jù)最大值
maxX = 0;
for (int i = 0; i < count; i++) {
if (maxX < pointFs.get(i).x) {
maxX = pointFs.get(i).x;//X軸最大坐標(biāo)
}
}
Log.i("Text","maxX:--"+maxX);
// 計(jì)算橫軸最近的能被count整除的值
int remainderX = ((int) maxX) % divisor;
maxX = remainderX == 0 ? ((int) maxX) : divisor - remainderX + ((int) maxX);
// 計(jì)算縱軸數(shù)據(jù)最大值
maxY = 0;
for (int i = 0; i < count; i++) {
if (maxY < pointFs.get(i).y) {
maxY = pointFs.get(i).y;
}
}
Log.i("Text","maxY:--"+maxY);
// 計(jì)算縱軸最近的能被count整除的值
int remainderY = ((int) maxY) % divisor;
// Log.i("Text","remainderY:--"+remainderY);
if(remainderY == 0&&maxY==0){
maxY=0;
}else {
maxY=divisor - remainderY + ((int) maxY);
}
// 生成橫軸刻度值
rulerX = new float[count];
for (int i = 0; i < count; i++) {
rulerX[i] = maxX / divisor * i;
}
// Log.i("Text","rulerX:--"+rulerX);
// 生成縱軸刻度值
rulerY = new float[count];
for (int i = 0; i < count; i++) {
rulerY[i] = maxY / divisor * i;
}
// 鎖定畫(huà)布并設(shè)置畫(huà)布透明度為75%
int sc = canvas.saveLayerAlpha(0, 0, canvas.getWidth(), canvas.getHeight(), 75, Canvas.ALL_SAVE_FLAG);
// 繪制橫縱線段
for (float y = buttom - spaceY; y > top; y -= spaceY) {
Log.i("Text","y"+y);
for (float x = lift; x < right; x += spaceX) {
Log.i("Text","x"+x);
/*
* 繪制縱向線段
*/
if (y == top + spaceY) {
canvas.drawLine(x, y, x, y + spaceY * (count - 1), linePaint);
}
/*
* 繪制橫向線段
*/
if (x == right - spaceX) {
canvas.drawLine(x, y, x - spaceX * (count - 1), y, linePaint);
}
}
}
// 還原畫(huà)布
canvas.restoreToCount(sc);
int num = 0;//用于給X軸賦值
int num_y = 0;//用于給Y軸賦值
for (float y = buttom - spaceY; y > top; y -= spaceY) {
for (float x = lift; x < right; x += spaceX) {
mTextPaint.setTextSize(28);
/*
* 繪制橫軸刻度數(shù)值
*/
if (y == buttom - spaceY) {
canvas.drawText(String.valueOf(index_x[num]), x-12, buttom+(top/3), mTextPaint);
}
/*
* 繪制縱軸刻度數(shù)值
* 簡(jiǎn)單來(lái)說(shuō)就是，Y軸上的坐標(biāo)點(diǎn)，X軸是恒定不變的，但注意是Y軸是變化的
*/
if (x == lift) {
canvas.drawText((int)(rulerY[num_y+1])+"", lift - (lift/2), y + 10, mTextPaint);
}
num++;
}
num_y++;
}
}
private void drawXYelement(Canvas canvas) {
// 鎖定畫(huà)布
canvas.save();
mTextPaint.setTextSize(36);//文字大小
/*
* Y軸文字提示
* drawText(String ,x,y,TextPaint)
* (lift,top)
* */
mTextPaint.setTextAlign(Paint.Align.LEFT);//左對(duì)齊
canvas.drawText("Y",PathY_X,PathY_Y,mTextPaint);
/*
* X軸文字提示
* drawText(String ,right,buttom,TextPaint)
* */
mTextPaint.setTextAlign(Paint.Align.RIGHT);//右對(duì)齊
canvas.drawText("X",PathX_X,PathX_Y,mTextPaint);
// 釋放畫(huà)布
canvas.restore();
}
private void drawbitmaps(Canvas canvas) {
/*
我們給我們的區(qū)域先繪制一個(gè)顏色模塊，做法很簡(jiǎn)單，生成一個(gè)圖片即可，然后透明度設(shè)置下
* Bitmap.createBitmap()
* 關(guān)于他的6個(gè)方法，可查看博客：http://www.cnblogs.com/wangxiuheng/p/4503610.html
* */
Bitmap mBitmap = Bitmap.createBitmap((int)(right-lift-spaceX),(int)(buttom-top-spaceY),Bitmap.Config.ARGB_8888);
mCanvas.setBitmap(mBitmap);
/*
* 為畫(huà)布填充一個(gè)半透明的紅色
* drawARGB(a,r,g,b)
* a:透明度
* r:紅色
* g:綠色
* b:藍(lán)色
* */
mCanvas.drawARGB(55, 255, 0, 0);
// 重置曲線
mPath.reset();
// 將mBitmap繪制到原來(lái)的canvas
canvas.drawBitmap(mBitmap, lift, top+spaceY , null);
//繪制我們的坐標(biāo)點(diǎn)
drawText(canvas);
}
private void drawText(Canvas canvas) {
Paint pointPaint = new Paint(Paint.ANTI_ALIAS_FLAG | Paint.DITHER_FLAG);
pointPaint.setStyle(Paint.Style.FILL);//焦點(diǎn)的類(lèi)型
pointPaint.setColor(Color.WHITE);//焦點(diǎn)的顏色
if(pointFs.size()==0){
Toast.makeText(context,"暫無(wú)折現(xiàn)數(shù)據(jù)",Toast.LENGTH_SHORT).show();
}else {
/*
* 生成Path和繪制Point
*/
for (int i = 0; i < pointFs.size(); i++) {
// 計(jì)算x坐標(biāo)
float x = mCanvas.getWidth() / maxX * pointFs.get(i).x;
// 計(jì)算y坐標(biāo)
float y = mCanvas.getHeight() / maxY * pointFs.get(i).y;
y = mCanvas.getHeight() - y;
// 繪制小點(diǎn)點(diǎn)
mCanvas.drawCircle(x, y, 6, pointPaint);
/*
* 如果是第一個(gè)點(diǎn)則將其設(shè)置為Path的起點(diǎn)
*/
if (i == 0) {
mPath.moveTo(x, y);
}
// 連接各點(diǎn)
mPath.lineTo(x, y);
}
// 設(shè)置PathEffect
linePaint.setPathEffect(new CornerPathEffect(10));
// 重置線條寬度
linePaint.setStrokeWidth(4);
// 將Path繪制到我們自定的Canvas上
mCanvas.drawPath(mPath, linePaint);
}
}
public synchronized void setData(List<PointF> pointFs, String signX, String signY, Activity activity) {
/*
* 數(shù)據(jù)為空直接GG
*/
if (null == pointFs || pointFs.size() == 0)
throw new IllegalArgumentException("No data to display !");
/*
* 控制數(shù)據(jù)長(zhǎng)度不超過(guò)10個(gè)
* 對(duì)于折線圖來(lái)說(shuō)數(shù)據(jù)太多就沒(méi)必要用折線圖表示了而是使用散點(diǎn)圖
*/
if (pointFs.size() > 10)
throw new IllegalArgumentException("The data is too long to display !");
// 設(shè)置數(shù)據(jù)并重繪視圖
this.pointFs = pointFs;
this.context = activity;
invalidate();
}
}
到此這篇關(guān)于自定義視圖view的折線圖使用講解的文章就介紹到這了,更多相關(guān)自定義view折線圖內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Android EasyPermissions官方庫(kù)高效處理權(quán)限相關(guān)教程
Easypermissions簡(jiǎn)化了Android M的運(yùn)行時(shí)權(quán)限的申請(qǐng)、結(jié)果處理、判斷等步驟。這篇文章主要介紹了Android EasyPermissions官方庫(kù)高效處理權(quán)限相關(guān)教程,需要的朋友可以參考下2017-11-11
Android 實(shí)現(xiàn)數(shù)字九宮格軟鍵盤(pán)
最近項(xiàng)目在對(duì)接美團(tuán)外賣(mài)功能，實(shí)現(xiàn)外面小哥憑取貨碼取貨，對(duì)接完功能后用戶(hù)反饋彈出的軟鍵盤(pán)很難輸入，數(shù)字太小了，于是便著手優(yōu)化一下2021-05-05
Android 使用版本控制工具時(shí)添加忽略文件的方式(詳解)
下面小編就為大家?guī)?lái)一篇Android 使用版本控制工具時(shí)添加忽略文件的方式(詳解)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-01-01
Android手勢(shì)ImageView三部曲 第三部
這篇文章主要為大家詳細(xì)介紹了Android手勢(shì)ImageView三部曲的第三部，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
Android實(shí)現(xiàn)紙飛機(jī)的簡(jiǎn)單操作
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)紙飛機(jī)的簡(jiǎn)單操作，類(lèi)似于漂流瓶功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-05-05
kotlin anko頁(yè)面跳轉(zhuǎn)實(shí)現(xiàn)方式,攜帶參數(shù)或flag
這篇文章主要介紹了kotlin anko頁(yè)面跳轉(zhuǎn)實(shí)現(xiàn)方式,攜帶參數(shù)或flag，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-03-03
Android使用VideoView出現(xiàn)無(wú)法播放此視頻問(wèn)題的解決方法
Android提供了 VideoView組件，它的作用與ImageView類(lèi)似，只是ImageView用于顯示圖片，而VideoView用于播放視頻，下面這篇文章主要給大家介紹了關(guān)于利用VideoView出現(xiàn)無(wú)法播放此視頻問(wèn)題的解決方法，需要的朋友可以參考下2018-07-07
Android模塊化中數(shù)據(jù)傳遞/路由跳轉(zhuǎn)實(shí)現(xiàn)示例
這篇文章主要介紹了Android模塊化中數(shù)據(jù)傳遞/路由跳轉(zhuǎn)實(shí)現(xiàn)示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-07-07
Android 7.0行為變更 FileUriExposedException解決方法
這篇文章主要介紹了Android 7.0行為變更 FileUriExposedException解決方法的相關(guān)資料,需要的朋友可以參考下2017-05-05
Android EditText實(shí)現(xiàn)扁平化的登錄界面
這篇文章主要為大家詳細(xì)介紹了Android EditText實(shí)現(xiàn)扁平化的登錄界面，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-12-12