[Android 自定义View] 侧滑栏写法

戴墨镜的非洲猴子先生

已于 2024-11-16 17:15:31 修改

阅读量875

点赞数 19

分类专栏： Android技术分享文章标签： android

于 2024-08-25 22:49:19 首次发布

本文链接：https://blog.youkuaiyun.com/studyForMokey/article/details/141536645

版权

Android技术分享专栏收录该内容

4 篇文章

订阅专栏

文章目录

1. 适配器 RedEnvelopeAdapter.java
2. RecyleView.java
3. Activity.java
4. 子项文件
5. 布局文件

1. 适配器 RedEnvelopeAdapter.java

package com.example.sliderecyle.adapter;

import android.content.Context;
import android.graphics.drawable.Drawable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

import androidx.recyclerview.widget.RecyclerView;


import com.example.sliderecyle.R;

import java.util.ArrayList;
import java.util.Collections;
import java.util.List;

/**
 * 侧滑栏
 *
 * @author ct
 */
public class RedEnvelopeAdapter extends RecyclerView.Adapter<RedEnvelopeAdapter.MyViewHolder> {

    private Context context;
    private View view;
    // 数据字段
    public List<String> topIconData;
    // 跟踪可见性的数据字段
    public List<Boolean> itemVisibility;

    public RedEnvelopeAdapter(Context context, List<String> topIconData) {
        this.context = context;
        this.topIconData = topIconData;
        this.itemVisibility = new ArrayList<>(Collections.nCopies(topIconData.size(), true)); // 初始化为全部可见

    }

    @Override
    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        LayoutInflater inflater = (LayoutInflater) context.getSystemService(context.LAYOUT_INFLATER_SERVICE);
        view = inflater.inflate(R.layout.item_rv_red_envelope_test, parent, false);
        return new MyViewHolder(view);
    }

    @Override
    public void onBindViewHolder(final MyViewHolder holder, int position) {
        int adapterPosition = holder.getAdapterPosition();
//        String s = this.topIconData.get(adapterPosition);
        if (itemVisibility.get(adapterPosition)) {
            // 绑定数据和显示视图
            holder.itemView.setVisibility(View.VISIBLE);
        } else {
            // 隐藏视图
            holder.itemView.setVisibility(View.GONE);
        }
    }

    @Override
    public int getItemCount() {
        // 子项的个数
        return topIconData.size();
    }

    class MyViewHolder extends RecyclerView.ViewHolder {
        TextView  mTvDelete; //删除
        TextView mTvHide; // 隐藏
        LinearLayout mLlView;

        public MyViewHolder(View itemView) {
            super(itemView);

            mTvDelete = itemView.findViewById(R.id.tv_delete);
            mTvHide = itemView.findViewById(R.id.tv_hide);
            mLlView =  itemView.findViewById(R.id.ll_view);
            mLlView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {//整个item监听
                    int position = getPosition();
                    if (mItemClickListener != null)
                        mItemClickListener.onItemClick(position);
                }
            });
            // 删除事件
            if (!mTvDelete.hasOnClickListeners()) {
                mTvDelete.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        if (mDeleteClickListener != null) {
                            int position = getPosition();
                            mDeleteClickListener.onDeleteClick(v, position);
                        }
                    }
                });
            }
            if (!mTvHide.hasOnClickListeners()) {
                mTvHide.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        if (mHideClickListener != null) {
                            int position = getPosition();
                            mHideClickListener.onHideClick(v, position);
                        }
                    }
                });
            }
        }
    }

    public void setItemClickListener(MyItemClickListener myItemClickListener) {
        this.mItemClickListener = myItemClickListener;
    }

    public void setCaseDetailsClickListener(MyCaseDetailsClickListener myCaseDetailsClickListener) {
        this.mCaseDetailsClickListener = myCaseDetailsClickListener;
    }

    private MyItemClickListener mItemClickListener;

    private MyCaseDetailsClickListener mCaseDetailsClickListener;
    /** 删除监听器
     *
     */
    private OnDeleteClickListener mDeleteClickListener;

    public void setOnDeleteClickListener(OnDeleteClickListener listener) {
        this.mDeleteClickListener = listener;
    }

    public interface OnDeleteClickListener {
        void onDeleteClick(View view, int position);
    }

    /** 隐藏监听器
     *
     */

    private OnHideClickListener mHideClickListener;

    public void setOnHideClickListener(OnHideClickListener listener) {
        this.mHideClickListener = listener;
    }

    public interface OnHideClickListener {
        void onHideClick(View view, int position);
    }


    /**
     * 创建一个子项的回调接口
     */
    public interface MyItemClickListener {
        //        void onItemClick(OccupationBeen firstPageListBean, int position);
        void onItemClick(int position);
    }

    public interface MyCaseDetailsClickListener {
        //        void onItemClick(OccupationBeen firstPageListBean, int position);
        void onItemClick(int position);
    }

    /**
     * 设置关注按钮背景颜色
     *
     * @param linearLayout 设置的控件
     * @param background   背景颜色
     */

}

2. RecyleView.java

package com.example.sliderecyle.view;

import android.content.Context;
import android.graphics.Rect;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.VelocityTracker;
import android.view.View;
import android.view.ViewConfiguration;
import android.view.ViewGroup;
import android.widget.Scroller;

import androidx.annotation.Nullable;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;

/**
 * 支持侧滑删除的RecyclerView
 */

public class SlideRecyclerView extends RecyclerView {

    private static final String TAG = "SlideRecyclerView";
    private static final int INVALID_POSITION = -1; // 触摸到的点不在子View范围内
    private static final int INVALID_CHILD_WIDTH = -1;  // 子ItemView不含两个子View
    private static final int SNAP_VELOCITY = 600;   // 最小滑动速度

    private VelocityTracker mVelocityTracker;   // 速度追踪器
    private int mTouchSlop; // 认为是滑动的最小距离（一般由系统提供）
    private Rect mTouchFrame;   // 子View所在的矩形范围
    private Scroller mScroller;
    private float mLastX;   // 滑动过程中记录上次触碰点X
    private float mFirstX, mFirstY; // 首次触碰范围
    private boolean mIsSlide;   // 是否滑动子View
    private boolean mIsShowSlideView;   // 是否显示子View
    private ViewGroup mFlingView;   // 触碰的子View
    private int mPosition;  // 触碰的view的位置
    private int mMenuViewWidth;    // 菜单按钮宽度
    private float xVelocityValue;

    public SlideRecyclerView(Context context) {
        this(context, null);
    }

    public SlideRecyclerView(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public SlideRecyclerView(Context context, @Nullable AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();
        mScroller = new Scroller(context);
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent e) {
        int x = (int) e.getX();
        int y = (int) e.getY();
        obtainVelocity(e);
        switch (e.getAction()) {
            case MotionEvent.ACTION_DOWN:
                if (!mScroller.isFinished()) {  // 如果动画还没停止，则立即终止动画
                    mScroller.abortAnimation();
                }
                mFirstX = mLastX = x;
                mFirstY = y;
                mPosition = pointToPosition(x, y);  // 获取触碰点所在的position
                if (mPosition != INVALID_POSITION) {
                    View view = mFlingView;
                    // 获取触碰点所在的view
                    mFlingView = (ViewGroup) getChildAt(mPosition - ((LinearLayoutManager) getLayoutManager()).findFirstVisibleItemPosition());
                    // 这里判断一下如果之前触碰的view已经打开，而当前碰到的view不是那个view则立即关闭之前的view，此处并不需要担动画没完成冲突，因为之前已经abortAnimation
                    if (view != null && mFlingView != view && view.getScrollX() != 0) {
                        view.scrollTo(0, 0);
                    }
                    // 这里进行了强制的要求，RecyclerView的子ViewGroup必须要有2个子view,这样菜单按钮才会有值，
                    // 需要注意的是:如果不定制RecyclerView的子View，则要求子View必须要有固定的width。
                    // 比如使用LinearLayout作为根布局，而content部分width已经是match_parent，此时如果菜单view用的是wrap_content，menu的宽度就会为0。
                    if (mFlingView.getChildCount() == 2) {
                        mMenuViewWidth = mFlingView.getChildAt(1).getWidth();
                    } else {
                        mMenuViewWidth = INVALID_CHILD_WIDTH;
                    }
                }
                break;
            case MotionEvent.ACTION_MOVE:
                mVelocityTracker.computeCurrentVelocity(1000);
                // 此处有俩判断，满足其一则认为是侧滑：
                // 1.如果x方向速度大于y方向速度，且大于最小速度限制；
                // 2.如果x方向的侧滑距离大于y方向滑动距离，且x方向达到最小滑动距离；
                float xVelocity = mVelocityTracker.getXVelocity();
                xVelocityValue = xVelocity;
                float yVelocity = mVelocityTracker.getYVelocity();
                Log.d(TAG, "onInterceptTouchEvent: xVelocity:"+xVelocity);
                Log.d(TAG, "onInterceptTouchEvent: yVelocity:"+yVelocity);
                if (Math.abs(xVelocity) > SNAP_VELOCITY && Math.abs(xVelocity) > Math.abs(yVelocity)
                        || Math.abs(x - mFirstX) >= mTouchSlop
                        && Math.abs(x - mFirstX) > Math.abs(y - mFirstY)) {
                    mIsSlide = true;
                    return true;
                }
                break;
            case MotionEvent.ACTION_UP:
                releaseVelocity();
                break;
        }
        return super.onInterceptTouchEvent(e);
    }

    @Override
    public boolean onTouchEvent(MotionEvent e) {
        if (mIsSlide && mPosition != INVALID_POSITION) {
            float x = e.getX();
            obtainVelocity(e);
            switch (e.getAction()) {
                case MotionEvent.ACTION_DOWN:   // 因为没有拦截，所以不会被调用到
                    break;
                case MotionEvent.ACTION_MOVE:
                    // 随手指滑动
                    if (mMenuViewWidth != INVALID_CHILD_WIDTH) {
                        float dx = mLastX - x;
                        if (mFlingView.getScrollX() + dx <= mMenuViewWidth
                                && mFlingView.getScrollX() + dx > 0) {
                            mFlingView.scrollBy((int) dx, 0);
                        }
                        mLastX = x;
                    }
                    break;
                case MotionEvent.ACTION_UP:
                    if (mMenuViewWidth != INVALID_CHILD_WIDTH) {
                        int scrollX = mFlingView.getScrollX();
                        mVelocityTracker.computeCurrentVelocity(1000);
                        // 此处有两个原因决定是否打开菜单：
                        // 1.菜单被拉出宽度大于菜单宽度一半；
                        // 2.横向滑动速度大于最小滑动速度；
                        // 注意：之所以要小于负值，是因为向左滑则速度为负值
                        if (mVelocityTracker.getXVelocity() < -SNAP_VELOCITY) {    // 向左侧滑达到侧滑最低速度，则打开
                            mIsShowSlideView = true;
                            mScroller.startScroll(scrollX, 0, mMenuViewWidth - scrollX, 0, Math.abs(mMenuViewWidth - scrollX));
                        } else if (mVelocityTracker.getXVelocity() >= SNAP_VELOCITY) {  // 向右侧滑达到侧滑最低速度，则关闭
                            mIsShowSlideView = false;
                            mScroller.startScroll(scrollX, 0, -scrollX, 0, Math.abs(scrollX));
                        } else if (scrollX >= mMenuViewWidth / 2) { // 如果超过删除按钮一半，则打开
                            mIsShowSlideView = true;
                            mScroller.startScroll(scrollX, 0, mMenuViewWidth - scrollX, 0, Math.abs(mMenuViewWidth - scrollX));
                        } else {    // 其他情况则关闭
                            mIsShowSlideView = false;
                            mScroller.startScroll(scrollX, 0, -scrollX, 0, Math.abs(scrollX));
                        }
                        invalidate();
                    }
                    mMenuViewWidth = INVALID_CHILD_WIDTH;
                    mIsSlide = false;
                    mPosition = INVALID_POSITION;
                    releaseVelocity();  // 这里之所以会调用，是因为如果前面拦截了，就不会执行ACTION_UP,需要在这里释放追踪
                    break;
            }
            return true;
        } else {
            // 此处防止RecyclerView正常滑动时，还有菜单未关闭
            closeMenu();
            // Velocity，这里的释放是防止RecyclerView正常拦截了，但是在onTouchEvent中却没有被释放；
            // 有三种情况：1.onInterceptTouchEvent并未拦截，在onInterceptTouchEvent方法中，DOWN和UP一对获取和释放；
            // 2.onInterceptTouchEvent拦截，DOWN获取，但事件不是被侧滑处理，需要在这里进行释放；
            // 3.onInterceptTouchEvent拦截，DOWN获取，事件被侧滑处理，则在onTouchEvent的UP中释放。
            releaseVelocity();
        }
        return super.onTouchEvent(e);
    }

    private void releaseVelocity() {
        if (mVelocityTracker != null) {
            mVelocityTracker.clear();
            mVelocityTracker.recycle();
            mVelocityTracker = null;
        }
    }

    private void obtainVelocity(MotionEvent event) {
        if (mVelocityTracker == null) {
            mVelocityTracker = VelocityTracker.obtain();
        }
        mVelocityTracker.addMovement(event);
    }

    public int pointToPosition(int x, int y) {
        int firstPosition = ((LinearLayoutManager) getLayoutManager()).findFirstVisibleItemPosition();
        Rect frame = mTouchFrame;
        if (frame == null) {
            mTouchFrame = new Rect();
            frame = mTouchFrame;
        }

        final int count = getChildCount();
        for (int i = count - 1; i >= 0; i--) {
            final View child = getChildAt(i);
            if (child.getVisibility() == View.VISIBLE) {
                child.getHitRect(frame);
                if (frame.contains(x, y)) {
                    return firstPosition + i;
                }
            }
        }
        return INVALID_POSITION;
    }

    @Override
    public void computeScroll() {
        if (mScroller.computeScrollOffset()) {
            mFlingView.scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
            invalidate();
        }
    }

    /**
     * 将显示子菜单的子view关闭
     * 这里本身是要自己来实现的，但是由于不定制item，因此不好监听器点击事件，因此需要调用者手动的关闭
     */
    public void closeMenu() {
        mIsShowSlideView = false;
        if (mFlingView != null && mFlingView.getScrollX() != 0) {
            mFlingView.scrollTo(0, 0);
        }
    }

    public boolean isShowSlideView() {
        return mIsShowSlideView;
    }
}

3. Activity.java

package com.example.sliderecyle.view;

import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.LinearLayout;

import android.widget.Toast;

import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.LinearLayoutManager;

import com.example.sliderecyle.R;
import com.example.sliderecyle.adapter.RedEnvelopeAdapter;
import com.example.sliderecyle.adapter.RedEnvelopeAdapter1;

import java.util.ArrayList;
import java.util.List;


/**
 * 选择红包活动页面
 * 这个Activity用于展示红包列表，并支持点击和删除操作。
 */
public class SelectRedEnvelopeActivity extends AppCompatActivity implements View.OnClickListener {

    private SlideRecyclerView mRvOrder;
    private SlideRecyclerView mRvOrder1;
    private Button btnAdd;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_select_red_envelope);
        initView();
        initData();
        initListener();
    }

    private void initView() {
        // 初始化视图组件
        View rootView = findViewById(R.id.root_view);
        setStatusBarHeight(rootView);

        mRvOrder = findViewById(R.id.rvRedEnvelope);
//        mRvOrder.setVerticalScrollBarEnabled(false); // 禁用垂直滚动条scrollView的
//        mRvOrder.setHorizontalScrollBarEnabled(false); // 禁用水平滚动条

//        mRvOrder1 = findViewById(R.id.rvRedEnvelope1);
//        mRvOrder1.setVerticalScrollBarEnabled(false); // 禁用垂直滚动条
//        mRvOrder1.setHorizontalScrollBarEnabled(false); // 禁用水平滚动条
        btnAdd = findViewById(R.id.btn_add);
    }

    private void initData() {
        // 初始化数据
        List<String> list = new ArrayList<>();
        for (int i = 0; i < 15; i++) {
            list.add("早晨推荐" + i); // 填充数据列表
        }

        // 设置RecyclerView的布局管理器
        LinearLayoutManager layoutManager = new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false);
        RedEnvelopeAdapter mAdapter = new RedEnvelopeAdapter(this, list); // 创建适配器
        mRvOrder.setLayoutManager(layoutManager); // 设置布局管理器
        mRvOrder.setAdapter(mAdapter); // 设置适配

//        LinearLayoutManager layoutManager1 = new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false);
//        RedEnvelopeAdapter1 mAdapter1 = new RedEnvelopeAdapter1(this, list); // 创建适配器
//        mRvOrder1.setLayoutManager(layoutManager1); // 设置布局管理器
//        mRvOrder1.setAdapter(mAdapter1); // 设置适配器
        // 设置适配器的点击事件监听器
        mAdapter.setItemClickListener(new RedEnvelopeAdapter.MyItemClickListener() {
            @Override
            public void onItemClick(int position) {
                Log.d("SGF", "isShowSlideView: " + mRvOrder.isShowSlideView());
                if (mRvOrder.isShowSlideView()) {
                    mRvOrder.closeMenu(); // 关闭滑动菜单
                } else {
                    mRvOrder.computeScroll(); // 计算滚动
                    Toast.makeText(SelectRedEnvelopeActivity.this,"准备跳转",Toast.LENGTH_SHORT).show(); // 显示提示信息
                }
            }
        });

        // 设置适配器的删除按钮的点击事件监听器
        mAdapter.setOnDeleteClickListener(new RedEnvelopeAdapter.OnDeleteClickListener() {
            @Override
            public void onDeleteClick(View view, int position) {
                mRvOrder.closeMenu(); // 关闭滑动菜单
                mAdapter.topIconData.remove(position);
                mAdapter.notifyItemRemoved(position);
                mAdapter.notifyItemRangeChanged(position, mAdapter.topIconData.size()-position);
                Toast.makeText(SelectRedEnvelopeActivity.this,"删除了" + (position + 1),Toast.LENGTH_SHORT).show(); // 显示提示信息
            }
        });

        // 隐藏按钮的监听器
        mAdapter.setOnHideClickListener(new RedEnvelopeAdapter.OnHideClickListener() {
            @Override
            public void onHideClick(View view, int position) {
                // todo 隐藏功能
//                mAdapter.itemVisibility.set(position, false); // 设置指定项为隐藏状态
                mRvOrder.closeMenu(); // 关闭滑动菜单
                mAdapter.topIconData.remove(position);
                mAdapter.notifyItemRemoved(position);// 删除
                mAdapter.notifyItemRangeChanged(position, mAdapter.topIconData.size()-position);
            }
        });

        // 添加子项
        btnAdd.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mAdapter.topIconData.add("新添加的item");
                // 通知适配器插入新的item
                mAdapter.notifyItemInserted(mAdapter.topIconData.size() - 1);
                // 滚动到新添加的item的位置
                mRvOrder.scrollToPosition(mAdapter.topIconData.size() - 1);
            }
        });
    }

    private void initListener() {
        // 初始化监听器，这里没有实际的监听器设置
        // mTvLike.setOnClickListener(this);
    }
    public static int tv_go_follow = 1000006;
    @Override
    public void onClick(View view) {
        // 处理点击事件
    }

    private void setStatusBarHeight(View rootView) {
        // 设置状态栏高度的具体实现代码
    }
}

4. 子项文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@+id/ll_view"
    android:background="@color/white"
    android:orientation="horizontal">

    <RelativeLayout
        android:visibility="visible"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="?android:attr/selectableItemBackground"
        android:gravity="center_vertical"
        android:paddingBottom="12dp"
        android:paddingEnd="16dp"
        android:paddingStart="16dp"
        android:paddingTop="12dp">

        <TextView
            android:id="@+id/tv_quantity"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentEnd="true"
            android:layout_alignParentRight="true"
            android:layout_marginLeft="2dp"
            android:text="星期三"
            android:layout_marginStart="2dp"
            android:textColor="#FF34393F"
            android:textSize="12sp" />

        <TextView
            android:id="@+id/tv_item_desc"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Android X"
            android:layout_toLeftOf="@id/tv_quantity"
            android:layout_toStartOf="@id/tv_quantity"
            android:textColor="#FF34393F"
            android:textSize="14sp" />

        <TextView
            android:id="@+id/tv_detail"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@id/tv_item_desc"
            android:layout_marginTop="8dp"
            android:text="杭州"
            android:layout_toLeftOf="@+id/tv_volume"
            android:layout_toStartOf="@+id/tv_volume"
            android:textColor="#FFA3A5A8"
            android:textSize="12sp" />

        <TextView
            android:id="@+id/tv_volume"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignBottom="@id/tv_detail"
            android:layout_alignParentEnd="true"
            android:layout_alignParentRight="true"
            android:text="2023-08-09"
            android:layout_marginLeft="2dp"
            android:layout_marginStart="2dp"
            android:textColor="#FFA3A5A8"
            android:textSize="12sp" />

<!--        <TextView-->
<!--            android:id="@+id/tv_name"-->
<!--            android:layout_width="wrap_content"-->
<!--            android:layout_height="wrap_content"/>-->

    </RelativeLayout>

    <!--    <TextView-->
    <!--        android:id="@+id/tv_delete"-->
    <!--        android:layout_width="60dp"-->
    <!--        android:layout_height="match_parent"-->
    <!--        android:background="#FFF55030"-->
    <!--        android:gravity="center"-->
    <!--        android:visibility="gone"-->
    <!--        android:paddingEnd="16dp"-->
    <!--        android:paddingStart="16dp"-->
    <!--        android:text="删除"-->
    <!--        android:textColor="#FFFFFFFF"-->
    <!--        android:textSize="14sp" />-->
<!--    侧滑栏的右边 可以换成自己想要的图片或者文字-->
    <LinearLayout
        android:layout_width="160dp"
        android:layout_height="match_parent">

        <TextView
            android:id="@+id/tv_hide"
            android:layout_width="80dp"
            android:layout_height="match_parent"
            android:background="@color/blue_500"
            android:gravity="center"
            android:text="隐藏"
            android:textColor="#FFFFFFFF"
            android:textSize="12sp" />

        <TextView
            android:id="@+id/tv_delete"
            android:layout_width="80dp"
            android:layout_height="match_parent"
            android:background="#FFF55030"
            android:gravity="center"
            android:text="删除"
            android:textColor="#FFFFFFFF"
            android:textSize="12sp" />
<!--        <ImageView-->
<!--            android:id="@+id/im_delete"-->
<!--            android:layout_width="60dp"-->
<!--            android:layout_height="match_parent"-->
<!--            android:gravity="center"-->
<!--            android:paddingEnd="16dp"-->
<!--            android:paddingStart="16dp"-->
<!--            android:src="@drawable/ic_launcher_background" />-->

        <!--        <ImageView-->
        <!--            android:id="@+id/im_delete"-->
        <!--            android:layout_width="60dp"-->
        <!--            android:layout_height="match_parent"-->
        <!--            android:gravity="center"-->
        <!--            android:paddingEnd="16dp"-->
        <!--            android:paddingStart="16dp"-->
        <!--            android:src="@mipmap/icon_wechat" />-->

        <!--        <ImageView-->
        <!--            android:layout_width="60dp"-->
        <!--            android:layout_height="match_parent"-->
        <!--            android:gravity="center"-->
        <!--            android:paddingEnd="16dp"-->
        <!--            android:paddingStart="16dp"-->
        <!--            android:src="@mipmap/icon_alipay" />-->

    </LinearLayout>


</LinearLayout>

5. 布局文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/root_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/white"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:layout_weight="1">
            <TextView
                android:id="@+id/tv_selected"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="32dp"
                android:paddingTop="16dp"
                android:paddingBottom="8dp"
                android:text="可选择一张"
                android:textColor="@color/gray_999"
                android:textSize="12sp" />

                <com.example.sliderecyle.view.SlideRecyclerView
                    android:id="@+id/rvRedEnvelope"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:layout_marginTop="8dp"
                    android:paddingLeft="32dp"
                    android:paddingRight="32dp"
                    android:paddingBottom="16dp" />
        </LinearLayout>


    </LinearLayout>

    <Button
        android:id="@+id/btn_add"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:layout_alignParentBottom="true"
        android:layout_marginLeft="16dp"
        android:layout_marginRight="16dp"
        android:layout_marginBottom="16dp"
        android:background="@drawable/ic_launcher_background"
        android:text="添加"
        android:textColor="@color/white"
        android:textSize="16sp" />

</RelativeLayout>