出处:
炎之铠邮箱:[email protected]
博客地址:http://blog.csdn.net/totond
本文原创,转载请注明本出处!
本项目GitHub地址:https://github.com/totond/GestureTest
前言
现在很多全屏的视频播放器现在都有这样的功能:左边上下滑动调节亮度,右边上下滑动调节音量,左右滑动调节快进快退,双击控制暂停播放。实现这样的功能并不难,本文分享一下实现经验。
实现
本实现采用GestureDetector来处理输入的手势,它的介绍可以看我的GestureDetector全面分析,在这里就不详细讲它的用法了。对于GestureDetector的回调,我们还要把它封装才能区分出那些上下左右的手势,所以这里继承一个RelativeLayout来封装它们。下面只介绍了具体实现思路,想开具体细节的可以进入demo查看。
对GestureDetector的封装
主要是把onScroll()滑动回调分成3个部分:音量、手势和快进快退,所以最后开放给外部的接口是这样的:
/** * 用于提供给外部实现的视频手势处理接口 */
public interface VideoGestureListener {
//亮度手势,手指在Layout左半部上下滑动时候调用
public void onBrightnessGesture(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY);
//音量手势,手指在Layout右半部上下滑动时候调用
public void onVolumeGesture(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY);
//快进快退手势,手指在Layout左右滑动的时候调用
public void onFF_REWGesture(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY);
//单击手势,确认是单击的时候调用
public void onSingleTapGesture(MotionEvent e);
//双击手势,确认是双击的时候调用
public void onDoubleTapGesture(MotionEvent e);
//按下手势,第一根手指按下时候调用
public void onDown(MotionEvent e);
//快进快退执行后的松开时候调用
public void onEndFF_REW(MotionEvent e);
}
为了给onScroll()分成3个部分,这里采用一个小小的状态模式,给它定义4个状态:NONE,VOLUME,BRIGHTNESS,FF_REW。只有NONE状态才能进入其他状态,其它状态一旦进入了不可切换,这样就保证了用户划着音量的时候不会突然就平移就改变了进度:
public class VideoPlayerOnGestureListener extends GestureDetector.SimpleOnGestureListener {
//...
@Override
public boolean onDown(MotionEvent e) {
Log.d(TAG, "onDown: ");
//每次按下都重置为NONE
mScrollMode = NONE;
if (mVideoGestureListener != null) {
mVideoGestureListener.onDown(e);
}
return true;
}
@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
Log.d(TAG, "onScroll: e1:" + e1.getX() + "," + e1.getY());
Log.d(TAG, "onScroll: e2:" + e2.getX() + "," + e2.getY());
Log.d(TAG, "onScroll: X:" + distanceX + " Y:" + distanceY);
switch (mScrollMode) {
case NONE:
Log.d(TAG, "NONE: ");
//offset是让快进快退不要那么敏感的值
if (Math.abs(distanceX) - Math.abs(distanceY) > offsetX) {
mScrollMode = FF_REW;
} else {
if (e1.getX() < getWidth() /