滚动视图触摸处理中的HorizontalScrollView

Question

滚动视图触摸处理中的HorizontalScrollView

我有一个滚动视图围绕我的整个布局，使整个屏幕是可滚动的。我在这个ScrollView中拥有的第一个元素是HorizontalScrollView块，它具有可以水平滚动的功能。我在水平滚动视图中添加了一个ontouch侦听器，以处理触摸事件，并强制视图“快照”到action_up事件上最接近的图像。

所以我想要的效果就像股票Android的主屏幕，你可以从一个屏幕滚动到另一个屏幕，当你举起手指的时候它会点击到一个屏幕上。

这一切都很好，除了一个问题：我需要从左到右滑动几乎完全水平，一个action_up永远注册。如果我最不垂直地滑动(我认为很多人倾向于在手机上来回滑动)，我将收到action_Cancel而不是action_up。我的理论是，这是因为水平滚动视图在滚动视图中，而滚动视图正在劫持垂直触摸以允许垂直滚动。

如何从水平滚动视图中禁用滚动视图的触摸事件，但仍然允许在滚动视图的其他地方正常垂直滚动？

下面是我的代码示例：

public class HomeFeatureLayout extends HorizontalScrollView {private ArrayList<ListItem> items = null;
private GestureDetector gestureDetector;View.OnTouchListener gestureListener;private static final int SWIPE_MIN_DISTANCE = 5;
private static final int SWIPE_THRESHOLD_VELOCITY = 300;private int activeFeature = 0;
public HomeFeatureLayout(Context context, ArrayList<ListItem> items){
    super(context);
    setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT));
    setFadingEdgeLength(0);
    this.setHorizontalScrollBarEnabled(false);
    this.setVerticalScrollBarEnabled(false);
    LinearLayout internalWrapper = new LinearLayout(context);
    internalWrapper.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));
    internalWrapper.setOrientation(LinearLayout.HORIZONTAL);
    addView(internalWrapper);
    this.items = items;
    for(int i = 0; i< items.size();i++){
        LinearLayout featureLayout = (LinearLayout) View.inflate(this.getContext(),R.layout.homefeature,null);
        TextView header = (TextView) featureLayout.findViewById(R.id.featureheader);
        ImageView image = (ImageView) featureLayout.findViewById(R.id.featureimage);
        TextView title = (TextView) featureLayout.findViewById(R.id.featuretitle);

Answer 1

我想明白了。在我的ScrollView上，我需要覆盖onInterceptTouchEvent方法，以便只在Y运动大于X运动时拦截触摸事件。ScrollView的默认行为似乎是在有Y运动时拦截触摸事件。因此，通过修复，ScrollView只会在用户有意向Y方向滚动，并且在这种情况下将action_Cancel传递给子用户时，才会拦截该事件。下面是包含HorizontalScrollView的滚动视图类的代码：public class CustomScrollView extends ScrollView {     private GestureDetector mGestureDetector;     public CustomScrollView(Context context, AttributeSet attrs) {         super(context, attrs);         mGestureDetector = new GestureDetector(context, new YScrollDetector());         setFadingEdgeLength(0);     }     @Override     public boolean onInterceptTouchEvent(MotionEvent ev) {         return super.onInterceptTouchEvent(ev) && mGestureDetector.onTouchEvent(ev);     }     // Return false if we're scrolling in the x direction       class YScrollDetector extends SimpleOnGestureListener {         @Override         public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {                          return Math.abs(distanceY) > Math.abs(distanceX);         }     }}

Answer 2

我简化了代码(不需要GestureDetector)达到同样的效果：public class VerticalScrollView extends ScrollView {     private float xDistance, yDistance, lastX, lastY;     public VerticalScrollView(Context context, AttributeSet attrs) {         super(context, attrs);     }     @Override     public boolean onInterceptTouchEvent(MotionEvent ev) {         switch (ev.getAction()) {             case MotionEvent.ACTION_DOWN:                 xDistance = yDistance = 0f;                 lastX = ev.getX();                 lastY = ev.getY();                 break;             case MotionEvent.ACTION_MOVE:                 final float curX = ev.getX();                 final float curY = ev.getY();                 xDistance += Math.abs(curX - lastX);                 yDistance += Math.abs(curY - lastY);                 lastX = curX;                 lastY = curY;                 if(xDistance > yDistance)                     return false;         }         return super.onInterceptTouchEvent(ev);     }}