怎么在Android中利用贝塞尔曲线实现手指轨迹

发布时间:2021-05-24 18:20:23 作者:Leah
来源:亿速云 阅读:254

本篇文章给大家分享的是有关怎么在Android中利用贝塞尔曲线实现手指轨迹,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

1、使用贝塞尔曲线前

MyView.java

public class MyView extends View {

 // 实例一个路径对象
 private Path mPath = new Path();

 public MyView(Context context) {
  super(context);
  // TODO Auto-generated constructor stub
 }

 public MyView(Context context, AttributeSet attrs) {
  super(context, attrs);
 }

 @Override
 public boolean onTouchEvent(MotionEvent event) {
  // TODO Auto-generated method stub
  switch (event.getAction()) {
  // 按下
  case MotionEvent.ACTION_DOWN:
   //getX()和getY()获得的永远是相对view的触摸位置坐标
   mPath.moveTo(event.getX(), event.getY());
   // return true表示当前控件已经消费了下按动作,
   // 之后的ACTION_MOVE、ACTION_UP动作也会继续传递到当前控件中
   return true;
   // 移动
  case MotionEvent.ACTION_MOVE:
   mPath.lineTo(event.getX(), event.getY());
   // postInvalidate用来重绘控件,在非UI线程中使用
   postInvalidate();
  default:
   break;
  }
  return super.onTouchEvent(event);
 }

 @Override
 protected void onDraw(Canvas canvas) {
  // TODO Auto-generated method stub
  super.onDraw(canvas);
  // 实例一个画笔并设置画笔样式
  Paint paint = new Paint();
  paint.setColor(Color.RED);
  paint.setStyle(Paint.Style.STROKE);// 填充样式改为描边
  // 路径和画笔联合绘制成图形
  canvas.drawPath(mPath, paint);
 }

 public void reset() {
  // 清除掉path里的线条和曲线,但是不会改变它的fill-type
  mPath.reset();
  //刷新View,清屏
  invalidate();
 }
}

MyActivity.java

public class MyActivity extends Activity {
 MyView myView;
 Button reset;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  // TODO Auto-generated method stub
  super.onCreate(savedInstanceState);
  setContentView(R.layout.gesture);
  myView = (MyView) findViewById(R.id.myView);
  reset = (Button) findViewById(R.id.reset);
  reset.setOnClickListener(new OnClickListener() {

   @Override
   public void onClick(View v) {
    // TODO Auto-generated method stub
    myView.reset();
   }
  });
 }

}

gesture.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:orientation="vertical" >
 <Button
  android:id="@+id/reset"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:text="reset" />
 <com.example.gesture.MyView
  android:id="@+id/myView"
  android:layout_width="match_parent"
  android:layout_height="match_parent" />
</LinearLayout>

运行效果(不够顺滑)

怎么在Android中利用贝塞尔曲线实现手指轨迹

2、使用贝塞尔曲线后

将上面函数lineTo()改为quadTo()

public class MySecondView extends View {
 private Path mPath=new Path();
 private float mPreX,mPreY;

 public MySecondView(Context context) {
  super(context);
 }

 public MySecondView(Context context, AttributeSet attrs) {
  super(context, attrs);
  // TODO Auto-generated constructor stub
 }

 @Override
 public boolean onTouchEvent(MotionEvent event) {
  // TODO Auto-generated method stub
  switch (event.getAction()) {
  case MotionEvent.ACTION_DOWN:
   //将Path的初始位置设置到手指的触点处
    mPath.moveTo(event.getX(), event.getY());
    mPreX=event.getX();
    mPreY=event.getY();
    return true;
  case MotionEvent.ACTION_MOVE:
   float endX=(mPreX+event.getX())/2;
   float endY=(mPreY+event.getY())/2;
   //quadTo前两个参数是控制点,后两个是终点
   mPath.quadTo(mPreX, mPreY, endX, endY);
   mPreX=event.getX();
   mPreY=event.getY();
   invalidate();
  default:
   break;
  }
  return super.onTouchEvent(event);
 }
  @Override 
  protected void onDraw(Canvas canvas) { 
   super.onDraw(canvas); 
   Paint paint = new Paint(); 
   paint.setStyle(Paint.Style.STROKE); 
   paint.setColor(Color.RED); 
   paint.setStrokeWidth(2); 
   canvas.drawPath(mPath,paint); 
  } 

  public void reset(){ 
   mPath.reset(); 
   postInvalidate(); 
  } 

}

Android是什么

Android是一种基于Linux内核的自由及开放源代码的操作系统,主要使用于移动设备,如智能手机和平板电脑,由美国Google公司和开放手机联盟领导及开发。

以上就是怎么在Android中利用贝塞尔曲线实现手指轨迹,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注亿速云行业资讯频道。

推荐阅读:
  1. 怎么在android中利用贝塞尔曲线实现波浪效果
  2. 怎么在Android中通过自定义视图实现手指移动轨迹

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

android 贝塞尔曲线

上一篇:怎么在Android中通过自定义View实现公交成轨迹图

下一篇:如何在flutter 中使用TextField输入框组件

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》