怎么在Android中自定義view實現車載可調整軌跡線

本篇文章為大家展示了怎么在Android中自定義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實現車載可調整軌跡線，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業資訊頻道。