Android自定義視圖實現(xiàn)手指移動軌跡
今天看了大神寫的關(guān)于貝塞爾曲線的博客，就寫下了關(guān)于手指軌跡的一篇博客，
一、什么是貝塞爾曲線
貝塞爾曲線(Bézier curve)，又稱貝茲曲線或貝濟(jì)埃曲線，是應(yīng)用于二維圖形應(yīng)用程序的數(shù)學(xué)曲線。一般的矢量圖形軟件通過它來精確畫出曲線，貝茲曲線由線段與節(jié)點組成，節(jié)點是可拖動的支點，線段像可伸縮的皮筋，我們在繪圖工具上看到的鋼筆工具就是來做這種矢量曲線的。貝塞爾曲線是計算機(jī)圖形學(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)文章
Kotlin學(xué)習(xí)教程之協(xié)程Coroutine
這篇文章主要給大家介紹了關(guān)于Kotlin學(xué)習(xí)教程之協(xié)程Coroutine的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-05-05
Android開發(fā)筆記 Handler使用總結(jié)
當(dāng)應(yīng)用程序啟動時，Android首先會開啟一個主線程(也就是UI線程)，主線程為管理界面中的UI控件，進(jìn)行事件分發(fā)2012-11-11
Android ViewPager實現(xiàn)左右滑動的實例
這篇文章主要介紹了Android ViewPager實現(xiàn)左右滑動的實例的相關(guān)資料,這里提供實現(xiàn)代碼實現(xiàn)左右滑動的功能，希望能幫助到大家，需要的朋友可以參考下2017-08-08
Android中使用的定時針(刷新頁面請求服務(wù)器)詳解
這篇文章主要介紹了Android中使用的定時針(刷新頁面請求服務(wù)器)詳解的相關(guān)資料,需要的朋友可以參考下2016-12-12
Android開發(fā)中ViewPager實現(xiàn)多頁面切換效果
ViewPager用于實現(xiàn)多頁面的切換效果，該類存在于Google的兼容包里面，所以在引用時記得在BuilldPath中加入“Android-support-v4.jar”。具體詳情大家可以參考下本文2016-11-11
這篇文章主要介紹了解決django 多個APP時 static文件的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-03-03
這篇文章主要介紹了Android中App的啟動界面Splash的編寫方法,需要的朋友可以參考下2016-02-02
Flutter實現(xiàn)軟鍵盤與其它區(qū)域絲滑切換效果
這篇文章主要為大家詳細(xì)介紹了如何使用Flutter實現(xiàn)軟鍵盤與其它區(qū)域絲滑切換效果,文中的示例代碼講解詳細(xì),需要的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-03-03
Android4.0.x Home鍵事件攔截監(jiān)聽的方法
這篇文章主要介紹了Android4.0.x Home鍵事件攔截監(jiān)聽的方法,對比分析了2.3.x的實現(xiàn)方法,分析了4.0.x實現(xiàn)Home鍵事件攔截監(jiān)聽的相關(guān)技巧,需要的朋友可以參考下2016-02-02
本文通過實例代碼給大家講解了Android 隱藏底部虛擬鍵的兩種方法，非常不錯，具有一定的參考借鑒價值，需要的朋友參考下吧2018-07-07