「まずはやってみよう!」
チャレンジし続ける会社員を応援する『かたぴ』のブログ

【RecyclerView】リストの要素のクリック時にリップルエフェクトを表示させる方法

やりたいこと

RecyclerViewで生成したリストをタップしたときにリップルエフェクトを表示させたい。

スポンサーリンク

手順

ViewHolderのViewを生成する際のレイアウトにandroid:background=”?android:attr/selectableItemBackground”をセットしてあげればOK。

ソースコード

MainActivity.kt

package katapiproject.practice.activity

import android.os.Bundle
import android.support.v7.app.AppCompatActivity
import android.support.v7.widget.LinearLayoutManager
import android.widget.Toast
import katapiproject.practice.R
import katapiproject.practice.adapter.MainMenuAdapter
import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity(), MainMenuAdapter.Listener {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        initList()
    }

    private fun initList() {
        mainRecyclerView.layoutManager = LinearLayoutManager(this)
        mainRecyclerView.setHasFixedSize(true)
        mainRecyclerView.adapter = MainMenuAdapter(createMainMenuTitles(), this)
    }

    private fun createMainMenuTitles() = listOf("AAAAA", "BBBBB", "CCCCC", "DDDDD", "EEEEE")

    override fun onMenuSelected(position: Int) {
        when (position) {
            0 -> Toast.makeText(this, "AAAAA", Toast.LENGTH_SHORT).show()
            1 -> Toast.makeText(this, "BBBBB", Toast.LENGTH_SHORT).show()
            2 -> Toast.makeText(this, "CCCCC", Toast.LENGTH_SHORT).show()
            3 -> Toast.makeText(this, "DDDDD", Toast.LENGTH_SHORT).show()
            4 -> Toast.makeText(this, "EEEEE", Toast.LENGTH_SHORT).show()
        }
    }

}

 

activity_main.xml

<?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="match_parent"
    android:orientation="vertical">

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.v7.widget.RecyclerView
            android:id="@+id/mainRecyclerView"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />

    </ScrollView>

</LinearLayout>

MainMenuAdapter.kt

package katapiproject.practice.adapter

import android.support.v7.widget.RecyclerView
import android.view.LayoutInflater
import android.view.ViewGroup
import katapiproject.practice.R
import katapiproject.practice.viewholder.MainMenuViewHolder

class MainMenuAdapter(private val titles: List<String>, private val listener: Listener?) : RecyclerView.Adapter<MainMenuViewHolder>(), MainMenuViewHolder.Listener {

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): MainMenuViewHolder {
        val view = LayoutInflater.from(parent.context).inflate(R.layout.signle_list_item, parent, false)
        return MainMenuViewHolder(titles, this, view)
    }

    override fun getItemCount() = titles.size

    override fun onBindViewHolder(holder: MainMenuViewHolder, position: Int) {
        holder.bind(position)
    }

    override fun onMenuSelected(position: Int) {
        listener?.onMenuSelected(position)
    }

    interface Listener {
        fun onMenuSelected(position: Int)
    }
}

single_list_item.xml

<?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:background="?android:attr/selectableItemBackground"
    android:orientation="vertical"
    android:paddingBottom="16dp"
    android:paddingEnd="12dp"
    android:paddingStart="12dp"
    android:paddingTop="16dp">

    <TextView
        android:id="@+id/listTitle"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="16dp" />

</LinearLayout>

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA