使 ListView 行为类似于垂直画廊

Question

我有以下代码使 ListView 看起来像一个垂直画廊

public class VerticalGallery extends ListView {
    private View currentDisplayingView;
    private int currentPosition;

    public VerticalGallery(Context context, List<Page> pages) {
            super(context);

        setOnItemSelectedListener(new OnItemSelectedListener() {
            @Override
            public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
                currentDisplayingView = view;
                currentPosition = position;
            }

            @Override
            public void onNothingSelected(AdapterView<?> parent) {
            }
        });

        setAdapter(new PageAdapter(context, pages));

        setCacheColorHint(Color.TRANSPARENT);
    }

    public boolean onTouchEvent(MotionEvent evt) {
        if (currentDisplayingView != null && currentDisplayingView.onTouchEvent(evt))
            return true;

        PageAdapter adapter = (PageAdapter) getAdapter();

        if (currentPosition == adapter.list.size() - 1)
            return false;

        // TODO: Handle events and swipe somewhere
        return super.onTouchEvent(evt);
    }

    public class PageAdapter extends BaseAdapter {
        private Context context;
        private List<Page> list;

        public PageAdapter(Context c, List<Page> pages) {
            context = c;
            list = pages;
        }

        public int getCount() {
            return list.size();
        }

        public Page getItem(int position) {
            return list.get(position);
        }

        public long getItemId(int position) {
            return position;
        }

        public View getView(int position, View convertView, ViewGroup parent) {
            View view = getItem(position).generateView(context);
            view.setLayoutParams(new ListView.LayoutParams(LayoutParams.MATCH_PARENT,
                    LayoutParams.MATCH_PARENT));
            return view;
        }
    }    
}

但我还需要模拟一些行为：

• 集中视图： 当出现新视图时，我需要将其集中在我的显示器上。
• 触发onItemSelected事件： 我需要这些，因为我将事件分派到当前视图，并且仅当 currentView 在 touchEvent 上返回 false 时才让 ListView 滚动，我不需要完全是 ItemSelected 事件，这可能是类似的。
• 另一个问题是，如果用户向上滑动，我应该只翻译一个视图（根据手势的速度而不是几个）。

任何能让我这样做的组件也将是一个有用的答案。

编辑： 实际上，我用这个解决方案 Using Animation to swipe views 解决了这个问题，但我会保持这个问题的开放性。

Answer 1

how to implement both ontouch and also onfling in a same listview?

阅读此问题已接受的有关 GestureListener 类实现的答案。

将 MyGestureListener 类设置为当前类中的内部类，或将 ListView 对象传递给 MyGestureListener 类的构造函数。

在 onFling() 方法中测量初始和最终触摸之间的差异，例如

 @Override
        public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
        if(e1.getY() > e2.getY()) //1
        {
            int pos=(int)Math.floor(listView.getLastVisiblePosition/2);//2
            if(pos < listView.getLastVisiblePosition())
                      listView.smoothScrollToPosition(pos--);//3
            else
                listView.smoothScrollToPosition(listView.getLastVisiblePosition());
        }
        else
        {
               int pos=(int)Math.floor(listView.getLastVisiblePosition/2);
            if(pos < listView.getLastVisiblePosition && pos > listView.getFirstVisiblePosition())
                      listView.smoothScrollToPosition(pos++);
                   else
                        listView.smoothScrollToPosition(listView.getFirstVisiblePosition());
        }                
    } 

1. 如果e1.getY() > e2.getY() 表示用户向下甩。 e2.getY() - e1.getY() 的差是负数。

2. 假设当前位置是中间位置。

3. 向下移动一个位置。

此代码未经测试，是对您的第三个问题的回应。我只是向你指出我的想法。

Answer 2

在我研究的过程中，我开发了这个用于分页的自定义 ScrollView。

公共类 ScrollViewVertical 扩展 ScrollView { 私有布尔分页；

public ScrollViewVertical(Context context) {
    super(context);
}

public boolean onTouchEvent(MotionEvent evt) {
    if (evt.getAction() == MotionEvent.ACTION_UP)
        if (isPaging()){
            centralizeContent();
            return true;
        }

    return super.onTouchEvent(evt);
}

private void centralizeContent() {
    int currentY = getScrollY() + getHeight() / 2;
    ViewGroup content = (ViewGroup) getChildAt(0);
    for (int i = 0; i < content.getChildCount(); i++) {
        View child = content.getChildAt(i);
        System.out.println(BoundsUtils.from(child));
        if (child.getTop() < currentY && child.getBottom() > currentY) {
            smoothScrollTo(0, child.getTop());
            break;
        }
    }
}

}