这篇文章给大家分享的是有关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实现车载可调整轨迹线”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!