Новый список приложений в стиле "Входящие" для Android с прокруткой влево и вправо

m пытается создать андроид с новым списком в стиле "Входящие" с прокруткой влево и вправо, как показано на этом изображении, я пробовал 47deg swipelistview, но его не так ли стабильно, есть ли другая библиотека?!

Ответы

Ответ 1

Отъезд: SwipeActionAdapter

Это отличная библиотека, которая делает именно то, о чем вы просите. Он позволяет прокручивать в обоих направлениях с базовыми Layout или Color. Это легко реализовать и выглядит хорошо!

Ответ 2

Вместо использования пользовательского ListView вы можете просто поддерживать "прокручивать" жест в элементах списка onTouch, например:

private static final int DEFAULT_THRESHOLD = 128;

row.setOnTouchListener(new View.OnTouchListener() {

    int initialX = 0;
    final float slop = ViewConfiguration.get(context).getScaledTouchSlop();

    public boolean onTouch(final View view, MotionEvent event) {
        if (event.getAction() == MotionEvent.ACTION_DOWN) {
            initialX = (int) event.getX();
            view.setPadding(0, 0, 0, 0);
        } else if (event.getAction() == MotionEvent.ACTION_MOVE) {
            int currentX = (int) event.getX();
            int offset = currentX - initialX;
            if (Math.abs(offset) > slop) {
                view.setPadding(offset, 0, 0, 0);

                if (offset > DEFAULT_THRESHOLD) {
                    // TODO :: Do Right to Left action! And do nothing on action_up.
                } else if (offset < -DEFAULT_THRESHOLD) {
                    // TODO :: Do Left to Right action! And do nothing on action_up.
                }
            }
        } else if (event.getAction() == MotionEvent.ACTION_UP || event.getAction() == MotionEvent.ACTION_CANCEL) {
            // Animate back if no action was performed.
            ValueAnimator animator = ValueAnimator.ofInt(view.getPaddingLeft(), 0);
            animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
                @Override
                public void onAnimationUpdate(ValueAnimator valueAnimator) {
                    view.setPadding((Integer) valueAnimator.getAnimatedValue(), 0, 0, 0);
                }
            });
            animator.setDuration(150);
            animator.start();
        }
};

Я также использую обратную анимацию, если никаких действий не было выполнено.

Это решение является легким, поэтому вы не должны испытывать никаких задержек.

Ответ 3

Обновленный ответ

Как я упоминал ранее, я придерживался того же подхода и, похоже, работает так, как ожидалось. Я добавил 3 слоя в RelativeLayout. Верхний слой - это то, что вы хотите показать. Второй слой - простой фон с иконкой удаления слева. Третий слой - это еще один простой фон с иконкой с изображением справа. Я применил класс детектирования проводов, который расширяет View.OnTouchListener.

public class SwipeDetector implements View.OnTouchListener {

    private static final int MIN_DISTANCE = 300;
    private static final int MIN_LOCK_DISTANCE = 30; // disallow motion intercept
    private boolean motionInterceptDisallowed = false;
    private float downX, upX;
    private ObjectHolder holder;
    private int position;

    public SwipeDetector(ObjectHolder h, int pos) {
        holder = h;
        position = pos;
    }

    @Override
    public boolean onTouch(View v, MotionEvent event) {
        switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN: {
            downX = event.getX();
            return true; // allow other events like Click to be processed
        }

        case MotionEvent.ACTION_MOVE: {
            upX = event.getX();
            float deltaX = downX - upX;

            if (Math.abs(deltaX) > MIN_LOCK_DISTANCE && listView != null && !motionInterceptDisallowed) {
                listView.requestDisallowInterceptTouchEvent(true);
                motionInterceptDisallowed = true;
            }

            if (deltaX > 0) {
                holder.deleteView.setVisibility(View.GONE);
            } else {
                // if first swiped left and then swiped right
                holder.deleteView.setVisibility(View.VISIBLE);
            }

            swipe(-(int) deltaX);
            return true;
        }

        case MotionEvent.ACTION_UP:
            upX = event.getX();
            float deltaX = upX - downX;
            if (Math.abs(deltaX) > MIN_DISTANCE) {
                // left or right
                swipeRemove();
            } else {
                swipe(0);
            }

            if (listView != null) {
                listView.requestDisallowInterceptTouchEvent(false);
                motionInterceptDisallowed = false;
            }

            holder.deleteView.setVisibility(View.VISIBLE);
            return true;

        case MotionEvent.ACTION_CANCEL:
            holder.deleteView.setVisibility(View.VISIBLE);
            return false;
        }

    return true;
    }

    private void swipe(int distance) {
        View animationView = holder.mainView;
        RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) animationView.getLayoutParams();
        params.rightMargin = -distance;
        params.leftMargin = distance;
        animationView.setLayoutParams(params);
    }

    private void swipeRemove() {
        remove(getItem(position));
        notifyDataSetChanged();
    }
}

public static class ObjectHolder {
    public LinearLayout mainView;
    public RelativeLayout deleteView;
    public RelativeLayout shareView;

    /* other views here */
}

Я также добавил requestDisallowInterceptTouchEvent, чтобы ListView (родительский) не перехватывал событие касания, когда имело место некоторое количество вертикальной прокрутки.

Я написал blogpost об этом, который вы можете найти здесь здесь. Я также добавил видео Youtube для демонстрации.

Старый ответ

Я реализовал один из них сам, но он немного другой. Я использую просто касание, а не прокручивание. Нажмите, чтобы открыть, нажмите, чтобы закрыть. Здесь демонстрация youtube.

Я создал пользовательский ArrayAdapter. Чтобы установить макет, я создал собственный макет, подобный этому.

<RelativeLayout>
     <RelativeLayout>
          <Stuff that you want at the back of your list/>
     </RelativeLayout>
     <RelativeLayout>
          <Stuff that you want at the front of your list/>
     </RelativeLayout>
</RelativeLayout>

Используя RelativeLayout, я помещаю верхний вид в нижний вид. Оба имеют одинаковые размеры. Вы можете использовать разные макеты для внутренних макетов.

В Custom Custom ArrayAdapter,

@Override
public view getView(int position, View convertView, ViewGroup parent) {
    // get holder and entry
    // set each element based on entry preferences



    holder.topView.setOnClickListener(new View.OnClickListener() {

          @Override
          public void onClick(View v) {
              if (entry.isSwiped()) {
                  swipeWithAnimationValue(holder.topView, 1);
                  entry.setSwiped(false);
              } else {
                  closeOtherSwipes(entry);  // if you want to keep only one entry open at a time
                  swipeWithAnimationValue(holder.topView, 0);
                  entry.setSwiped(true);
              }
         }
   });
}

Обычная анимация не будет работать, поскольку она просто сдвигает представление, но она все еще там, поэтому, если вы пытаетесь щелкнуть, щелчок по-прежнему появляется на верхнем уровне. Следовательно, я использовал valueAnimator и фактически сдвинул эти списки.

public void swipeWithAnimationValue(final View view, final int direction) {
    final int width = view.getWidth();
    Log.i(TAG, "view width = " + String.valueOf(width));
    ValueAnimator animationSwipe;
    int duration = 300;
    if (direction == 0) {
         animationSwipe = ValueAnimator.ofInt(0, view.getWidth() - 200);
    } else {
         animationSwipe = ValueAnimator.ofInt(view.getWidth() - 200, 0);
    }

    animationSwipe.setDuration(duration);
    AnimatorUpdateListener maringUpdater = new AnimatorUpdateListener() {
        @Override
        public void onAnimationUpdate(ValueAnimator animation) {

             RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) view.getLayoutParams();
             params.rightMargin = -(Integer)animation.getAnimatedValue();
             params.leftMargin = (Integer)animation.getAnimatedValue();
             view.setLayoutParams(params);
        }
    };

    animationSwipe.addUpdateListener(maringUpdater);
    animationSwipe.setRepeatCount(0);
    animationSwipe.start();
}