如何像 Tinder 一樣實現 Card Stack UI？

Question

我無法為卡組實現正確的 UI。

請檢查這張圖片，這是我必須盡快滿足的要求。

這是 Card Stack UI 的圖片，請參考這個

我也使用過https://github.com/aaronbond/Swipe-Deck，但 UI 不符合我嘗試自定義的要求，但沒有成功。

您的幫助將不勝感激 謝謝。

Answer 1

使用以下完美運行的庫。

https://github.com/flschweiger/SwipeStack

XML文件

<?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>

適配器代碼

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;
    }
}