程序博客网 > 数据安全管理方案

RecyclerView系列之三:使用ItemTouchHelper实现RecyclerView的条目交互特效

来源：互联网 发布：数据安全管理方案 编辑：程序博客网 时间：2024/04/29 18:28
  • 文章目录
  1. 效果图
  2. ItemTouchHelper类解析和主要调用方法介绍
  3. 代码实现

  • ItemTouchHelper类介绍:该类主要用于支持RecyclerView添加侧滑和拖拽特效的辅助类,虽然是辅助类,但该类本身却是不工作的,只作为中间类,联系RecyclerView和ItemTouchHelper.Callback这两个真正工作的类.
  1. 问题一:ItemTouchHelp怎么与RecyclerView怎么联系?->itemTouchHelper.attachToRecyclerView(recyclerView)在该方法中实现
    1. //看人家的代码写的多风骚
    2. public void attachToRecyclerView(@Nullable RecyclerView recyclerView) {
    3.         if (mRecyclerView == recyclerView) {
    4.             return; // nothing to do
    5.         }
    6.         if (mRecyclerView != null) {
    7.             destroyCallbacks();
    8.         }
    9.         mRecyclerView = recyclerView;
    10.         if (mRecyclerView != null) {
    11.             final Resources resources = recyclerView.getResources();
    12.             mSwipeEscapeVelocity = resources
    13.                     .getDimension(R.dimen.item_touch_helper_swipe_escape_velocity);
    14.             mMaxSwipeVelocity = resources
    15.                     .getDimension(R.dimen.item_touch_helper_swipe_escape_max_velocity);
    16.             setupCallbacks();
    17.         }
    18.     }
  2. 问题二:真正工作的Callback类怎么起作用?->在ItemTouchHelper构造函数中传入.
    1. public class ItemTouchHelper extends RecyclerView.ItemDecoration
    2.         implements RecyclerView.OnChildAttachStateChangeListener {
    3.     //构造函数
    4.     public ItemTouchHelper(Callback callback) {
    5.         mCallback = callback;
    6.     }
    7. }
  3. 问题三:实现自己的CallBack并与RecyclerView联系起来->因为我们的拖拽和侧滑的动作都是在RecyclerView的适配器中进行,所有我们需要将自己实现的CallBack类和RecyclerView的Adapter通过接口关联起来
  4. 触摸接口主要定义两个方法:分别是长安拖拽和左右侧滑
    1. public interface ItemTouchListener {
    3.     /**
    4.      * 左右滑动时，adapter回调该方法去删除该位置的item
    5.      * @param position
    6.      */
    7.     boolean onItemRemove(int position);
    9.     /**
    10.      * 上下拖拽时回调方法，adpater将两个位置的item调换位置
    11.      * @param desPos
    12.      * @param targetPos
    13.      */
    14.     boolean onItemMoved(int desPos,int targetPos);
    15. }
  5. 让Adapter适配器实现触摸接口,而接口回调在CallBack实现类中处理
    1. public class InteractiveAdapter extends RecyclerView.Adapter<InteractiveAdapter.InteractiveViewHolder> implements ItemTouchListener {
    3.     private final ItemDragListener mDragListener;
    4.     private final Context mContext;
    5.     private List<String> mData;
    7.     public InteractiveAdapter(Context context, ItemDragListener listener) {
    8.         this.mContext = context;
    9.         this.mDragListener = listener;
    10.         mData = new ArrayList<>();
    11.     }
    13.     public void setData(List<String> datas) {
    14.         this.mData = datas;
    15.     }
    18.     private List<String> getRealDatas() {
    19.         return mData;
    20.     }
    22.     @Override
    23.     public InteractiveViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    24.         LayoutInflater inflater = LayoutInflater.from(mContext);
    25.         View itemView = inflater.inflate(R.layout.item_interactive, parent, false);
    26.         return new InteractiveViewHolder(itemView);
    27.     }
    29.     @Override
    30.     public void onBindViewHolder(final InteractiveViewHolder holder, int position) {
    31.         String data = mData.get(position);
    32.             holder.name.setText(data);
    33.         holder.logo.setOnTouchListener(new View.OnTouchListener() {
    34.             @Override
    35.             public boolean onTouch(View v, MotionEvent event) {
    36.                 if (event.getAction() == MotionEvent.ACTION_DOWN) {
    37.                     if (mDragListener != null) {
    38.                         mDragListener.onItemDrag(holder);
    39.                     }
    40.                 }
    41.                 return false;
    42.             }
    43.         });
    44.     }
    46.     @Override
    47.     public int getItemCount() {
    48.         return mData.size();
    49.     }
    51.     public class InteractiveViewHolder extends RecyclerView.ViewHolder {
    53.         private final ImageView logo;
    54.         private final TextView name;
    56.         public InteractiveViewHolder(View itemView) {
    57.             super(itemView);
    58.             logo = (ImageView) itemView.findViewById(R.id.iv_logo);
    59.             name = (TextView) itemView.findViewById(R.id.tv_name);
    60.         }
    61.     }
    63.     @Override
    64.     public boolean onItemRemove(int position) {
    65.         getRealDatas().remove(position);
    66.         notifyItemRemoved(position);
    67.         return true;
    68.     }
    70.     @Override
    71.     public boolean onItemMoved(int desPos, int targetPos) {
    72.         Collections.swap(getRealDatas(), desPos, targetPos);
    73.         notifyItemMoved(desPos, targetPos);
    74.         return true;
    75.     }
    76. }
  6. 实现自己的CallBack类,并进行方法解析
    1. public class MyItemTouchHelpCallback extends ItemTouchHelper.Callback {
    3.     private final java.lang.String TAG = this.getClass().getSimpleName();
    4.     private final ItemTouchListener mItemTouchListener;
    6.     public MyItemTouchHelpCallback(ItemTouchListener listener) {
    7.         this.mItemTouchListener = listener;
    8.     }
    10.     /**
    11.      * 该方法主要用于设置事件的方向：上下拖拽和左右滑动
    12.      *
    13.      * @param recyclerView
    14.      * @param viewHolder
    15.      * @return
    16.      */
    17.     @Override
    18.     public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
    19.         Logger.d(TAG, "getMovementFlags");
    20.         int dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN;//拖拽方向：上下
    21.         int swipeFlags = ItemTouchHelper.LEFT | ItemTouchHelper.RIGHT;//滑动方向：左右
    22.         return makeMovementFlags(dragFlags, swipeFlags);
    23.     }
    25.     /**
    26.      * 是否支持item左右滑动功能
    27.      *
    28.      * @return
    29.      */
    30.     @Override
    31.     public boolean isItemViewSwipeEnabled() {
    32.         return true;
    33.     }
    35.     /**
    36.      * 是否支持item长按拖拽功能
    37.      *
    38.      * @return
    39.      */
    40.     @Override
    41.     public boolean isLongPressDragEnabled() {
    42.         return true;
    43.     }
    45.     /**
    46.      * item拖拽回调的方法
    47.      *
    48.      * @param recyclerView
    49.      * @param viewHolder
    50.      * @param target
    51.      * @return
    52.      */
    53.     @Override
    54.     public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
    55.         Logger.d(TAG, "onMove");
    56.         return mItemTouchListener.onItemMoved(viewHolder.getAdapterPosition(), target.getAdapterPosition());
    57.     }
    59.     /**
    60.      * recyclerview滑动时，会调用该方法－》设置接口，让接口的实现类去真是处理
    61.      *
    62.      * @param viewHolder
    63.      * @param direction  滑动方向，可以判断是向左滑动还是向右
    64.      */
    65.     @Override
    66.     public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {
    67.         Logger.d(TAG, "onSwiped");
    68.         mItemTouchListener.onItemRemove(viewHolder.getAdapterPosition());
    69.     }
    71.     /**
    72.      * item左右滑动时,改变item的样式
    73.      *
    74.      * @param c
    75.      * @param recyclerView
    76.      * @param viewHolder
    77.      * @param dX
    78.      * @param dY
    79.      * @param actionState
    80.      * @param isCurrentlyActive
    81.      */
    82.     @Override
    83.     public void onChildDraw(Canvas c, RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, float dX, float dY, int actionState, boolean isCurrentlyActive) {
    84.         Logger.d("dx:" + dX + " -dy:" + dY);
    85.         if (actionState == ItemTouchHelper.ACTION_STATE_SWIPE) {
    86.             float scale = 1 -  (Math.abs(dX) / viewHolder.itemView.getWidth());// 1-0
    87.             viewHolder.itemView.setScaleX(scale);
    88.             viewHolder.itemView.setScaleY(scale);
    89.             viewHolder.itemView.setAlpha(scale);
    90.         }
    91.         super.onChildDraw(c, recyclerView, viewHolder, dX, dY, actionState, isCurrentlyActive);
    92.     }
    94.     /**
    95.      * 当item拖拽或滑动时调用
    96.      *
    97.      * @param viewHolder
    98.      * @param actionState
    99.      */
    100.     @Override
    101.     public void onSelectedChanged(RecyclerView.ViewHolder viewHolder, int actionState) {
    102.         Logger.d("actionState:" + actionState);
    103.         //当item拽或滑动时改变item的背景-->放开时,item背景恢复
    104.         if (actionState != ItemTouchHelper.ACTION_STATE_IDLE) {
    105.             viewHolder.itemView.setBackgroundColor(Color.GRAY);
    106.         }
    107.         super.onSelectedChanged(viewHolder, actionState);
    108.     }
    110.     @Override
    111.     public void clearView(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
    112.         viewHolder.itemView.setBackgroundColor(Color.WHITE);
    113.         //处理item布局复用问题
    114.         viewHolder.itemView.setScaleX(1.0f);
    115.         viewHolder.itemView.setScaleY(1.0f);
    116.         viewHolder.itemView.setAlpha(1.0f);
    117.         super.clearView(recyclerView, viewHolder);
    118.     }
    119. }
  7. ItemTouchHelper.Callback方法解析:
  • getMovementFlags():获取条目的运动方向标示->在该方法中通过位运算与和makeMovementFlags方法获取,并返回.
  • isItemViewSwipeEnabled():是否允许条目左右滑动->放回true表示允许
  • ieLongPressDragEnable():是否运行长按拖拽功能->返回true
  • onMove():条目拖拽时调用
  • onSwiped():条目滑动时调用->接口回调
  • onChildDraw():当条目左右滑动时,可以通过该方法为条目设置样式进行重新绘制
  • onSelectedChanged():条目选中时调用
  • clearView():条目滑动完或者拖拽完会调用的方法->可在该方法中进行样式的处理->界面重新绘制

  • itemTouchHelper类实现拖拽效果:通过调用方法ItemTouchHelper.startDrag(ViewHolder )->也是通过接口和RecyclerView的适配器关联起来
  • Activiey的代码
    1. public class InteractiveRecyclerView extends BaseActivity implements ItemDragListener {
    3.     @Bind(R.id.rv_recycleView)
    4.     RecyclerView mRecyclerView;
    5.     private InteractiveAdapter adapter;
    6.     private ItemTouchHelper touchHelper;
    7.     private List<String> datas;
    9.     @Override
    10.     protected void onCreate(Bundle savedInstanceState) {
    11.         super.onCreate(savedInstanceState);
    12.         setContentView(R.layout.activity_interactive_recycler);
    13.         ButterKnife.bind(this);
    14.         initToolBar();
    15.         initRecyclerView();
    16.     }
    18.     private void initRecyclerView() {
    19.         datas = new ArrayList<>();
    20.         for (int i = 0; i < 21; ) {
    21.             datas.add("Item" + ++i);
    22.         }
    24.         mRecyclerView.setLayoutManager(new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false));
    25.         adapter = new InteractiveAdapter(this, this);
    26.         adapter.setData(datas);
    27.         mRecyclerView.setAdapter(adapter);
    29.         //条目触摸辅助类
    30.         ItemTouchHelper.Callback callBack = new MyItemTouchHelpCallback(adapter);
    31.         touchHelper = new ItemTouchHelper(callBack);
    32.         touchHelper.attachToRecyclerView(mRecyclerView);
    33.     }
    35.     @Override
    36.     protected void onDestroy() {
    37.         super.onDestroy();
    38.         ButterKnife.unbind(this);
    39.     }
    41.     /**
    42.      * Adapter中logo设置了拖拽监听,让ItemTouchHelper去处理
    43.      *
    44.      * @param viewHolder
    45.      */
    46.     @Override
    47.     public void onItemDrag(RecyclerView.ViewHolder viewHolder) {
    48.         touchHelper.startDrag(viewHolder);
    49.     }
    50. }
    1. public interface ItemDragListener {
    3.     void onItemDrag(RecyclerView.ViewHolder viewHolder);
    4. }
0 0
数据安全管理方案 数据安全管理方案
原创粉丝点击
热门IT博客
mac下如何隐藏文件夹mac下如何隐藏文件夹
网络货币投资网络货币投资
淘宝触屏版手机版首页
中文域名使用
xye刷卡软件
足球大师数据
淘宝怎样设置货到付款
php移动接口开发
5g网络基础硬件建设
光线追踪算法阴影
永久免费进销存软件
淘宝卖家倒闭
日常工作记录软件
人工智能三大流派
jquery权威指南源码
假学生证办理的淘宝
canvas.js下载
js 左右滑动切换特效
学英语演讲的软件
网络工人app
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 汽车交强险是什么意思 如何买车险 车辆强制险赔偿范围 新车要买哪些保险 汽车保险怎么买 什么是车辆损失险 强交险 交强险价格 强制车险多少钱 交 强 险 车险交强险多少钱 交强险是什么险 网上交强险 交强险报价 交强险的价格 新车第二年交强险多少钱 交通强制保险多少钱 车险只买交强险 交强保险 商业险交强险 汽车保险交强险多少钱 办理交强险 交强险办理 车交强险 交强险包括哪些险种 上交强险多少钱 交强险三者险多少钱 交强险和商业险区别 交强险保费 交强险保险公司 交强险 办理 交强险网上投保 什么交强险 私家车交强险 车辆强保险 新车交强险在哪交 阳光保险交强险多少钱 人寿交强险 投保交强险 人保交强险 交强险 保险公司

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里