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) {
 }

}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。