Para conseguir detectar o movimento de swipe por cima dos botões ou de qualquer outra view, sem que ter que implementar essa lógica em cada uma das views, temos de encontrar um modo de interceptar esse movimento antes delas.
A classe ViewGroup tem o método onInterceptTouchEvent() que, quando implementado, permite interceptar os MotionEvent que são enviados às views filhas.
Se o método retornar true
, o MotionEvent será passado ao método onTouchEvent()
da ViewGroup, caso contrario, é passado ao onTouchEvent()
da view onde ocorreu o evento.
Teremos então de escrever uma classe que herde de um ViewGroup(no caso FrameLayout) e implemente os métodos onInterceptTouchEvent()
e onTouchEvent()
de forma a tratar o movimento de Swipe.
public class SwipeInterceptor extends FrameLayout {
public interface OnSwipeListener{
public void onSwipeLeft();
public void onSwipeRight();
}
private OnSwipeListener mSwipeListener;
private int mTouchSlop;
private boolean mIsDragged;
private float mLastX;
private float mLastY;
private float mStartX;
private float mDeltaXTotal = 0;
public SwipeInterceptor(Context context, AttributeSet attrs) {
super(context, attrs);
setTouchSlop(context);
}
//Api level 21 ou superior
/* public SwipeInterceptor(Context context, AttributeSet attrs,
int defStyleAttr, int defStyleRes) {
super(context, attrs, defStyleAttr, defStyleRes);
setTouchSlop(context);
}*/
public SwipeInterceptor(Context context, AttributeSet attrs,
int defStyleAttr) {
super(context, attrs, defStyleAttr);
setTouchSlop(context);
}
public SwipeInterceptor(Context context) {
super(context);
setTouchSlop(context);
}
public void setOnSwipeListenner(OnSwipeListener listener) {
mSwipeListener = listener;
}
private void setTouchSlop(Context context){
ViewConfiguration vc = ViewConfiguration.get(context);
mTouchSlop = vc.getScaledTouchSlop();
}
@Override
public boolean onInterceptTouchEvent(MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
mLastX = event.getX();
mLastY = event.getY();
mStartX = mLastX;
break;
case MotionEvent.ACTION_CANCEL:
case MotionEvent.ACTION_UP:
mIsDragged = false;
break;
case MotionEvent.ACTION_MOVE:
float x = event.getX();
float y = event.getY();
float xDelta = Math.abs(x - mLastX);
float yDelta = Math.abs(y - mLastY);
float xDeltaTotal = x - mStartX;
if (xDelta > yDelta && Math.abs(xDeltaTotal) > mTouchSlop) {
mIsDragged = true;
mStartX = x;
return true;
}
break;
}
return false;
}
@Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_CANCEL:
case MotionEvent.ACTION_UP:
if (mIsDragged && mSwipeListener != null) {
if(mDeltaXTotal > 0)
mSwipeListener.onSwipeRight();
else mSwipeListener.onSwipeLeft();
}
mIsDragged = false;
mDeltaXTotal = 0;
break;
case MotionEvent.ACTION_MOVE:
float x = event.getX();
float y = event.getY();
float xDelta = Math.abs(x - mLastX);
float yDelta = Math.abs(y - mLastY);
mDeltaXTotal = x - mStartX;
if (!mIsDragged && xDelta > yDelta && Math.abs(mDeltaXTotal) > mTouchSlop) {
mIsDragged = true;
mStartX = x;
mDeltaXTotal = 0;
}
mLastX = x;
mLastY = y;
break;
}
return true;
}
}
Como se pode verificar o método onInterceptTouchEvent()
só retorna true
no caso de MotionEvent.ACTION_MOVE
, pois é apenas esse o movimento que queremos interceptar.
Todo o código se resume a alguma matemática para saber se o movimento feito deve ser considerado como um Swipe e qual a sua direcção.
A classe declara a interface OnSwipeListener
com os métodos onSwipeLeft()
e onSwipeRight()
que serão chamados quando esses movimentos forem detectados.
A classe que os implementar deve ser registrada através do método setOnSwipeListenner()
.
Implementação
A implementação passa por, primeiro colocar o seu layout dentro do nosso FrameLayout
<nome_da_sua_package.SwipeInterceptor 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:id="@+id/swipe">
<!-- coloque aqui o seu layout -->
</nome_da_sua_package.SwipeInterceptor>
e depois, implementar a interface OnSwipeListener
.
Uma das formas possíveis é fazer a sua Activity implementá-la:
public class MainActivity extends Activity implements OnSwipeListener{
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//Obtém a referência ao SwipeInterceptor.
SwipeInterceptor swipe = (SwipeInterceptor)findViewById(R.id.swipe);
//Registra a nossa Activity para receber os eventos onSwipeLeft e onSwipeRight
swipe.setOnSwipeListenner(this);
}
// Declaração dos métodos da interface OnSwipeListener
@Override
public void onSwipeLeft() {
Toast.makeText(MainActivity.this, "Swipe Left", Toast.LENGTH_SHORT).show();
}
@Override
public void onSwipeRight() {
Toast.makeText(MainActivity.this, "Swipe Right", Toast.LENGTH_SHORT).show();
}
}
Fonte de inspiração: Documentação do Android e este artigo.