如何实现Card Stack UI就像火药一样?

时间:2016-05-11 09:51:00

标签: android android-cardview swipe-gesture

我无法为卡片堆创建正确的用户界面。

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

This is image for Card Stack UI please refer this

我也使用了https://github.com/aaronbond/Swipe-Deck,但UI不是按照要求我也尝试自定义但不成功。

我们将非常感谢您的帮助 谢谢。

1 个答案:

答案 0 :(得分:0)

使用以下正常运行的库。

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