FirestoreのデータをRecycleViewに表示させたい

Question

今やっていること

Kotlinで掲示板アプリを作っています。

Firestoreから、Recycleviewにデータを読み取って画面に表示させたいと思っています。
いろいろなサイトを参考にしながら進めてきましたが、分からないところがでてきました。

Firestoreから読み取りたいものは
・名前
・投稿した時間
・タイトル
・詳細
・(アイコン)←まだFirestorageに保存していない

質問したいこと

たくさんあってすみません。

・データクラスは必要か
・データクラスの、投稿時間「var createAt: Date = Date(System.currentTimeMillis()),」はあっているのか。また、必要か。
・CustomAdapterクラスをどこで継承するのか
・他にも意味のないコードがあったり、必要なコードがあったら教えていただきたいです。

コード

１行分のレイアウト

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="150dp"
    android:clickable="true"
    android:focusable="true"
    android:padding="12dp">

    <de.hdodenhof.circleimageview.CircleImageView
        android:id="@+id/icon"
        android:layout_width="60dp"
        android:layout_height="60dp" />

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="16dp"
        android:layout_weight="1"
        android:orientation="vertical">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <TextView
                android:id="@+id/tvname"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:textSize="20sp"
                android:textStyle="bold"
                android:layout_margin="5dp"/>

            <TextView
                android:id="@+id/tvtime"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:textSize="20sp"
                android:layout_margin="5dp"/>

        </LinearLayout>

        <TextView
            android:id="@+id/tvtitle"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="4dp"
            android:textColor="#000000"
            android:textSize="34sp"
            android:textStyle="bold"/>

        <TextView
            android:id="@+id/tvpost"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textColor="#000000"
            android:textSize="25sp" />

    </LinearLayout>
</LinearLayout>

データクラス

package com.example.a.Post

import java.sql.Date

data class Post(
    val icon: Int,
    val title: String,
    val detail: String,
    var createAt: Date = Date(System.currentTimeMillis()),
)

アダプター

package com.example.a.Post

import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.ImageView
import android.widget.TextView
import androidx.recyclerview.widget.RecyclerView
import com.example.a.R

class CustomAdapter(private val postlist: ArrayList<Post>) :
    RecyclerView.Adapter<CustomAdapter.ViewHolder>() {

    class ViewHolder(view: View) : RecyclerView.ViewHolder(view) {

        val icon: ImageView
        val title: TextView
        val post: TextView

        init {
            icon = view.findViewById(R.id.icon)
            title = view.findViewById(R.id.tvtitle)
            post = view.findViewById(R.id.tvpost)
        }
    }

    //レイアウトの設定
    override fun onCreateViewHolder(viewGroup: ViewGroup, viewType: Int): ViewHolder {
        val view =
            LayoutInflater.from(viewGroup.context).inflate(R.layout.item_post, viewGroup, false)
        return ViewHolder(view)
    }

    //Viewの設定
    override fun onBindViewHolder(viewHolder: ViewHolder, position: Int) {
        val post = postlist[position]

        viewHolder.icon.setImageResource(post.icon)
        viewHolder.title.text = post.title
        viewHolder.post.text = post.detail
    }

    //表示数を返す
    override fun getItemCount(): Int = postlist.size
}

表示させるフラグメント

package com.example.a.Home

import android.content.ContentValues.TAG
import android.content.Intent
import androidx.lifecycle.ViewModelProvider
import android.os.Bundle
import android.util.Log
import androidx.fragment.app.Fragment
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import com.example.a.Post.CustomAdapter
import com.example.a.Post.PostScreenActivity
import com.example.a.databinding.HomeFragmentBinding
import com.google.firebase.auth.ktx.auth
import com.google.firebase.firestore.CollectionReference
import com.google.firebase.firestore.Query
import com.google.firebase.firestore.ktx.firestore
import com.google.firebase.ktx.Firebase

class HomeFragment : Fragment() {

    companion object {
        fun newInstance() = HomeFragment()
    }

    private lateinit var viewModel: HomeViewModel
    private var _binding: HomeFragmentBinding? = null
    private val binding get() = _binding!!

    override fun onCreateView(
        inflater: LayoutInflater, container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        _binding = HomeFragmentBinding.inflate(inflater, container, false)
        val view = binding.root
        return view
    }

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)
        binding.btnpostsc.setOnClickListener {
            startActivity(
                Intent(
                    context,
                    PostScreenActivity::class.java
                )
            )
        }

        val db = Firebase.firestore
        val user = Firebase.auth.currentUser
        val uid = user!!.uid

        val citiesRef = db.collection("users").document(uid).collection("UserPosts")
        citiesRef.orderBy("createdDay", Query.Direction.DESCENDING)
        citiesRef.get()
            .addOnSuccessListener { Log.d(TAG, "読み取り成功") }
            .addOnFailureListener { Log.d(TAG, "読み取り失敗") }
    }


    override fun onActivityCreated(savedInstanceState: Bundle?) {
        super.onActivityCreated(savedInstanceState)
        viewModel = ViewModelProvider(this).get(HomeViewModel::class.java)
        // TODO: Use the ViewModel
    }


    override fun onDestroyView() {
        super.onDestroyView()
        _binding = null
    }

}

参考にしたサイト

RecyclerViewでグリッド表示を実装する方法を解説
https://hirauchi-genta.com/kotlin-view-recycerview-grid/

Comments

[jimbe]

Firebase に関係無く、 RecyclerView の使い方が分からないということでしょうか。

それから、ご質問は編集できます。
過去の同じ質問は運営に削除依頼をしてください。

[masato01]

編集できるのをすっかり忘れていました。。
削除申請したのですが、当然すぐ削除されるわけがなく、慌てて解決済みにして新しく質問してしまいました。

Firebase に関係無く、 RecyclerView の使い方が分からないということでしょうか。
>RecycleViewの簡単な使い方しか分かりません。

[jimbe]

> 編集できるのをすっかり忘れていました。

それは仕方ないですね^^;;;

ResyclerView の使い方の基本としてましてビューにアダプタを設定しなければならないはずですが、 HogeFragment にはそのような部分が見当たりません。
その辺りはどのようにお考えでしょうか。

[masato01]

CustomAdapterクラスですよね。
どこに、どのように継承したらいいのか分からないです。

先程、「参考にしたサイト」という見出しと、参考にしたURLを追加で貼りました。
そちらのサイトを参考にしたのですが分かりませんでした。
このサイトでは、animalListという変数に、リスト内容を代入しているのですが、こちらでも代入をするべきなのでしょうか。また、どのように代入したらいいのでしょうか。

[jimbe]

参考にされたリンク先のコードの animalList への代入個所がご質問のコードでの Firebase のデータベースからの読み込みになると思うのですが、すいません、私は Firebase を使ったことがありませんのでどのように Firestore から animalList のような List オブジェクトを取り出す/作るのかは分かりません。

RecyclerView へのアダプタの設定は、リンク先の MainActivity.kt の(animalAdapter への代入の後の) 15 行目
recycler_view.adapter = CustomAdapter(animalList)
で行われていますので、 HomeFragment.kt でもデータベースから読み取って CustomAdapter にデータを設定した後に同様の処理を行うこととなると思います。

「CustomAdapterクラスを継承」と言われていますが、恐らく勘違いされています。
RecyclerView に使うアダプタは RecyclerView.Adapter を継承している必要がありますが、 CustomAdapter は既にその状態ですので、さらに何かを(継承して)作る必要は無いと思います。

必要なのは RecyclerView に Adapter を設定することであり、その Adapter とは(この件では) CustomAdapter のことで、 CustomAdapter はデータ元として ArrayList<Post> を必要とし、その ArrayList<Post> は CustomAdapter のコンストラクタで渡す必要があります。
ですので、 Firestore からどのように ArrayList<Post> を作り出すかが焦点となりますが、先述しましたように私にはこの部分は分かりません。
探したところでは、以下のような感じでしょうか。
[コレクションから複数のドキュメントを取得する] https://firebase.google.com/docs/firestore/query-data/get-data?hl=ja#get_multiple_documents_from_a_collection

[masato01]

返信遅くなり申し訳ありません。
[コレクションから複数のドキュメントを取得する] についてなのですが、
HomeFragmentで同じようなことをやっていますが、それとは別でということでしょうか？