画折线

画折线的思路:我们知道两点定一线,所以可以通过用线连接不同的点来画折线

首先准备好不同的点,每个点有横坐标和纵坐标,我们可以把点封装成类,然后存入集合

Coord类

public class Coord {
	private int x;
	private int y;
	public int getX() {
		return x;
	}
	public void setX(int x) {
		this.x = x;
	}
	public int getY() {
		return y;
	}
	public void setY(int y) {
		this.y = y;
	}
	public Coord(int x, int y) {
		super();
		this.x = x;
		this.y = y;
	}
	public Coord() {
		super();
		// TODO Auto-generated constructor stub
	}
	
}

把Coord类存入集合

import java.util.ArrayList;
import java.util.List;

import com.example.bean.Coord;

public class DataUtils {
	public static List<Coord> getData(){
  // 把10个点存入集合
 ArrayList<Coord> list = new ArrayList<Coord>();
		list.add(new Coord(100,100));
		list.add(new Coord(150,300));
		list.add(new Coord(200,400));
		list.add(new Coord(250,600));
		list.add(new Coord(300,200));
		list.add(new Coord(350,150));
		list.add(new Coord(400,600));
		list.add(new Coord(450,700));
		list.add(new Coord(500,100));
		list.add(new Coord(550,300));
		return list;
	}
}

MyView

import java.util.List;

import com.example.bean.Coord;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.View;

public class MyView extends View {
	
	Paint paint;
	List<Coord> list;

	public List<Coord> getList() {
		return list;
	}

	public void setList(List<Coord> list) {
		this.list = list;
	}

	public MyView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
	}

	public MyView(Context context, AttributeSet attrs) {
		super(context, attrs);
		paint = new Paint();
		// 设置画笔颜色
		paint.setColor(Color.BLUE);
		paint.setStrokeWidth(5);
	}

	@Override
	protected void onDraw(Canvas canvas) {
		super.onDraw(canvas);

//		// 设置画布颜色
		canvas.drawColor(Color.BLACK);
//		// 划线
//		canvas.drawLine(0, 700, getWidth(), 700, paint);
//		
		//遍历集合连接各点
		if(list!=null){
			for (int i = 0; i < list.size()-1; i++) {
				canvas.drawLine(list.get(i).getX(), list.get(i).getY(), list.get(i+1).getX(), list.get(i+1).getY() , paint);
				 
			}
		}
	}

	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		super.onMeasure(widthMeasureSpec, heightMeasureSpec);
		setMeasuredDimension(widthMeasureSpec, 800);
	}

	/**
	 * 重新设置画笔颜色
	 * @param color
	 */
	public void setPaintColor(int color) {

		// 设置画笔颜色
		paint.setColor(color);
		paint.setStrokeWidth(5);
		// 重新绘制
		invalidate();
	}

	
}

MainAvtivity

import com.example.utils.DataUtils;
import com.example.view.MyView;

import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;


public class MainActivity extends Activity {

    private MyView myview;
	private Button btn;

	@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        myview = (MyView) findViewById(R.id.myview);
        btn = (Button) findViewById(R.id.btn);
        //把准备好放有坐标的点的集合传过去
        myview.setList(DataUtils.getData());
        btn.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				myview.setPaintColor(Color.CYAN);
			}
		});
    }

   
}

activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <com.example.view.MyView
        android:id="@+id/myview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <Button
        android:id="@+id/btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/myview"
        android:text="change" />

</RelativeLayout>