41

我正在开发一个列表视图中带有商店列表的应用程序。我需要当我listview向右(或向左)滑动项目时,该项目应该从列表视图中删除。

我有我的列表视图,只需要该功能即可。

提前致谢。

4

4 回答 4

19

这就是我实现这种效果的方式。我们有一个 ListView lvSimple,我们将 onTouchListener 添加到我们的lvSimple. 这是我的工作代码。

float historicX = Float.NaN, historicY = Float.NaN;
static final int DELTA = 50;
enum Direction {LEFT, RIGHT;}
...
ListView lvSimple = (ListView) findViewById(R.id.linLayout);
...
lvSimple.setOnTouchListener(new OnTouchListener() {
    @Override
    public boolean onTouch(View v, MotionEvent event) {

        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                historicX = event.getX();
                historicY = event.getY();
                break;

            case MotionEvent.ACTION_UP:
                if (event.getX() - historicX < -DELTA) {
                    FunctionDeleteRowWhenSlidingLeft();
                    return true;
                }
                else if (event.getX() - historicX > DELTA) {
                    FunctionDeleteRowWhenSlidingRight();
                    return true;
                }
                break;

            default:
                return false;
        }
        return false;
    }
});

FunctionDeleteRowWhenSlidingLeft()当我们向左滑动时调用函数, FunctionDeleteRowWhenSlidingRight()- 分别向右滑动。在此功能中,您需要粘贴动画代码。

于 2013-04-10T00:20:56.440 回答
6

Android-Developer 的回答指向gist.github.com中 Roman Nurik 的代码。此代码已过时。他在他的开源项目Dash Clock中使用这个 Swipe to Dismiss listener 。

在使用 Gist.github.com 中的代码之前,您应该了解一些事情。

  1. gist.Github 中的过时代码对触摸非常敏感。如果您继续点击 ListView 中的项目,它将被删除。在更新的代码中,他修复了投掷灵敏度。
  2. 如果您在 ListView 中声明了分隔符,则此侦听器无法正常工作。如果需要分隔符,请在 ListItem 布局中声明它们。
  3. 此代码仍处于测试阶段。买者自负。

所以我建议使用更新的代码。您可以在此处找到更新的源代码。

于 2013-07-24T14:55:47.827 回答
5

您应该考虑的另一个选择是使用 Tim Roes 的EnhancedListView库。 [更新 - 2015 年 8 月 1 日]随着 RecycleView 的引入,库已被弃用。

前面提到的 Roman Nurik 的 SwipeToDismiss 侦听器需要 API 级别 12 或更高。Jake Wharton 移植了此代码以支持SwipeToDismissNOA中的所有 API 级别。

Tim Roes 进一步扩展了这个库以支持Undo功能。

于 2014-08-02T17:19:58.007 回答
0

我用macloving写的东西做了一个回答。目前它正在起作用,但只有当你所有的孩子都具有相同的高度时它才起作用。

listView.setOnTouchListener(new View.OnTouchListener() {
        @Override
        public boolean onTouch(View v, MotionEvent event) {
            // TODO Auto-generated method stub
            switch (event.getAction()) {
                case MotionEvent.ACTION_DOWN:
                    historicX = event.getX();
                    historicY = event.getY();
                    return false;

                case MotionEvent.ACTION_UP:
                    if (listView.getChildAt(0) != null) {
                        int heightOfEachItem = haveListView.getChildAt(0).getHeight();
                        int heightOfFirstItem = -haveListView.getChildAt(0).getTop() + haveListView.getFirstVisiblePosition()*heightOfEachItem;
                        //IF YOU HAVE CHILDS IN LIST VIEW YOU START COUNTING
                        //listView.getChildAt(0).getTop() will see top of child showed in screen
                        //Dividing by height of view, you get how many views are not in the screen
                        //It needs to be Math.ceil in this case because it sometimes only shows part of last view
                        final int firstPosition = (int) Math.ceil(heightOfFirstItem / heightOfEachItem); // This is the same as child #0

                        //Here you get your List position, use historic Y to get where the user went first
                        final int wantedPosition = (int) Math.floor((historicY - haveListView.getChildAt(0).getTop()) / heightOfEachItem) + firstPosition;
                        //Here you get the actually position in the screen
                        final int wantedChild = wantedPosition - firstPosition;
                        //Depending on delta, go right or left
                        if (event.getX() - historicX < -DELTA) {
                            //If something went wrong, we stop it now
                            if (wantedChild < 0 || wantedChild >= List.size()|| wantedChild >= listView.getChildCount()) {

                                return true;
                            }
                            //Start animation with 500 miliseconds of time
                            listView.getChildAt(wantedChild).startAnimation(outToLeftAnimation(500));
                            //after 500 miliseconds remove from List the item and update the adapter.
                            new java.util.Timer().schedule(
                                    new java.util.TimerTask() {
                                        @Override
                                        public void run() {
                                            List.remove(wantedPosition);
                                            updateAdapter();
                                        }
                                    },
                                    500
                            );
                            return true;

                        } else if (event.getX() - historicX > DELTA) {
                            //If something went wrong, we stop it now
                            if (wantedChild < 0 || wantedChild >= List.size() || wantedChild >= listView.getChildCount()) {

                                return true;
                            }
                            //Start animation with 500 miliseconds of time
                            listView.getChildAt(wantedChild).startAnimation(outToRightAnimation(500));
                            //after 500 miliseconds remove from List the item and update the adapter.
                            new java.util.Timer().schedule(
                                    new java.util.TimerTask() {
                                        @Override
                                        public void run() {
                                            List.remove(wantedPosition);
                                            updateAdapter();
                                        }
                                    },
                                    500
                            );
                            return true;

                        }
                    }
                    return true;
                default:
                    return false;
            }
        }
    });

动画有这个功能:

private Animation outToLeftAnimation(int duration) {
    Animation outtoLeft = new TranslateAnimation(
            Animation.RELATIVE_TO_PARENT, 0.0f,
            Animation.RELATIVE_TO_PARENT, -1.0f,
            Animation.RELATIVE_TO_PARENT, 0.0f,
            Animation.RELATIVE_TO_PARENT, 0.0f);
    outtoLeft.setDuration(duration);
    outtoLeft.setInterpolator(new AccelerateInterpolator());
    return outtoLeft;
}

private Animation outToRightAnimation(int duration) {
    Animation outtoRight = new TranslateAnimation(
            Animation.RELATIVE_TO_PARENT, 0.0f,
            Animation.RELATIVE_TO_PARENT, +1.0f,
            Animation.RELATIVE_TO_PARENT, 0.0f,
            Animation.RELATIVE_TO_PARENT, 0.0f);
    outtoRight.setDuration(duration);
    outtoRight.setInterpolator(new AccelerateInterpolator());
    return outtoRight;
}

我正在尝试这个,直到现在我还没有看到错误,如果有人也可以尝试会很好。

于 2016-05-10T02:05:45.833 回答