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

}

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

(0)

相关推荐

  • Android中SurfaceView和view画出触摸轨迹

    一.引言          想实现一个空白的画板,上面可以画出手滑动的轨迹,就这么一个小需求.一般就来讲就两种实现方式,view或者surfaceview.下面看看两种是如何实现的. 二.实现原理          先简单说一下实现原理:        (1)用一张白色的Bitmap作为画板        (2)用canvas在bitmap上画线        (3)为了画出平滑的曲线,要用canvas的drawPath(Path,Paint)方法.        (4)同时使用贝塞尔曲线来使曲

  • Android自定义View实现公交成轨迹图

    本文实例为大家分享了Android自定义View实现公交成轨迹图的具体代码,供大家参考,具体内容如下 总体分析下:水平方向recyclewview,item包含定位点,站台位置和站台名称. 下面看实现: 1.继承framelayout,实现构造方法: public class BusStopPlateView extends FrameLayout { ... public BusStopPlateView(@NonNull Context context) { super(context);

  • 解决Android SurfaceView绘制触摸轨迹闪烁问题的方法

    本文分享了解决SurfaceView触摸轨迹闪烁问题的方法,供大家参考,具体内容如下 第一种解决SurfaceView触摸轨迹闪烁问题的方法: 由于SurfaceView使用双缓存机制,两张画布轮流显示到屏幕上.那么,要存储触摸轨迹并避免两张画布内容不一致造成的闪烁问题,完全可以利用保存绘制过程并不断重新绘制的方法解决闪烁,而且这样还顺带解决了多次试验中偶尔出现的因为moveTo()函数不能读取到参数执行默认设置(参数设为上次的触摸点)而出现的断线连接闪烁问题,详细代码如下: package c

  • 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.

  • Android自定义view实现阻尼效果的加载动画

    效果: 需要知识: 1. 二次贝塞尔曲线 2. 动画知识 3. 基础自定义view知识 先来解释下什么叫阻尼运动 阻尼振动是指,由于振动系统受到摩擦和介质阻力或其他能耗而使振幅随时间逐渐衰减的振动,又称减幅振动.衰减振动.[1] 不论是弹簧振子还是单摆由于外界的摩擦和介质阻力总是存在,在振动过程中要不断克服外界阻力做功,消耗能量,振幅就会逐渐减小,经过一段时间,振动就会完全停下来.这种振幅随时间减小的振动称为阻尼振动.因为振幅与振动的能量有关,阻尼振动也就是能量不断减少的振动.阻尼振动是非简谐运

  • Android自定义View实现支付宝支付成功-极速get花式Path炫酷动画

    本文手把手教你图片->SVG->Path的姿势.. 从此酷炫Path动画,如此简单. 效果先随便上几个图,以后你找到的图有多精彩,gif就有多精彩: 随便搜了一个铅笔画的图,丢进去 随手复制的二维码icon 来自大佬wing的铁塔 前文回顾 这里简单回顾一下前文,GIF如下图: PathAnimView接受的唯一数据源是Path(给我一个Path,还你一个动画View) 所以内置了几种将别的资源->Path的方法: 直接传string.(A-Z,0-9 "." &qu

  • Android 自定义View实现抽屉效果

    Android 自定义View实现抽屉效果 说明 这个自定义View,没有处理好多点触摸问题 View跟着手指移动,没有采用传统的scrollBy方法,而是通过不停地重新布局子View的方式,来使得子View产生滚动效果menuView.layout(menuLeft, 0, menuLeft + menuWidth, menuHeight); 相应的,由于没有使用scrollBy方法,就没有产生getScrollX值,所以不能通过Scroller的startScroll方法来完成手指离开后的平

  • Android自定义View实现打钩动画功能

    先上效果图 动图 静态图 1. 回顾 [Android自定义View:一个精致的打钩小动画]上一篇文章,我们已经实现了基本上实现了控件的效果了,但是...但是...过了三四天后,仔细看回自己写的代码,虽然思路还在,但是部分代码还是不能一下子的看得明白... 我的天,这得立马重构啊~ 恰好,有个简友 ChangQin 模仿写了一下这个控件,我看了后觉得我也可以这样实现一下. 2. 深思 关于控件绘制的思路,可以去看看 上一篇文章,这里就不再分析了.这里先来分析一下上一篇文章里面,控件里面的一些顽处

  • Android自定义view仿iOS弹出框效果

    本文实例为大家分享了Android自定义view仿iOS弹出框的具体代码,供大家参考,具体内容如下 运行效果图 自定义对话框的使用,仿照ios.从底部弹出,类似pop窗口.包括消息.图片.列表及对话框. 好了,用法都会,直接贴上代码 1.layout布局文件 view_actionsheet.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="ht

  • Android 自定义View实现多节点进度条功能

    前言 最近项目有一个节点进度条的小需求,完成后,想分享出来希望可以帮到有需要的同学. 真机效果图 自定义View完整代码 开箱即用~,注释已经炒鸡详细了 /** * @description: 节点进度条 * @author: DMingO * @date: 2020/4/15 */ public class PointProcessBar extends View { /** * 未选中时的连线画笔 */ private Paint mLinePaint; /** * 选中时的连线画笔 */

  • Android自定义view之3D正方体效果实例

    目录 前言 一.小提 二.将传感器改成事件分发机制 三.使用 四.源码 总结 前言 在之前写了一篇关于3D效果的文章,借助传感器展示,有小伙伴问可不可以改成手势滑动操作(事件分发),所以出一篇文章 传感器相关文章链接:Android 3D效果的实现 一.小提 相对于常见的自定义view而言,继承的GLSurfaceView只有两个构造函数.可以理解为没有提供获取自定义属性的方法. public TouchSurfaceView(Context context) { super(context);

  • Android自定义View实现竖向滑动回弹效果

    本文实例为大家分享了Android自定义View实现滑动回弹的具体代码,供大家参考,具体内容如下 前言 Android 页面滑动的时候的回弹效果 一.关键代码 public class UniversalBounceView extends FrameLayout implements IPull {       private static final String TAG = "UniversalBounceView";     //default.     private sta

  • Android自定义View实现随机数验证码

    目录 前言 效果 自定义 View 分类 步骤 1.自定义属性 2.添加构造方法 3.在构造里获取自定义样式 4.重写 onDraw 计算坐标绘制 5.重写 onMeasure 测量宽高 6.设置点击事件 总结 前言 本文面向自定义 view 新手,但是希望你最好有一定的理论知识,或基础概念,有的地方可能会一笔带过并不会细讲,细讲篇幅就太长了. 本文仿写自鸿洋的自定义View (一),尽管过去了将近快 7 年之久,我觉得依然有学习价值. 效果 自定义 View 分类 简单介绍一下自定义 View

随机推荐