如何像tinder一样实现Card Stack UI？

Question

我无法为卡片堆栈实现正确的 UI。

请查看这张图片，这是我必须尽快完成的要求。

This is image for Card Stack UI please refer this

我也用过 https://github.com/aaronbond/Swipe-Deck 但 UI 不符合要求我也尝试自定义但没有成功。

非常感谢您的帮助谢谢。

Answer 1

使用以下运行良好的库。

https://github.com/flschweiger/SwipeStack

XML file

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:clipChildren="false">

    <link.fls.swipestack.SwipeStack
        android:id="@+id/swipeStack"
        android:layout_width="320dp"
        android:layout_height="240dp"
        android:padding="32dp"/>

</FrameLayout>

Adapter Code

public class SwipeStackAdapter extends BaseAdapter {

    private List<String> mData;

    public SwipeStackAdapter(List<String> data) {
        this.mData = data;
    }

    @Override
    public int getCount() {
        return mData.size();
    }

    @Override
    public String getItem(int position) {
        return mData.get(position);
    }

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

    @Override
    public View getView(final int position, View convertView, ViewGroup parent) {
        convertView = getLayoutInflater().inflate(R.layout.card, parent, false);
        TextView textViewCard = (TextView) convertView.findViewById(R.id.textViewCard);
        textViewCard.setText(mData.get(position));

        return convertView;
    }
}

如何像tinder一样实现Card Stack UI？

How to achieve Card Stack UI just like tinder?

android

swipe-gesture

android-cardview