Android自定义view实现车载可调整轨迹线

本文实例为大家分享了Android自定义view完成车载可调整轨迹线的具体代码,供大家参考,具体内容如下

同事做的view,拿过来做个记录。

/**

*

*/

package com.text.myviewdemo.view;

import org.apache.http.conn.routing.RouteInfo.LayerType;

import android.content.Context;

import android.graphics.Canvas;

import android.graphics.Color;

import android.graphics.DashPathEffect;

import android.graphics.Paint;

import android.graphics.PorterDuff;

import android.graphics.PorterDuffXfermode;

import android.graphics.Xfermode;

import android.graphics.PorterDuff.Mode;

import android.util.AttributeSet;

import android.util.Log;

import android.view.MotionEvent;

import android.view.View;

/**

* @author chenhanrong

*

*/

public class CCView extends View implements android.view.View.OnClickListener{

private Paint paint;

private float[] line_r,line_l,line_1,line_2,line_3,line_t;

// private float line1YL,line1YR,line2YL,line2YR,line3YL,line3YR;

public Context context;

private float radiu;

private boolean showPoint = false;

private boolean cmP1=false;

private boolean cmP2=false;

private boolean cmP3=false;

private boolean cmP4=false;

private boolean cmP5=false;

private boolean cmP6=false;

private boolean cmP7=false;

private boolean cmP8=false;

private boolean cmP9=false;

private boolean cmP10=false;

private boolean isfirst = true;

private boolean isMove = false;

public final static int D_LEFT =0;

public final static int D_RIGHT =1;

public final static int TYPE_MIN =0;

public final static int TYPE_MAX =1;

public CCView(Context context) {

this(context,null);

}

public CCView(Context context, AttributeSet attrs) {

this(context,attrs,0);

}

public CCView(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

this.context = context;

init();

}

/**

* 初始化控件

*/

private void init() {

paint = new Paint();

/**

* 去锯齿

*/

paint.setAntiAlias(true);

/**

* 设置paint的颜色

*/

paint.setColor(Color.RED);

/**

* 设置paint的 style

*/

paint.setStyle(Paint.Style.FILL);

/**

* 设置paint的外框宽度

*/

paint.setStrokeWidth(10);

setOnClickListener(this);

setOnTouchListener(new OnTouchListener() {

@Override

public boolean onTouch(View v, MotionEvent event) {

return false;

}

});

setLayerType(LAYER_TYPE_HARDWARE, paint);

radiu = 20f;

}

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

canvas.drawColor(0x00000000, PorterDuff.Mode.CLEAR);

// paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_OVER));

if(isfirst){

line_l = new float[]{getWidth()/4,getHeight()/4,getWidth()/8,getHeight()};

line_r = new float[]{3*getWidth()/4, getHeight()/4,7*getWidth()/8, getHeight()};

line_1 = new float[]{getPointX(line_l, line_l[1]*2f),line_l[1]*2f,getPointX(line_r, line_r[1]*2f), line_r[1]*2f};

line_2 = new float[]{getPointX(line_l, line_l[1]*2.5f), line_l[1]*2.5f, getPointX(line_r, line_r[1]*2.5f), line_r[1]*2.5f};

line_3 = new float[]{getPointX(line_l, line_l[1]*3f), line_l[1]*3f, getPointX(line_r, line_r[1]*3f), line_r[1]*3f};

isfirst = false;

}

int canvasWidth = canvas.getWidth();

int canvasHeight = canvas.getHeight();

int layerId = canvas.saveLayer(0, 0, canvasWidth, canvasHeight, null, Canvas.ALL_SAVE_FLAG);

// paint.setXfermode(new PorterDuffXfermode(Mode.DST_OVER));

line_t = new float[]{getPointX(line_l, line_l[1]), line_l[1], getPointX(line_r, line_r[1]), line_r[1]};

if(showPoint){

//四条横线

canvas.drawLines(line_t, paint);

paint.setPathEffect(new DashPathEffect(new float[] {20, 5}, 0));

canvas.drawLines(line_1, paint);

paint.setColor(Color.GREEN);

canvas.drawLines(line_2, paint);

paint.setColor(Color.YELLOW);

canvas.drawLines(line_3, paint);

paint.setColor(Color.RED);

paint.setPathEffect(null);

//左右两边线

canvas.drawLines(line_l, paint);

canvas.drawLines(line_r, paint);

//中间三条横线交点

canvas.drawCircle(line_1[0], line_1[1],radiu, paint);

canvas.drawCircle(line_1[2], line_1[3],radiu, paint);

paint.setColor(Color.GREEN);

canvas.drawCircle(line_2[0], line_2[1],radiu, paint);

canvas.drawCircle(line_2[2], line_2[3],radiu, paint);

paint.setColor(Color.YELLOW);

canvas.drawCircle(line_3[0], line_3[1],radiu, paint);

canvas.drawCircle(line_3[2], line_3[3],radiu, paint);

paint.setColor(Color.RED);

//左右四点

canvas.drawCircle(line_l[0], line_l[1],radiu, paint);

canvas.drawCircle(line_l[2], line_l[3],radiu, paint);

canvas.drawCircle(line_r[0], line_r[1],radiu, paint);

canvas.drawCircle(line_r[2], line_r[3],radiu, paint);

}else{

float lf=getDashLineLength(D_LEFT);

float rf=getDashLineLength(D_RIGHT);

canvas.drawLines(line_t, paint);

paint.setPathEffect(new DashPathEffect(new float[] {20, 5}, 0));

canvas.drawLine(line_1[0],line_1[1],lf,getPointY(line_1, lf), paint);

canvas.drawLine(rf,getPointY(line_1, rf),line_1[2],line_1[3], paint);

paint.setColor(Color.GREEN);

canvas.drawLine(line_2[0],line_2[1],lf,getPointY(line_2, lf), paint);

canvas.drawLine(rf,getPointY(line_2, rf),line_2[2],line_2[3], paint);

paint.setColor(Color.YELLOW);

canvas.drawLine(line_3[0],line_3[1],lf,getPointY(line_3, lf), paint);

canvas.drawLine(rf,getPointY(line_3, rf),line_3[2],line_3[3], paint);

paint.setPathEffect(null);

paint.setColor(Color.RED);

//左右两边线

canvas.drawLines(line_l, paint);

canvas.drawLines(line_r, paint);

canvas.drawCircle(line_l[0], line_l[1],paint.getStrokeWidth()/2, paint);

canvas.drawCircle(line_r[0], line_r[1],paint.getStrokeWidth()/2, paint);

}

// paint.setStyle(Paint.Style.STROKE);

paint.setColor(Color.RED);

paint.setPathEffect(null);

paint.setXfermode(null);

canvas.restoreToCount(layerId);

}

/**

* 获取坐标x

* @param line 直线坐标系

* @param y y点

* @return

*/

private float getPointX(float[] line,float y){

float x = 0;

// Log.d("chr", "line====>"+line.length+":::y====>"+y);

float x1 = line[0];

float y1 = line[1];

float x2 = line[2];

float y2 = line[3];

x = ((y-y1)/(y2-y1))*(x2-x1)+x1;

return x;

}

/**

* 获取坐标y

* @param line:直线坐标系

* @param x:x点

* @return

*/

private float getPointY(float[] line,float x){

float y = 0;

// Log.d("chr", "line====>"+line.length+":::y====>"+y);

float x1 = line[0];

float y1 = line[1];

float x2 = line[2];

float y2 = line[3];

y = ((x-x1)/(x2-x1))*(y2-y1)+y1;

return y;

}

/**

* 获取点应该移动到的Y坐标

* @param line:线段坐标

* @param y:滑动时的y坐标

* @return

*/

private float getMoveY(float[] line,float y){

if(y<=line[1]+ radiu){

y=line[1]+radiu*2.0f;

}

if(y>=line[3]-radiu*2.0f){

y=line[3]-radiu*2.0f;

}

return y;

}

/**

*

* @param direction 获取虚线长度

* @return

*/

private float getDashLineLength(int direction){

float length = 0;

int a = 20;

switch (direction) {

case D_LEFT:

length = line_t[0]+(line_t[2]-line_t[0])/a;

break;

case D_RIGHT:

length = line_t[0]+(a-1)*(line_t[2]-line_t[0])/a;

break;

}

return length;

}

/**

* 获取最小值

* @return

*/

private float getMinPoint(float point[]){

float min = point[0];

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

if(min>point[i]){

min=point[i];

}

}

return min;

}

/**

* 获取最大值

* @return

*/

private float getMaxPoint(float point[]){

float max = point[0];

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

if(max<point[i]){

max=point[i];

}

}

return max;

}

/**

* 获取y轴限制点

* @param point

* @param y

* @param type

* @return

*/

private float getLimtMoveY(float point[],float y,int type){

if(type == TYPE_MIN){

float limt = getMinPoint(point);

if(y>limt-radiu*2.0f){

y = limt-radiu*2.0f;

}

}

if(type == TYPE_MAX){

float limt2 = getMaxPoint(point);

if(y<limt2+radiu*2.0f){

y = limt2+radiu*2.0f;

}

}

return y;

}

public void proofView(int direction){

switch (direction) {

case D_LEFT:

line_1[3] = line_1[1];

line_1[2] = getPointX(line_r, line_1[1]);

line_2[3] = line_2[1];

line_2[2] = getPointX(line_r, line_2[1]);

line_3[3] = line_3[1];

line_3[2] = getPointX(line_r, line_3[1]);

break;

case D_RIGHT:

line_1[1] = line_1[3];

line_1[0] = getPointX(line_l, line_1[3]);

line_2[1] = line_2[3];

line_2[0] = getPointX(line_l, line_2[3]);

line_3[1] = line_3[3];

line_3[0] = getPointX(line_l, line_3[3]);

break;

}

invalidate();

}

@Override

public boolean onTouchEvent(MotionEvent event) {

// TODO Auto-generated method stub

float x =event.getX();

float y =event.getY();

switch (event.getAction()) {

case MotionEvent.ACTION_DOWN:

if(showPoint){

isMove = false;

Log.d("chr", "MotionEvent.ACTION_DOWN::x====>"+x+"::::y===>"+y);

if(x<=(line_l[0]+radiu*2.0f)

&& x>=(line_l[0]-radiu*2.0f)

&& y>=(line_l[1]-radiu*2.0f)

&&y<=(line_l[1]+radiu*2.0f)){

cmP1 = true;

}

else if(x<=(line_r[0]+radiu*2.0f)

&& x>=(line_r[0]-radiu*2.0f)

&& y>=(line_r[1]-radiu*2.0f)

&&y<=(line_r[1]+radiu*2.0f)){

cmP2 = true;

}else if(x<=(line_l[2]+radiu*2.0f )

&& x>=(line_l[2]-radiu*2.0f)

&& y>=(line_l[3]-radiu*2.0f)

&&y<=(line_l[3]+radiu*2.0f)){

cmP3 = true;

}else if(x<=(line_r[2]+radiu*2.0f )

&& x>=(line_r[2]-radiu*2.0f)

&& y>=(line_r[3]-radiu*2.0f)

&&y<=(line_r[3]+radiu*2.0f)){

cmP4 = true;

}else if(x<=(line_1[0]+radiu*2.0f )

&& x>=(line_1[0]-radiu*2.0f)

&& y>=(line_1[1]-radiu*2.0f)

&&y<=(line_1[1]+radiu*2.0f)){

cmP5 = true;

}else if(x<=(line_1[2]+radiu*2.0f )

&& x>=(line_1[2]-radiu*2.0f)

&& y>=(line_1[3]-radiu*2.0f)

&&y<=(line_1[3]+radiu*2.0f)){

cmP6 = true;

}else if(x<=(line_2[0]+radiu*2.0f )

&& x>=(line_2[0]-radiu*2.0f)

&& y>=(line_2[1]-radiu*2.0f)

&&y<=(line_2[1]+radiu*2.0f)){

cmP7 = true;

}else if(x<=(line_2[2]+radiu*2.0f)

&& x>=(line_2[2]-radiu*2.0f)

&& y>=(line_2[3]-radiu*2.0f)

&&y<=(line_2[3]+radiu*2.0f)){

cmP8 = true;

}else if(x<=(line_3[0]+radiu *2.0f)

&& x>=(line_3[0]-radiu*2.0f)

&& y>=(line_3[1]-radiu*2.0f)

&&y<=(line_3[1]+radiu*2.0f)){

cmP9 = true;

}else if(x<=(line_3[2]+radiu*2.0f )

&& x>=(line_3[2]-radiu*2.0f)

&& y>=(line_3[3]-radiu*2.0f)

&&y<=(line_3[3]+radiu*2.0f)){

cmP10 = true;

}

}

break;

case MotionEvent.ACTION_MOVE:

float[] point_L = new float[]{line_1[1],line_2[1],line_3[1]};

float[] point_R = new float[]{line_1[3],line_2[3],line_3[3]};

if(cmP1){

isMove = true;

line_l[0] =x;

line_l[1] =getLimtMoveY(point_L, y, TYPE_MIN);

line_1[0]= getPointX(line_l,line_1[1]);

line_2[0]= getPointX(line_l,line_2[1]);

line_3[0]= getPointX(line_l,line_3[1]);

}else if(cmP2){

isMove = true;

line_r[0] = x;

line_r[1] = getLimtMoveY(point_R, y, TYPE_MIN);

line_1[2]= getPointX(line_r,line_1[3]);

line_2[2]= getPointX(line_r,line_2[3]);

line_3[2]= getPointX(line_r,line_3[3]);

}else if(cmP3){

isMove = true;

line_l[2] =x;

line_l[3] =getLimtMoveY(point_L, y, TYPE_MAX);

line_1[0]= getPointX(line_l,line_1[1]);

line_2[0]= getPointX(line_l,line_2[1]);

line_3[0]= getPointX(line_l,line_3[1]);

}else if(cmP4){

isMove = true;

line_r[2] = x;

line_r[3] = getLimtMoveY(point_R, y, TYPE_MAX);

line_1[2]= getPointX(line_r,line_1[3]);

line_2[2]= getPointX(line_r,line_2[3]);

line_3[2]= getPointX(line_r,line_3[3]);

}else if(cmP5){

isMove = true;

y=getMoveY(line_l,y);

line_1[0]= getPointX(line_l, y);

line_1[1]= y;

}else if(cmP6){

isMove = true;

y=getMoveY(line_r,y);

line_1[2]= getPointX(line_r, y);

line_1[3]= y;

}else if(cmP7){

isMove = true;

y=getMoveY(line_l,y);

line_2[0]= getPointX(line_l, y);

line_2[1]= y;

}else if(cmP8){

isMove = true;

y=getMoveY(line_r,y);

line_2[2]= getPointX(line_r, y);

line_2[3]= y;

}else if(cmP9){

isMove = true;

y=getMoveY(line_l,y);

line_3[0]= getPointX(line_l, y);

line_3[1]= y;

}else if(cmP10){

isMove = true;

y=getMoveY(line_r,y);

line_3[2]= getPointX(line_r, y);

line_3[3]= y;

}

invalidate();

break;

case MotionEvent.ACTION_UP:

cmP1= false;

cmP2= false;

cmP3= false;

cmP4= false;

cmP5= false;

cmP6= false;

cmP7= false;

cmP8= false;

cmP9= false;

cmP10= false;

if(!isMove)

showPoint = !showPoint;

invalidate();

break;

}

return super.onTouchEvent(event);

}

@Override

public void onClick(View v) {

}

}

以上是 Android自定义view实现车载可调整轨迹线 的全部内容, 来源链接: utcz.com/z/336331.html

回到顶部