1 思考
我是一個資深的Flash迷鲫咽，小學開始學習做動畫撮躁，本科時寫下了第一行ActionScript 3代碼永部。在Android開發(fā)中經(jīng)常遇到點擊區(qū)域太小的問題叉谜，我思考著能不能像ActionScirpt 3那樣給一個Sprite設置一個hitArea Sprite悟狱，所有在hitArea Sprite上的鼠標事件都會被傳遞到Sprite上理肺。
2 TouchDelegate
Android中可以通過對View的parent設置TouchDelegate來實現(xiàn)這個功能析蝴，但是必須在代碼中實現(xiàn)懂诗，且一個Parent最多只能有一個TouchDelegate蜓堕，非常不方便抛虏，靈活性也有欠缺。
3 Space + onTouchEvent
Android 4.0引入了Space作為省略繪圖功能的空白區(qū)域套才，它將自身設置為INVISIBLE迂猴，并且重寫了View的draw函數(shù)，所以Space比較輕量級背伴，代碼如下：
public final class Space extends View {
public Space(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
super(context, attrs, defStyleAttr, defStyleRes);
if (getVisibility() == VISIBLE) {
setVisibility(INVISIBLE);
}
}
/**
* Draw nothing.
*
* @param canvas an unused parameter.
*/
@Override
public void draw(Canvas canvas) {
}
...
}
在這個基礎上沸毁，我們重寫Space的onTouchEvent函數(shù)峰髓，同時為了接收到TouchEvent事件，把View設置為VISIBLE息尺，在接收到的事件時做一下坐標轉化并傳遞給目標View携兵，這樣就誕生了Hitarea。
4 如何做坐標的轉化搂誉？
我們知道Hitarea measure后的寬高徐紧，目標View measure后的寬高，利用這個寬高炭懊，生成一個scale矩陣并级，代碼如下：
private void updateTransformMatrix(HitareaDelegate delegate) {
if ( mTransformMatrix == null ){
mTransformMatrix = new Matrix();
}
View hitarea = delegate.getHitareaView();
float scaleX = mTargetView.getMeasuredWidth() * 1.0f / hitarea.getMeasuredWidth();
float scaleY = mTargetView.getMeasuredHeight() * 1.0f / hitarea.getMeasuredHeight();
mTransformMatrix.setScale(scaleX,scaleY);
}
隨后，對于Android4.0及以上的版本侮腹，MotionEvent有一個MotionEvent#transform方法可以直接完成坐標轉換嘲碧；對于4.0以下版本，用Matrix#mapPoints方法做坐標轉換父阻，然后用MotionEvent#setLocation設置新的坐標點愈涩，代碼如下：
private void transformMotionEvent(MotionEvent event){
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {
event.transform(mTransformMatrix);
} else {
if ( mPointSrc == null ){
mPointSrc = new float[2];
mPointDst = new float[2];
}
mPointSrc[0] = event.getX();
mPointSrc[1] = event.getY();
mTransformMatrix.mapPoints(mPointDst,mPointSrc);
event.setLocation(mPointDst[0],mPointDst[1]);
}
}
5 Demo
6 用法
6.1 引入庫
compile 'com.asha:hitarealib:0.1'
6.2 Hitarea
目標View和Hitarea可以是同級關系，對Hitarea指定app:targetId=@id/buttonTest即可：
<FrameLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<Button
android:id="@+id/buttonTest"
android:text="list view"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<com.asha.Hitarea
app:debug="true"
app:targetId="@id/buttonTest"
android:layout_width="match_parent"
android:layout_height="50dp" />
</FrameLayout>
也可以是比較深層次的關系：
<FrameLayout
android:layout_marginTop="5dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<com.asha.hitarea.DemoView
android:id="@+id/test"
android:background="#CCCCCC"
android:layout_width="200dp"
android:layout_height="70dp" />
</FrameLayout>
<com.asha.Hitarea
app:targetId="@id/test"
app:debug="true"
android:layout_width="match_parent"
android:layout_height="120dp" />
6.3 HitareaWrapper
有時候我們只需要對一個button增加點擊區(qū)域至非，但是父容器是LinaerLayout的情況下非常難把Hitarea區(qū)域與目標View重合钠署，這個時候可以使用HitareaWrapper。HitareaWrapper繼承自RelativeLayout荒椭，布局上靈活自如谐鼎。HitareaWrapper默認會選擇子View中的第一個View作為目標View，用法如下：
<com.asha.HitareaWrapper
app:debug="true"
android:layout_marginTop="5dp"
android:layout_width="200dp"
android:layout_height="200dp">
<com.asha.hitarea.DemoView
android:layout_gravity="center"
android:background="#CCCCCC"
android:layout_width="100dp"
android:layout_height="100dp" />
</com.asha.HitareaWrapper>
當然也可以在HitareaWrapper中包含多個View趣惠，它會尋找所有子View中tag值為@string/tag_hitarea的View作為目標View狸棍，用法如下：
<com.asha.HitareaWrapper
app:debug="true"
android:layout_marginTop="5dp"
android:layout_width="200dp"
android:layout_height="200dp">
<com.asha.hitarea.DemoView
android:tag="@string/tag_hitarea"
android:layout_gravity="center"
android:background="#CCCCCC"
android:layout_width="100dp"
android:layout_height="100dp" />
<Button
android:text="other"
android:layout_alignParentRight="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</com.asha.HitareaWrapper>
6.4 Debug Mode
com.asha.Hitarea和com.asha.HitareaWrapper都有一個屬性app:debug，如果設置為true味悄，運行時會繪制出Hitarea區(qū)域草戈，方便調(diào)試。
7 Github
https://github.com/ashqal/Hitarea
這個庫非常簡單侍瑟，但是希望對大家有所幫助_
