滑动删除Item，拖拽切换Item，你想了解的都在这儿

最新推荐文章于 2022-07-25 16:05:04 发布
最新推荐文章于 2022-07-25 16:05:04 发布
阅读量299 收藏
点赞数

转自：http://blog.csdn.net/xiaohanluo/article/details/52330537

1. 概述

如果上两篇对RecyclerView介绍后，依然没有引起你的兴趣，那么下面关于RecyclerView的使用我相信一定会让你如获珍宝。直接看运行效果。


图-1 RecyclerView滑动删除

图-2 RecyclerView拖拽切换

用ListView或者GridView实现上图中的功能非常麻烦，而如果用RecyclerView来实现，则非常简单。

如果对RecyclerView还没有认识的同学，可以查看这两篇文章。

RecyclerView使用一

RecyclerView使用二

2. ItemTouchHelper&ItemToucheHelper.CallBack

要实现上面的效果，代码很简单，只需要添加以下代码。

<code class="language-java hljs  has-numbering">mItemTouchHelper = <span class="hljs-keyword">new</span> ItemTouchHelper(mItemTouchCallBack);

mItemTouchHelper.attachToRecyclerView(mRecyclerView);</code><ul style="" class="pre-numbering"><li>1</li><li>2</li><li>3</li></ul>

       ItemTouchHelper主要用于对RecyclerView滑动删除和拖拽切换提供支持，它支持所有的类型的布局管理器LayoutManager。它只有一个构造函数，必须传入ItemToucheHelper.CallBack这个类的实例化对象。

       ItemToucheHelper.CallBack它可以控制用户的哪些行为是可以操控列表的Item的，当用户进行了这些操作，它会收到回调。它有几个重要的回调方法。

<code class="language-java hljs  has-numbering">mItemTouchCallBack = <span class="hljs-keyword">new</span> ItemTouchHelper.Callback() {
    <span class="hljs-javadoc">/**
     * 设置滑动类型标记
     *
     *<span class="hljs-javadoctag"> @param</span> recyclerView
     *<span class="hljs-javadoctag"> @param</span> viewHolder
     *<span class="hljs-javadoctag"> @return</span>
     *          返回一个整数类型的标识，用于判断Item那种移动行为是允许的
     */</span>
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">int</span> <span class="hljs-title">getMovementFlags</span>(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
        <span class="hljs-keyword">return</span> makeMovementFlags(<span class="hljs-number">0</span>,ItemTouchHelper.START | ItemTouchHelper.END);
    }

    <span class="hljs-javadoc">/**
     * Item是否支持长按拖动
     *
     *<span class="hljs-javadoctag"> @return</span>
     *          true  支持长按操作
     *          false 不支持长按操作
     */</span>
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">boolean</span> <span class="hljs-title">isLongPressDragEnabled</span>() {
        <span class="hljs-keyword">return</span> <span class="hljs-keyword">false</span>;
    }

    <span class="hljs-javadoc">/**
     * Item是否支持滑动
     *
     *<span class="hljs-javadoctag"> @return</span>
     *          true  支持滑动操作
     *          false 不支持滑动操作
     */</span>
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">boolean</span> <span class="hljs-title">isItemViewSwipeEnabled</span>() {
        <span class="hljs-keyword">return</span> <span class="hljs-keyword">true</span>;
    }

    <span class="hljs-javadoc">/**
     * 拖拽切换Item的回调
     *
     *<span class="hljs-javadoctag"> @param</span> recyclerView
     *<span class="hljs-javadoctag"> @param</span> viewHolder
     *<span class="hljs-javadoctag"> @param</span> target
     *<span class="hljs-javadoctag"> @return</span>
     *          如果Item切换了位置，返回true；反之，返回false
     */</span>
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">boolean</span> <span class="hljs-title">onMove</span>(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
        <span class="hljs-keyword">return</span> <span class="hljs-keyword">true</span>;
    }

    <span class="hljs-javadoc">/**
     * 滑动删除Item
     *
     *<span class="hljs-javadoctag"> @param</span> viewHolder
     *<span class="hljs-javadoctag"> @param</span> direction
     *           Item滑动的方向
     */</span>
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onSwiped</span>(RecyclerView.ViewHolder viewHolder, <span class="hljs-keyword">int</span> direction) {
        mAdapter.delete(viewHolder.getAdapterPosition());
    }

    <span class="hljs-javadoc">/**
     * Item被选中时候回调
     *
     *<span class="hljs-javadoctag"> @param</span> viewHolder
     *<span class="hljs-javadoctag"> @param</span> actionState
     *          当前Item的状态
     *          ItemTouchHelper.ACTION_STATE_IDLE   闲置状态
     *          ItemTouchHelper.ACTION_STATE_SWIPE  滑动中状态
     *          ItemTouchHelper#ACTION_STATE_DRAG   拖拽中状态
     */</span>
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onSelectedChanged</span>(RecyclerView.ViewHolder viewHolder, <span class="hljs-keyword">int</span> actionState) {
        <span class="hljs-comment">//  item被选中的操作</span>
        <span class="hljs-keyword">if</span>(actionState != ItemTouchHelper.ACTION_STATE_IDLE) {
            viewHolder.itemView.setBackgroundResource(R.color.md_gray);
        }
        <span class="hljs-keyword">super</span>.onSelectedChanged(viewHolder, actionState);
    }

    <span class="hljs-javadoc">/**
     * 移动过程中绘制Item
     *
     *<span class="hljs-javadoctag"> @param</span> c
     *<span class="hljs-javadoctag"> @param</span> recyclerView
     *<span class="hljs-javadoctag"> @param</span> viewHolder
     *<span class="hljs-javadoctag"> @param</span> dX
     *          X轴移动的距离
     *<span class="hljs-javadoctag"> @param</span> dY
     *          Y轴移动的距离
     *<span class="hljs-javadoctag"> @param</span> actionState
     *          当前Item的状态
     *<span class="hljs-javadoctag"> @param</span> isCurrentlyActive
     *          如果当前被用户操作为true，反之为false
     */</span>
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onChildDraw</span>(Canvas c, RecyclerView recyclerView,
                            RecyclerView.ViewHolder viewHolder,
                            <span class="hljs-keyword">float</span> dX, <span class="hljs-keyword">float</span> dY, <span class="hljs-keyword">int</span> actionState, <span class="hljs-keyword">boolean</span> isCurrentlyActive) {
        <span class="hljs-keyword">float</span> x = Math.abs(dX) + <span class="hljs-number">0.5</span>f;
        <span class="hljs-keyword">float</span> width = viewHolder.itemView.getWidth();
        <span class="hljs-keyword">float</span> alpha = <span class="hljs-number">1</span>f - x / width;
        viewHolder.itemView.setAlpha(alpha);
        <span class="hljs-keyword">super</span>.onChildDraw(c, recyclerView, viewHolder, dX, dY, actionState,
                isCurrentlyActive);
    }

    <span class="hljs-javadoc">/**
     * 移动过程中绘制Item
     *
     *<span class="hljs-javadoctag"> @param</span> c
     *<span class="hljs-javadoctag"> @param</span> recyclerView
     *<span class="hljs-javadoctag"> @param</span> viewHolder
     *<span class="hljs-javadoctag"> @param</span> dX
     *          X轴移动的距离
     *<span class="hljs-javadoctag"> @param</span> dY
     *          Y轴移动的距离
     *<span class="hljs-javadoctag"> @param</span> actionState
     *          当前Item的状态
     *<span class="hljs-javadoctag"> @param</span> isCurrentlyActive
     *          如果当前被用户操作为true，反之为false
     */</span>
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onChildDrawOver</span>(Canvas c, RecyclerView recyclerView,
                                RecyclerView.ViewHolder viewHolder, <span class="hljs-keyword">float</span> dX, <span class="hljs-keyword">float</span> dY, <span class="hljs-keyword">int</span> actionState,
                                <span class="hljs-keyword">boolean</span> isCurrentlyActive) {
        <span class="hljs-keyword">super</span>.onChildDrawOver(c, recyclerView, viewHolder, dX, dY, actionState,
                isCurrentlyActive);
    }

    <span class="hljs-javadoc">/**
     * 用户操作完毕或者动画完毕后会被调用
     *
     *<span class="hljs-javadoctag"> @param</span> recyclerView
     *<span class="hljs-javadoctag"> @param</span> viewHolder
     */</span>
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">clearView</span>(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
        <span class="hljs-comment">// 操作完毕后恢复颜色</span>
        viewHolder.itemView.setBackgroundResource(R.color.md_white);
        viewHolder.itemView.setAlpha(<span class="hljs-number">1.0</span>f);
        <span class="hljs-keyword">super</span>.clearView(recyclerView, viewHolder);
    }
};</code><ul style="" class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li><li>18</li><li>19</li><li>20</li><li>21</li><li>22</li><li>23</li><li>24</li><li>25</li><li>26</li><li>27</li><li>28</li><li>29</li><li>30</li><li>31</li><li>32</li><li>33</li><li>34</li><li>35</li><li>36</li><li>37</li><li>38</li><li>39</li><li>40</li><li>41</li><li>42</li><li>43</li><li>44</li><li>45</li><li>46</li><li>47</li><li>48</li><li>49</li><li>50</li><li>51</li><li>52</li><li>53</li><li>54</li><li>55</li><li>56</li><li>57</li><li>58</li><li>59</li><li>60</li><li>61</li><li>62</li><li>63</li><li>64</li><li>65</li><li>66</li><li>67</li><li>68</li><li>69</li><li>70</li><li>71</li><li>72</li><li>73</li><li>74</li><li>75</li><li>76</li><li>77</li><li>78</li><li>79</li><li>80</li><li>81</li><li>82</li><li>83</li><li>84</li><li>85</li><li>86</li><li>87</li><li>88</li><li>89</li><li>90</li><li>91</li><li>92</li><li>93</li><li>94</li><li>95</li><li>96</li><li>97</li><li>98</li><li>99</li><li>100</li><li>101</li><li>102</li><li>103</li><li>104</li><li>105</li><li>106</li><li>107</li><li>108</li><li>109</li><li>110</li><li>111</li><li>112</li><li>113</li><li>114</li><li>115</li><li>116</li><li>117</li><li>118</li><li>119</li><li>120</li><li>121</li><li>122</li><li>123</li><li>124</li><li>125</li><li>126</li><li>127</li><li>128</li><li>129</li><li>130</li><li>131</li><li>132</li><li>133</li><li>134</li><li>135</li><li>136</li><li>137</li><li>138</li><li>139</li><li>140</li><li>141</li><li>142</li><li>143</li><li>144</li><li>145</li><li>146</li><li>147</li></ul>

       可以看见，其实用户的行为都被官方提供的v7包给封装了一层，只暴露出几个重要的方法，也就是说滑动删除和拖拽切换主要的操作行为都在ItemToucheHelper.CallBack中，我们主要关注它就行了。

3. 滑动删除

       RecyclerView的具体使用就不再次贴代码了，不清楚的同学可以查看RecyclerView使用这篇文章。看一下滑动删除的ItemToucheHelper.CallBack的实现。

<code class="language-java hljs  has-numbering">mItemTouchCallBack = <span class="hljs-keyword">new</span> ItemTouchHelper.Callback() {
    <span class="hljs-javadoc">/**
     * 设置滑动类型标记，可从两端滑动Item
     */</span>
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">int</span> <span class="hljs-title">getMovementFlags</span>(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
        <span class="hljs-keyword">return</span> makeMovementFlags(<span class="hljs-number">0</span>,ItemTouchHelper.START | ItemTouchHelper.END);
    }

    <span class="hljs-javadoc">/**
     * 设置Item不支持长按拖动
     */</span>
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">boolean</span> <span class="hljs-title">isLongPressDragEnabled</span>() {
        <span class="hljs-keyword">return</span> <span class="hljs-keyword">false</span>;
    }

    <span class="hljs-javadoc">/**
     * Item支持滑动
     */</span>
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">boolean</span> <span class="hljs-title">isItemViewSwipeEnabled</span>() {
        <span class="hljs-keyword">return</span> <span class="hljs-keyword">true</span>;
    }

    <span class="hljs-javadoc">/**
     * 滑动删除Item的操作
     */</span>
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onSwiped</span>(RecyclerView.ViewHolder viewHolder, <span class="hljs-keyword">int</span> direction) {
        mAdapter.delete(viewHolder.getAdapterPosition());
    }

    <span class="hljs-javadoc">/**
     * Item被选中时候，改变Item的背景
     */</span>
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onSelectedChanged</span>(RecyclerView.ViewHolder viewHolder, <span class="hljs-keyword">int</span> actionState) {
        <span class="hljs-comment">//  item被选中的操作</span>
        <span class="hljs-keyword">if</span>(actionState != ItemTouchHelper.ACTION_STATE_IDLE) {
            viewHolder.itemView.setBackgroundResource(R.color.md_gray);
        }
        <span class="hljs-keyword">super</span>.onSelectedChanged(viewHolder, actionState);
    }

    <span class="hljs-javadoc">/**
     * 移动过程中重新绘制Item，随着滑动的距离，设置Item的透明度
     */</span>
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onChildDraw</span>(Canvas c, RecyclerView recyclerView,
                            RecyclerView.ViewHolder viewHolder,
                            <span class="hljs-keyword">float</span> dX, <span class="hljs-keyword">float</span> dY, <span class="hljs-keyword">int</span> actionState, <span class="hljs-keyword">boolean</span> isCurrentlyActive) {
        <span class="hljs-keyword">float</span> x = Math.abs(dX) + <span class="hljs-number">0.5</span>f;
        <span class="hljs-keyword">float</span> width = viewHolder.itemView.getWidth();
        <span class="hljs-keyword">float</span> alpha = <span class="hljs-number">1</span>f - x / width;
        viewHolder.itemView.setAlpha(alpha);
        <span class="hljs-keyword">super</span>.onChildDraw(c, recyclerView, viewHolder, dX, dY, actionState,
                isCurrentlyActive);
    }

    <span class="hljs-javadoc">/**
     * 用户操作完毕或者动画完毕后调用，恢复item的背景和透明度
     */</span>
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">clearView</span>(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
        <span class="hljs-comment">// 操作完毕后恢复颜色</span>
        viewHolder.itemView.setBackgroundResource(R.color.md_white);
        viewHolder.itemView.setAlpha(<span class="hljs-number">1.0</span>f);
        <span class="hljs-keyword">super</span>.clearView(recyclerView, viewHolder);
    }
};</code><ul style="" class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li><li>18</li><li>19</li><li>20</li><li>21</li><li>22</li><li>23</li><li>24</li><li>25</li><li>26</li><li>27</li><li>28</li><li>29</li><li>30</li><li>31</li><li>32</li><li>33</li><li>34</li><li>35</li><li>36</li><li>37</li><li>38</li><li>39</li><li>40</li><li>41</li><li>42</li><li>43</li><li>44</li><li>45</li><li>46</li><li>47</li><li>48</li><li>49</li><li>50</li><li>51</li><li>52</li><li>53</li><li>54</li><li>55</li><li>56</li><li>57</li><li>58</li><li>59</li><li>60</li><li>61</li><li>62</li><li>63</li><li>64</li><li>65</li><li>66</li><li>67</li><li>68</li><li>69</li><li>70</li><li>71</li></ul>

做了以下修改，说明一下各个方法的作用：

  • 在getMovementFlags()方法中，调用了一个已经有的方法makeMovementFlags(int dragFlags, int swipeFlags)，它用于创建一个滑动类型标记，有两个参数，第一个参数是拖拽的标记，第二个参数是滑动的标记。在这里我设置不可拖拽Item（传入0），可滑动Item的两端。
  • isLongPressDragEnabled返回了false，让Item不会触发长按事件。
  • isItemViewSwipeEnabled()返回了true，让Item支持滑动操作。
  • 在onSelectedChanged()方法中当Item的状态为滑动或者拖拽时候，改变Item背景。
  • 在onChildDraw()方法中处理了Item滑动操作，首先根据滑动距离改变了Item的透明度，然后调用父类方法，让Item根据手势滑动。
  • 在clearView()中，恢复了Item的背景和透明度。
  • 在onSwiped()方法中，调用自定的Adapter中的delete()方法，将该位置的数据删除，并重新绘制列表。
<code class="language-java hljs  has-numbering"><span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">delete</span>(<span class="hljs-keyword">int</span> position) {
    <span class="hljs-keyword">if</span>(position < <span class="hljs-number">0</span> || position > getItemCount()) {
        <span class="hljs-keyword">return</span>;
    }
    mData.remove(position);
    notifyItemRemoved(position);
}</code><ul style="" class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li></ul>

最后实现的效果如下图。


图-3 RecyclerView滑动删除

4. 拖拽切换

       拖拽切换和滑动删除思路相同，只不过在处理过程有一些不同。网易新闻在添加栏目时候，就有网格的列表，长按之后可以拖拽切换Item，可以参考一下，也做个类似的demo。先看下ItemToucheHelper.CallBack的实现。

<code class="language-java hljs  has-numbering">mItemTouchCallBack = <span class="hljs-keyword">new</span> ItemTouchHelper.Callback() {
    <span class="hljs-javadoc">/**
     * 设置滑动类型标记
     *
     *<span class="hljs-javadoctag"> @param</span> recyclerView
     *<span class="hljs-javadoctag"> @param</span> viewHolder
     *<span class="hljs-javadoctag"> @return</span>
     *          返回一个整数类型的标识，用于判断Item那种移动行为是允许的
     */</span>
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">int</span> <span class="hljs-title">getMovementFlags</span>(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
        <span class="hljs-keyword">return</span> makeMovementFlags(ItemTouchHelper.RIGHT | ItemTouchHelper.LEFT | ItemTouchHelper.DOWN | ItemTouchHelper.UP, <span class="hljs-number">0</span>);
    }

    <span class="hljs-javadoc">/**
     * Item是否支持长按拖动
     *
     *<span class="hljs-javadoctag"> @return</span>
     *          true  支持长按操作
     *          false 不支持长按操作
     */</span>
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">boolean</span> <span class="hljs-title">isLongPressDragEnabled</span>() {
        <span class="hljs-keyword">return</span> <span class="hljs-keyword">true</span>;
    }

    <span class="hljs-javadoc">/**
     * Item是否支持滑动
     *
     *<span class="hljs-javadoctag"> @return</span>
     *          true  支持滑动操作
     *          false 不支持滑动操作
     */</span>
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">boolean</span> <span class="hljs-title">isItemViewSwipeEnabled</span>() {
        <span class="hljs-keyword">return</span> <span class="hljs-keyword">false</span>;
    }

    <span class="hljs-javadoc">/**
     * 拖拽切换Item的回调
     *
     *<span class="hljs-javadoctag"> @param</span> recyclerView
     *<span class="hljs-javadoctag"> @param</span> viewHolder
     *<span class="hljs-javadoctag"> @param</span> target
     *<span class="hljs-javadoctag"> @return</span>
     *          如果Item切换了位置，返回true；反之，返回false
     */</span>
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">boolean</span> <span class="hljs-title">onMove</span>(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
        mAdapter.move(viewHolder.getAdapterPosition(), target.getAdapterPosition());
        <span class="hljs-keyword">return</span> <span class="hljs-keyword">true</span>;
    }

    <span class="hljs-javadoc">/**
     * Item被选中时候回调
     *
     *<span class="hljs-javadoctag"> @param</span> viewHolder
     *<span class="hljs-javadoctag"> @param</span> actionState
     *          当前Item的状态
     *          ItemTouchHelper.ACTION_STATE_IDLE   闲置状态
     *          ItemTouchHelper.ACTION_STATE_SWIPE  滑动中状态
     *          ItemTouchHelper#ACTION_STATE_DRAG   拖拽中状态
     */</span>
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onSelectedChanged</span>(RecyclerView.ViewHolder viewHolder, <span class="hljs-keyword">int</span> actionState) {
        <span class="hljs-comment">//  item被选中的操作</span>
        <span class="hljs-keyword">if</span>(actionState != ItemTouchHelper.ACTION_STATE_IDLE) {
            viewHolder.itemView.setBackgroundResource(R.color.md_gray);
        }
        <span class="hljs-keyword">super</span>.onSelectedChanged(viewHolder, actionState);
    }

    <span class="hljs-javadoc">/**
     * 用户操作完毕或者动画完毕后会被调用
     *
     *<span class="hljs-javadoctag"> @param</span> recyclerView
     *<span class="hljs-javadoctag"> @param</span> viewHolder
     */</span>
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">clearView</span>(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
        <span class="hljs-comment">// 操作完毕后恢复颜色</span>
        viewHolder.itemView.setBackgroundResource(R.drawable.md_common_bg);
        <span class="hljs-keyword">super</span>.clearView(recyclerView, viewHolder);
    }
};</code><ul style="" class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li><li>18</li><li>19</li><li>20</li><li>21</li><li>22</li><li>23</li><li>24</li><li>25</li><li>26</li><li>27</li><li>28</li><li>29</li><li>30</li><li>31</li><li>32</li><li>33</li><li>34</li><li>35</li><li>36</li><li>37</li><li>38</li><li>39</li><li>40</li><li>41</li><li>42</li><li>43</li><li>44</li><li>45</li><li>46</li><li>47</li><li>48</li><li>49</li><li>50</li><li>51</li><li>52</li><li>53</li><li>54</li><li>55</li><li>56</li><li>57</li><li>58</li><li>59</li><li>60</li><li>61</li><li>62</li><li>63</li><li>64</li><li>65</li><li>66</li><li>67</li><li>68</li><li>69</li><li>70</li><li>71</li><li>72</li><li>73</li><li>74</li><li>75</li><li>76</li><li>77</li><li>78</li><li>79</li><li>80</li><li>81</li><li>82</li><li>83</li><li>84</li><li>85</li></ul>

做了以下的修改，说明一下各个方法的作用：

  • getMovementFlags()中设置可上下左右拖拽Item，但是不能滑动Item。
  • isLongPressDragEnabled()设置为true，Item会出发长按事件
  • isItemViewSwipeEnabled()设置为false，Item不可滑动
  • onSelectedChanged()设置了Item被选中时候的背景
  • clearView()恢复了Item的背景
  • onMove()调用了自定义的Adapter中的move()方法，将数据放到新的位置，并且重新绘制列表。
<code class="language-java hljs  has-numbering"><span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">move</span>(<span class="hljs-keyword">int</span> fromPosition, <span class="hljs-keyword">int</span> toPosition) {
    String prev = mData.remove(fromPosition);
    mData.add(toPosition > fromPosition ? toPosition - <span class="hljs-number">1</span> : toPosition, prev);
    notifyItemMoved(fromPosition, toPosition);
}</code><ul style="" class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li></ul>

然后在设置RecyclerView的一些其他属性。

<code class="language-java hljs  has-numbering"><span class="hljs-comment">// 实例化ItemTouchHelperm</span>
mItemTouchHelper = <span class="hljs-keyword">new</span> ItemTouchHelper(mItemTouchCallBack);
<span class="hljs-comment">// 实例化适配器</span>
mAdapter = <span class="hljs-keyword">new</span> MDDragRvAdapter(MDMockData.getRvData());
<span class="hljs-comment">// 实例化布局管理器，网格样式</span>
mLayoutManager = <span class="hljs-keyword">new</span> GridLayoutManager(<span class="hljs-keyword">this</span>, <span class="hljs-number">4</span>, OrientationHelper.VERTICAL, <span class="hljs-keyword">false</span>);
<span class="hljs-comment">// 设置适配器</span>
mRecyclerView.setAdapter(mAdapter);
<span class="hljs-comment">// 设置布局管理器</span>
mRecyclerView.setLayoutManager(mLayoutManager);
<span class="hljs-comment">// 关联RecyclerView和ItemTouchHelper</span>
mItemTouchHelper.attachToRecyclerView(mRecyclerView);</code><ul style="" class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li></ul>

最后看一下实现的效果。


图-4 RecyclerView拖拽切换

5. 总结

       在熟悉了ItemToucheHelper.CallBack后，就能根据自己的需求实现各种效果，列表或者网格的都可以满足，使用起来非常简单。关于RecyclerView使用的介绍，也到此为止了。最后附上Demo工程的地址。

最后附上工程地址：Demo工程地址


程序小兵
关注
RecycleView实现 item侧滑删除与拖拽
学海无涯的博客
07-25 431
侧滑删除与拖拽一, 添加依赖二, 布局文件三, 代码实现 一, 添加依赖 // 侧滑删除依赖 implementation 'com.yanzhenjie.recyclerview:support:1.3.2' 二, 布局文件 这里使用的的控件是: com.yanzhenjie.recyclerview.SwipeRecyclerView <?xml version="1.0" enco...
listView 的item滑动删除
aiguoguo000的博客
08-17 869
参考：https://github.com/baoyongzhang/SwipeMenuListView
一个可变布局列表，有9种布局item大小，每个item可拖拽切换位置
findhappy117的博客
03-01 1167
代码地址如下：http://www.demodashi.com/demo/11271.html 一、准备工作 准备一台安卓设备手机，4.4以上版本 本例子实现，一个可变布局列表，有9种布局item大小，每个item可拖拽切换位置 二、程序实现 项目结构截图 主界面列表程序 public class DragListActivity extends AppCompatActivity {
android Item 滑动删除核心逻辑实现
Cat的专栏
05-02 725
Android 中滑动删除的Item，往往是一个Item的宽度比较大，超过了手机屏幕，必须滑动才能显示完全的。 那么如何实现滑动？实现滑动的前提是，当前的布局宽度超过了屏幕宽度。所以，第一个问题应该是：如何写一个布局，让其宽度超过一个屏幕？ 这个可以直接在xml布局中完成。这里给出一个示例： <LinearLayout android:id="@+id/main_line2" an
ItemTouchHelper,让你轻松打造RecyclerView中Item的滑动删除，拖拽交换
Raleigh
09-10 1281
ItemTouchHelper是什么？ ItemTouchHelper是v7包中的用于为RecyclerView中Item操作提供帮助的工具类。 [java] view plaincopy /**   * This is a utility class to add swipe to dismiss and drag & dr
Android使用RecycleView实现拖拽交换item位置
01-20
4. 在Adapter中实现`ItemTouchHelperAdapter`接口，处理拖拽交换和滑动删除的逻辑，如更新数据集、刷新界面等。 通过以上步骤，我们可以轻松实现RecycleView中拖拽交换item位置的功能。这个功能增强了用户的交互...
GridView item Pager 拖动 滑动 换位 完整优化版本 以及长按删除的功能
05-05
在给定的项目“GridView item Pager 拖动 滑动 换位 完整优化版本 以及长按删除的功能”中，开发者提供了一个优化后的GridView实现，它增加了拖动、滑动、换位以及长按删除等交互功能，极大地提升了用户体验。...
Android 实现item或页面上下滑动切换
明明爱
08-22 6496
转载请标明出处： 【明明爱的博客】 一、概述做一个上下滑动来切换View，先上图： 其实在很多地方可以用到，例如：密码登录和短信登录，注册流程等需求都可以用这中交互。二、分析要做这样的交互有几个要得到的数据，滑动、动画、切换。 思考流程： - 怎样让View可以平滑 - 怎样得到滑动的View - 怎样获取滑动比例根据这些疑问我们来一步步解决它。在想做这个之前在想想Android有没
Recyclerview使用ItemTouchHelper实现拖拽切换item位置
qq_39994562的博客
07-25 980
无
RecyclerView的使用（二）——拖曳移动和滑动删除
5ingwings(SiHao)的博客
12-01 988
RecyclerView的使用（二）——拖曳移动和滑动删除1 先获取屏幕的宽度//声明 private int screenwidth; //oncreate中 //获取屏幕宽度 WindowManager wm = (WindowManager) MainActivity.this .getSystemService(Context.WINDOW
学习笔记：Unity战斗卡牌游戏（二）-----滑动列表及克隆删除对象以及代码添加脚本...
weixin_30252709的博客
06-30 271
鼠标悬浮、点击放大特效 Button Scale: 按钮点击事件 将新建的Login脚本挂到Scene下： 方法一： 1）获取输入框及按钮 2) 注册监听器，绑定的是BoxCollider的gameObject 3) 填写按钮事件 private UIInput input1; private...
js拖拽功能
fjbadm的专栏
03-01 370
$("#datatable").find("tbody").attr("id","tbodyId"); /* 拖拽功能 $("#tbodyId").dragsort({ itemSelector: "tr", dragSelector: "tr", dragBetween: false, //dragEnd: save...
Android纠正滑动删除只能点删除不能点Item的修改
唯一郭大侠
08-05 689
之前写过一个类似IOS的左划出现删除，点击删除的博客，但是在后期的开发中，遇到了一些问题，光设计前端效果的话是没有问题的，但是发现没有Item的点击，一个侧滑的事件和点击item的事件监听冲突了。所以在此做出一定的修改，也找了很多资料来了解。最后实现了，既可以侧滑删除监听，也可以Item点击监听。 这只是针对我的项目来写出的东西，有些项目也许只需要侧滑的删除，所以没有谁对谁错。根据自己的需求来做
【RecyclerView & ItemTouchHelper】给RecyclerView设置padding后,拖拽移动item出现问题
weixin_43846184的博客
02-20 573
首先，把功能正常的代码贴上 val itemTouchHelper = ItemTouchHelper(object: ItemTouchHelper.Callback(){ override fun getMovementFlags(recyclerView: RecyclerView, viewHolder:RecyclerView.ViewHolder): Int{ val dragFlag = ItemTouchHelper.UP | ItemTouchHelper
recyclerview 列表的item 拖拽 置顶 全选 删除 功能
Nate_fu
11-26 404
        很多时候我们需要对列表进行一些操作，比如说股票的自选列表 我们希望能够拖拽删除置顶等操作。在recyclerveiw 之前 我们使用listview 完成这些操作 有点点麻烦，但是在recyclerview 出来之后ItemTouchHelper类使得一切变得简单。        先上图看下效果 /** * Creates an ItemTouchHelper...
理解RecyclerView（三）—添加分割线、item动画、拖拽和侧滑删除
https://juejin.cn/user/1654096907477549/posts
01-16 1258
前言：这个世界充满假象，唯有痛楚不会说谎。——摔跤吧，爸爸 一、概述 我们在上两篇文章对RecyclerView详细介，包含了基本用法，各种布局管理器的使用以及不同itemType条目类型，那么下面我们会继续对RecyclerView的添加分割线、动画效果、添加拖拽和删除功能进行讲解。(源码在文章最后给出) 二、ItemDecoration分割线   通常我们添加分割线都是在item的布局里面添加，这样相对简单，但是有可能增加布局的层级，性能不好而且不太优雅，RecyclerView提供
RecyclerView 源码分析（十）ItemTouchHelper源码详解
aha_jasper的博客
12-09 447
RecyclerView 源码分析（十）ItemTouchHelper源码详解ItemTouchHelper效果展示ItemTouchHelper使用的简单介绍ItemTouchHelper.Callback常用函数ItemTouchHelper的使用源码分析select()函数attachToRecyclerView() ItemTouchHelper源码详解 ItemTouchHelper是一个强大的帮助类。用来配合RecyclerView使用，ItemTouchHelper同一时刻只能支持两种效果：s
高端操作！实现RecyclerView的上下拖拽
qq_40987010的博客
07-01 2404
写在前面 最近工作强度好大，一天能敲10小时以上的代码，敲的我头疼。代码写多了，突然想起来，好像真的很久没发技术文了，原因有很多，就不说了。。都是借口，今天分享内容也是工作时遇上的一个小需求，觉得挺有意思，那就写篇文章吧！   需求描述大概是这样，一个页面有一个列表，列表里有很多item，需要支持用户拖拽其中item到不同的位置，来对列表项进行重新排序。 要实现的效果大概如下： 除去与业务相关的部分，我们只需关注如何让列表item支持上下拖拽就行，这也是这个需求的关键。 我们组安卓岗在半年前已经全部用k
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值