欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Android自定義視圖實現(xiàn)手指移動軌跡

 更新時間：2019年06月01日 12:05:12   作者：om燦  
這篇文章主要為大家詳細(xì)介紹了Android自定義視圖實現(xiàn)手指移動軌跡，具有一定的參考價值，感興趣的小伙伴們可以參考一下

今天看了大神寫的關(guān)于貝塞爾曲線的博客，就寫下了關(guān)于手指軌跡的一篇博客，

一、什么是貝塞爾曲線

貝塞爾曲線(Bézier curve)，又稱貝茲曲線或貝濟(jì)埃曲線，是應(yīng)用于二維圖形應(yīng)用程序的數(shù)學(xué)曲線。一般的矢量圖形軟件通過它來精確畫出曲線，貝茲曲線由線段與節(jié)點組成，節(jié)點是可拖動的支點，線段像可伸縮的皮筋，我們在繪圖工具上看到的鋼筆工具就是來做這種矢量曲線的。貝塞爾曲線是計算機圖形學(xué)中相當(dāng)重要的參數(shù)曲線，在一些比較成熟的位圖軟件中也有貝塞爾曲線工具，如PhotoShop等。

二、貝塞爾曲線公式

三、手指軌跡原理

因為這個我們用的是自定義控件，所以我們創(chuàng)建一個finger的類集成View，重寫onDraw  onTouchEvent這個兩個方法

public finger(Context context, @Nullable AttributeSet attrs)需要這個構(gòu)造方法

其實手指軌跡的原理也很簡單，就是通過onTouchEvent來獲取道手指的位置，來繪制path路徑即可。

四、分析代碼

這里我先寫出全部的代碼，后面我再來一一分析代碼的作用：

全部代碼：

package com.campus.shopping.drawtext;
 
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
 
/**
 * Created by sang on 2018/6/24.
 */
 
public class MyView extends View {
 
 private Path mPath = new Path();
 private float mPreX,mPreY;
 
 public MyView(Context context, @Nullable AttributeSet attrs) {
  super(context, attrs);
 }
 
 @Override
 public boolean onTouchEvent(MotionEvent event) {
  switch (event.getAction()) {
   case MotionEvent.ACTION_DOWN: {
    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;
    mPath.quadTo(mPreX,mPreY,endX,endY);
    mPreX = event.getX();
    mPreY = event.getY();
    invalidate();
    break;
   default:
    break;
  }
  return super.onTouchEvent(event);
 }
 
 public void reset(){
  mPath.reset();
  invalidate();
 }
 
 @Override
 protected void onDraw(Canvas canvas) {
  super.onDraw(canvas);
  Paint paint = new Paint();
  paint.setColor(Color.WHITE);
  paint.setStyle(Paint.Style.STROKE);
 
  canvas.drawPath(mPath, paint);
 }
}

onTouchEvent方法：

public boolean onTouchEvent(MotionEvent event) {
  switch (event.getAction()) {
   case MotionEvent.ACTION_DOWN: {
    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;
    mPath.quadTo(mPreX,mPreY,endX,endY);
    mPreX = event.getX();
    mPreY = event.getY();
    invalidate();
    break;
   default:
    break;
  }
  return super.onTouchEvent(event);
 }

當(dāng)手指按下觸發(fā)了ACTION_DOWN時，這里我通過moveTo的方法繪制了第一個點，這個必須使用moveTo，因為如果不使用這個這個點將會在（0，0）開始，最后我們回去到xy點作為控制點，最后使用返回 真的方式讓ACTION_MOVE,ACTION_UP事件往這個控件繼續(xù)傳遞事件。

再來看當(dāng)觸發(fā)ACTION_MOVE時，因為貝塞爾曲線是由線段構(gòu)成的，結(jié)束點時在線段的中間的位置，所以這里的計算方法是（起點+最后的點）/2就可以得到中間的點.

使用方式：

<com.campus.shopping.drawtext.finger
 android:id="@+id/viewmy"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent" />

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論