Activity:
package com.example.zz;
import java.util.ArrayList;
import java.util.List;
import android.os.Bundle;
import android.app.Activity;
import android.graphics.Color;
import android.graphics.drawable.GradientDrawable.Orientation;
import android.util.Log;
import android.view.Menu;
import android.view.Window;
import android.view.WindowManager;
import android.widget.LinearLayout;
public class MainActivity extends Activity
{
@Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
this.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
WindowManager.LayoutParams.FLAG_FULLSCREEN);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.activity_main);
LineChar line1 = (LineChar) findViewById(R.id.lineChar1);
List<Integer> list = new ArrayList();
list.add(20);
list.add(2);
list.add(5);
list.add(1);
list.add(3);
List<Integer> list1 = new ArrayList();
list1.add(50);
list1.add(20);
list1.add(15);
list1.add(12);
list1.add(35);
List<Integer> list2 = new ArrayList();
list2.add(20);
list2.add(7);
list2.add(8);
list2.add(13);
List<List<Integer>> l = new ArrayList();
l.add(list);
l.add(list1);
l.add(list2);
line1.setList(l);
List<Integer> color = new ArrayList();
color.add(Color.RED);
color.add(Color.BLUE);
color.add(Color.GREEN);
line1.setColor(color);
LineChar line2 = (LineChar) findViewById(R.id.lineChar2);
Log.e("adnroid", "set");
List<Integer> list3 = new ArrayList();
list3.add(20);
list3.add(2);
list3.add(5);
list3.add(1);
list3.add(3);
List<Integer> list4 = new ArrayList();
list4.add(120);
list4.add(22);
list4.add(51);
list4.add(51);
list4.add(93);
List<List<Integer>> l2 = new ArrayList();
l2.add(list3);
l2.add(list4);
line2.setList(l2);
// LineChar line2 = (LineChar) findViewById(R.id.lineChar2);
// Log.e("adnroid", "set");
}
}
自定義折線圖Class:
package com.example.zz;
import java.util.ArrayList;
import java.util.List;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.PorterDuff.Mode;
import android.util.AttributeSet;
import android.view.SurfaceHolder;
import android.view.SurfaceHolder.Callback;
import android.view.SurfaceView;
/**
* @description 多條折線 折線圖
* @author 李海藝
* @date 2013.12.10
*/
public class LineChar extends SurfaceView implements Callback
{
private SurfaceHolder sfh;
private final int xSize = 24;// 將x軸分成24份
private final int ySize = 10;// 將Y軸分成10份
private float xSpace;// 兩條豎線的間距
private float ySpace;// 兩條橫線的間距
private List<List<Integer>> list;// Y軸數據
private final int left = 20;// 距離左邊的距離
private final int right = 20;// 距離右邊的距離
private final int top = 20;// 距離頂部的距離
private final int bottom = 20;// 距離底部的距離
private float max;// Y軸數據的最大值
private List<Integer> color = new ArrayList();// 折線圖的顏色列表
public List<Integer> getColor()
{
return color;
}
public void setColor(List<Integer> color)
{
this.color = color;
}
public List<List<Integer>> getList()
{
return list;
}
public void setList(List<List<Integer>> list)
{
this.list = list;
}
public LineChar(Context context)
{
super(context);
init();
}
public LineChar(Context context, AttributeSet attrs)
{
super(context, attrs);
init();
}
private void init()
{
sfh = this.getHolder();
sfh.addCallback(this);
}
@Override
public void surfaceChanged(SurfaceHolder holder, int format, int width,
int height)
{
}
@Override
public void surfaceCreated(SurfaceHolder holder)
{
Canvas canvas = sfh.lockCanvas();
// 畫座標軸
drawXY(canvas);
// 畫折線圖
drawChar(canvas);
sfh.unlockCanvasAndPost(canvas);
}
@Override
public void surfaceDestroyed(SurfaceHolder holder)
{
}
/**
* 畫座標軸
*
* @param canvas
*/
private void drawXY(Canvas canvas)
{
canvas.drawColor(Color.WHITE);
Paint paint = new Paint();
paint.setColor(Color.BLACK);
// 畫Y軸
xSpace = (getWidth() - left - right) / xSize;
for (int i = 0; i < xSize; i++)
{
canvas.drawLine(left + right + i * xSpace, top, left + right + i
* xSpace, getHeight() - bottom, paint);
}
// 畫X軸文字
for (int i = 0; i < xSize; i++)
{
Paint paintText = new Paint();
paint.setColor(Color.BLACK);
paint.setTextSize(20);
canvas.drawText(i + "", left + right - 5 + i * xSpace, getHeight()
- bottom / 5, paintText);
}
// 畫X軸
ySpace = (getHeight() - top - bottom) / ySize;
for (int i = 0; i <= ySize; i++)
{
canvas.drawLine(left + right, top + ySpace * i, getWidth() - left
- right, top + ySpace * i, paint);
}
for (int i = 0; i < list.size(); i++)
{
for (int j = 0; j < list.get(i).size(); j++)
{
if (list.get(i).get(j) > max)
{
max = list.get(i).get(j);
}
}
}
// 畫Y軸文字
for (int i = 0; i < ySize; i++)
{
Paint paintText = new Paint();
paint.setColor(Color.BLACK);
paint.setTextSize(20);
canvas.drawText((max / 10 * (ySize - i)) + "", left / 2, top
+ ySpace * i + 5, paintText);
}
}
/**
* 畫折線圖
*
* @param canvas
*/
private void drawChar(Canvas canvas)
{
if (color.size() < list.size())
{
for (int i = color.size(); i < list.size(); i++)
{
int r = (int) Math.round(Math.random() * 255);
int g = (int) Math.round(Math.random() * 255);
int b = (int) Math.round(Math.random() * 255);
color.add(Color.rgb(r, g, b));
}
}
for (int i = 0; i < list.size(); i++)
{
for (int j = 0; j < list.get(i).size(); j++)
{
Paint paintCicle = new Paint();
paintCicle.setColor(color.get(i));
paintCicle.setAntiAlias(true);
canvas.drawCircle(left + right + j * xSpace,
top + (ySize - list.get(i).get(j) / (max / ySize))
* ySpace, 3, paintCicle);
if (j < list.get(i).size() - 1)
{
canvas.drawLine(left + right + j * xSpace, top
+ (ySize - list.get(i).get(j) / (max / ySize))
* ySpace, left + right + (j + 1) * xSpace, top
+ (ySize - list.get(i).get(j + 1) / (max / ySize))
* ySpace, paintCicle);
}
}
}
}
/**
* 把畫布擦乾淨，準備繪圖使用。
*/
private void clearCanvas()
{
Canvas canvas = sfh.lockCanvas();
canvas.drawColor(Color.TRANSPARENT, Mode.CLEAR);// 清除畫布
drawXY(canvas);
sfh.unlockCanvasAndPost(canvas);
}
佈局Layout:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/parent"
android:orientation="vertical" >
<ScrollView
android:id="@+id/scrollView1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<com.example.zz.LineChar
android:id="@+id/lineChar1"
android:layout_width="wrap_content"
android:layout_height="200dp" />
<com.example.zz.LineChar
android:id="@+id/lineChar2"
android:layout_width="wrap_content"
android:layout_height="100dp" />
</LinearLayout>
</ScrollView>
</RelativeLayout>