I would like to create smth like that with using ItemTouchHelper:
This picture was taken from my current project but it was created with SwipeRevealLayout and it is too difficult for me to customise it.Some days ago, I saw this question and understood that I can use ItemTouchHelper for solveing my problem. I found this code and tried to use it inside my project:
val simpleCallback = object : ItemTouchHelper.SimpleCallback(0, ItemTouchHelper.LEFT or ItemTouchHelper.RIGHT) {
override fun onMove(p0: RecyclerView, p1: RecyclerView.ViewHolder, p2: RecyclerView.ViewHolder): Boolean {
return false
}
override fun getSwipeDirs(recyclerView: RecyclerView, viewHolder: RecyclerView.ViewHolder): Int {
val position = viewHolder.adapterPosition
if (position != editPosition) {
if (editPosition != -1 && flagSwiped) {
adapter.notifyItemChanged(position)
flagSwiped = false
editPosition = position
}
}
return super.getSwipeDirs(recyclerView, viewHolder)
}
override fun onSwiped(holder: RecyclerView.ViewHolder, direction: Int) {
}
override fun onChildDraw(c: Canvas, recyclerView: RecyclerView, viewHolder: RecyclerView.ViewHolder, dX: Float, dY: Float, actionState: Int, isCurrentlyActive: Boolean) {
val icon: Drawable
if (actionState == ItemTouchHelper.ACTION_STATE_SWIPE) {
val itemView = viewHolder.itemView;
val height = itemView.bottom - itemView.top;
val width = itemView.right - itemView.left;
val iconH = resources.displayMetrics.density * 28;
val iconW = resources.displayMetrics.density * 28;
if (dX > 0) {
val background = RectF(itemView.left.toFloat(), itemView.top.toFloat(), dX, itemView.bottom.toFloat())
p.color = Color.parseColor("#FF9800")
c.drawRect(background, p)
icon = ContextCompat.getDrawable(context!!, android.R.drawable.ic_input_add)!!
icon.setColorFilter(Color.WHITE, PorterDuff.Mode.SRC_ATOP)
// you can also use icon size
// int iconWidth = icon.getIntrinsicWidth();
// int iconHeight = icon.getIntrinsicHeight();
val rate = abs(dX) / width
val iconLeft = (itemView.left - iconW + width / 3 * rate).toInt()
val iconTop = (itemView.top + height / 2 - iconH / 2).toInt()
val iconRight = (itemView.left + width / 3 * rate).toInt()
val iconBottom = (itemView.bottom - height / 2 + iconH / 2).toInt()
icon.setBounds(iconLeft, iconTop, iconRight, iconBottom)
icon.draw(c)
} else if (dX < 0) {
val background = RectF(itemView.right.toFloat() + dX, itemView.top.toFloat(), itemView.right.toFloat(), itemView.bottom.toFloat())
p.color = Color.parseColor("#E91E63")
c.drawRect(background, p)
icon = ContextCompat.getDrawable(context!!, android.R.drawable.ic_menu_delete)!!
icon.setColorFilter(Color.WHITE, PorterDuff.Mode.SRC_ATOP)
val rate = abs(dX) / width
val iconLeft = (itemView.right - width / 3 * rate).toInt()
val iconTop = (itemView.top + height / 2 - iconH / 2).toInt()
val iconRight = (itemView.right + iconW - width / 3 * rate).toInt()
val iconBottom = (itemView.bottom - height / 2 + iconH / 2).toInt()
icon.setBounds(iconLeft, iconTop, iconRight, iconBottom)
icon.draw(c)
}
}
super.onChildDraw(c, recyclerView, viewHolder, dX, dY, actionState, isCurrentlyActive)
}
}
val itemTouchHelper = ItemTouchHelper(simpleCallback)
itemTouchHelper.attachToRecyclerView(settings)
and here it the result of my work:
as I can see I can swipe recyclerview items but I can't understand two things:
- How to add some more buttons like on the first screenshot?
- All items can be swiped once and I can't return to the normal state of item. I can only swipe and it is all.
