ItemTouchHelperでRecyclerViewの入れ替え

この記事は、株式会社Y's アドベントカレンダー 25日目の記事になります。
KotlinによるAndroid開発の初歩的な内容になります。

　　
RecyclerView内のViewをロングタップで入れ替えたいときの1つのやり方として、ItemTouchHelperを使うと簡単に実装することができるよ！って話をしようと思います。↓みたいなイメージ。

こう並べて

ドラッグして

指を離すと入れ替わる

Viewの配置

RecyclerViewとGridLayoutManagerを使って並べていきます。

        // 30個のViewを作成
        val data = ArrayList<String>()
        for (number in 1..30) data.add(number.toString())

        // GridLayoutManagerで横幅を5に
        val recycler: RecyclerView = findViewById(R.id.recycler)
        val adapter = Adapter(data)
        recycler.adapter = adapter
        recycler.layoutManager = GridLayoutManager(this, 5)

ここまでで、
30個のViewが配置できました。

ItemTouchHelperでの入れ替え

ロングタップでの並び変え程度であれば、ItemTouchHelper.SimpleCallbackで簡単に実装できます。

        val touchHelper = ItemTouchHelper(object : ItemTouchHelper.SimpleCallback(
                ItemTouchHelper.UP or ItemTouchHelper.DOWN
             or ItemTouchHelper.RIGHT or ItemTouchHelper.LEFT, 0) {
           // ここで指定した方向にのみドラッグ可能

            override fun onMove(recyclerView: RecyclerView, viewHolder: RecyclerView.ViewHolder, target: RecyclerView.ViewHolder): Boolean {

                val from = viewHolder.adapterPosition
                val to = target.adapterPosition

                val data = adapter.data.removeAt(from)
                adapter.data.add(to, data)

                adapter.notifyItemMoved(from, to)

                return true
            }

            override fun onSwiped(viewHolder: RecyclerView.ViewHolder?, direction: Int) {
                // スワイプで削除する場合はここ
            }
        })

        touchHelper.attachToRecyclerView(recycler)
        recycler.addItemDecoration(touchHelper)
        // ここを忘れると動かないので注意

　　
これを付け加えるだけでドラッグでの移動が簡単にできるようになりました！