可拖拽式层叠卡片效果

简介

现在很多社交交友类的APP首页都会有一个类似于卡片式切换的交互页，提高和用户的互动性。下面我们也做一个类似于这样的效果，它实现了用户的左右滑动和点击交互监听功能，同时也可设置其剩下多少内容时加载更多，简单的代码实现炫酷的操作，定会为你的应用增色不少。

使用

1、Layout布局

<com.wiggins.cardcontainer.widget.CardContainerView
    android:id="@+id/card_container"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

2、添加卡片View

@Override
public void addView(View card) {
    if (isLoadMore) {
        this.mCardList.add(ListUtil.getSize(mCardList), card);
    } else {
        this.mCardList.add(card);
    }
    LayoutParams layoutParams = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
    layoutParams.addRule(RelativeLayout.CENTER_VERTICAL);
    this.addView(card, 0, layoutParams);
    card.setOnTouchListener(onTouchListener);
    if (!isLoadMore) {
        this.setLayoutParams(card, mCardList.size());
    }
}

3、设置卡片相对位置

private void setLayoutParams(View card, int index) {
    LayoutParams params = new LayoutParams(card.getLayoutParams());
    params.topMargin = dip2px(marginTop) + getResources().getDimensionPixelSize(R.dimen.margin_tiny) * index;
    params.bottomMargin = dip2px(marginBottom) - getResources().getDimensionPixelSize(R.dimen.margin_tiny) * index;
    params.leftMargin = dip2px(marginLeft);
    params.rightMargin = dip2px(marginRight);
    card.setLayoutParams(params);
}

4、触摸拖拽监听