简介
现在很多社交交友类的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、触摸拖拽监听