TouchDelegate是个挺有意思的小玩意,它可以帮助我们让某个控件处理比它实际占用空间更大的触摸消息。
之前,我曾经看到过一个app,上面有一个小图标共用户拖动操作,因为图标太小,经常点不到,当时我想到的处理方案是把图标改大,这样多少会导致UI发生变化。现在借助TouchDelegate我可以更方便的修正这个bug,并且无需改动UI。
使用TouchDelegate的方法是
1. 构造TouchDelegate实例delegate,参数为需要修改作用范围的控件view1和增大后的rect。
2. 在view1的祖先控件view2上设定delegate。
需要注意的是,如果touch事件被view2或者view2的某个子控件消耗掉了,那么delegate就无法起效了。原因的话,描述起来篇幅过长,请自行参考Android的消息分派机制(google可以找到很多资料)。
使用demo如下:
activity_main.xml:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
tools:context=".MainActivity"
android:id="@+id/parent">
<LinearLayout
android:id="@+id/child"
android:layout_height="200dp"
android:layout_width="match_parent"
android:orientation="vertical"
android:background="#00ff00"></LinearLayout>
</RelativeLayout>
MainActivity.java:
package com.example.touchdelegatepro;
import android.graphics.Rect;
import android.os.Bundle;
import android.app.Activity;
import android.util.Log;
import android.view.Menu;
import android.view.MotionEvent;
import android.view.TouchDelegate;
import android.view.View;
public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
final View child = findViewById(R.id.child);
final View parent = findViewById(R.id.parent);
parent.post(new Runnable() {
@Override
public void run() {
Rect rc = new Rect();
child.getHitRect(rc); //如果直接在oncreate函数中执行本函数,会获取rect失败,因为此时UI界面尚未开始绘制,无法获得正确的坐标
rc.bottom += 150;
parent.setTouchDelegate(new TouchDelegate(rc, child));
}
});
child.setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View view, MotionEvent motionEvent) {
Log.i("ray", String.format("action=%d, x:%f,y=%f", motionEvent.getAction(), motionEvent.getX(), motionEvent.getY()));
if(motionEvent.getAction()== MotionEvent.ACTION_DOWN){
return true;
}else{
return false;
}
}
});
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
}