Android可拖动层叠卡片布局

最新推荐文章于 2024-08-09 07:59:37 发布

a__sen

最新推荐文章于 2024-08-09 07:59:37 发布

阅读量842

点赞数

分类专栏： Android 文章标签： android

本文链接：https://blog.csdn.net/a__sen/article/details/114656517

版权

本文介绍如何在Android应用中实现一个可拖动层叠卡片的布局。通过自定义RecyclerView和LayoutManager，处理触摸事件避免卡片外误操作，并利用ItemTouchHelper实现滑动展示下一张卡片的效果。

摘要由CSDN通过智能技术生成

公司app要求做一个扭蛋功能，其实就是一个可拖动层叠卡片列表，原理还是由一个自定义Recyclerview和LayoutManager来实现

自定义RecyclerView很简单,只是修改touch事件，防止点击到卡片外还被处理的情况

 @Override
    public boolean onTouchEvent(MotionEvent e) {
        if(e.getY()< UIUtil.dip2px(TutuApplication.getInstance().getContext(),95)||e.getY()>getHeight()-UIUtil.dip2px(TutuApplication.getInstance().getContext(),95)){
            if(e.getAction()!=MotionEvent.ACTION_UP && e.getAction()!=MotionEvent.ACTION_MOVE) {
                return false;
            }
        }
        return super.onTouchEvent(e);
    }

实际的层叠效果还是需要LayoutManager来实现

public class SwipeCardLayoutManager extends RecyclerView.LayoutManager {
    Context context;
    int TRANS_Y_GAP;
    public SwipeCardLayoutManager(Context context){
        TRANS_Y_GAP= (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,15,
                context.getResources().getDisplayMetrics());
    }
    @Override
    public RecyclerView.LayoutParams generateDefaultLayoutParams() {
        return new RecyclerView.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,
                ViewGroup.LayoutParams.WRAP_CONTENT);
    }

    @Override
    public void onLayoutChildren(RecyclerView.Recycler recycler, RecyclerView.State state) {
        super.onLayoutChildren(recycler, state);
        //1.如何实现层叠效果--cardView.layout(l,t,r,b)
        //2.如何让8个条目中的4个展示在RecylerView里面
        //1在布局layout之前，将所有的子View先全部detach掉，然后放到Scrap集合里面缓存。
        detachAndScrapAttachedViews(recycler);
        //2)只将最上面4个view添加到RecylerView容器里面
        int itemCount=getItemCount();//8个
        int bottomPosition;
        if(itemCount< CardConfig.MAX_SHOW_COUNT){
            bottomPosition=0;

        }else{
            bottomPosition=itemCount-CardConfig.MAX_SHOW_COUNT;
        }
        for(int i=bottomPosition;i<itemCount;i++){
            View view=recycler.getViewForPosition(i);
            addView(view);
            measureChildWithMargins(view,0,0);
            int widthSpace=getWidth()-getDecoratedMeasuredWidth(view);