Androidアプリの表に２つの値を表示したい

Question

現在表の勉強をしております。自分の目標は二つの配列を使って表のなかに二つの値を表示することです。

まず、表の中に１つの値を持たせる実装は達成できました。

次にこの表の中にそれぞれの人間の好みを当てはめたいと思っています。下の画像が理想形。(合成で作っただけの画像です)

そこで僕が作成したコードが下記

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import androidx.recyclerview.widget.DividerItemDecoration
import androidx.recyclerview.widget.LinearLayoutManager
import androidx.recyclerview.widget.RecyclerView
import org.w3c.dom.Text

class MainActivity : AppCompatActivity() {

    private lateinit var recyclerView: RecyclerView

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

        val TextList = listOf(
            "ボブ",
            "エミリー",
            "マイク",
            "サム",
            "エドワード"
        )
        val TextList2 = listOf(
            "アイスクリームが好き",
            "ハチミツが好き",
            "運動が好き",
            "アウトドアが好き",
            "野球観戦が好き"
        )

        recyclerView = findViewById(R.id.RecyclerList)
        ⭐️recyclerView.adapter = RecyclerAdapter(TextList)
        ⭐️recyclerView.adapter = RecyclerAdapter(TextList2)
        recyclerView.layoutManager = LinearLayoutManager(this)

        val dividerItemDecoration =
            DividerItemDecoration(this , LinearLayoutManager(this).getOrientation())
        recyclerView.addItemDecoration(dividerItemDecoration)

    }
}

import android.view.LayoutInflater
import android.view.ViewGroup
import androidx.recyclerview.widget.RecyclerView

class RecyclerAdapter(val list: List<String>) : RecyclerView.Adapter<ViewHolderList>() {
    override fun onCreateViewHolder(parent: ViewGroup , viewType: Int): ViewHolderList {
        val itemView = LayoutInflater.from(parent.context).inflate(R.layout.item_recycler_list, parent, false)
        return ViewHolderList(itemView)
    }

    override fun onBindViewHolder(holder: ViewHolderList, position: Int) {
        holder.characterList.text = list[position]
        holder.characterList2.text = list[position]
    }

    override fun getItemCount(): Int = list.size
}

import android.view.View
import android.widget.TextView
import androidx.recyclerview.widget.RecyclerView

class ViewHolderList (item: View) : RecyclerView.ViewHolder(item) {
    val characterList: TextView = item.findViewById(R.id.Text1)
    val characterList2: TextView = item.findViewById(R.id.Text2)
}

<?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">

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/RecyclerList"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</LinearLayout>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:padding="10dp">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="54dp"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_marginBottom="0dp">

        <TextView
            android:id="@+id/Text1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="8dp"
            android:textSize="10sp" />

        <TextView
            android:id="@+id/Text2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="23dp"
            android:textSize="15sp" />

    </LinearLayout>
</LinearLayout>

これでエミュレータを実行すると、、、

このように一つの配列が二つのtextviewに反映してしまうようになってしまいます。自己考察としてMainActivity.ktの⭐️マークであるこの２行
⭐️ recyclerView.adapter = RecyclerAdapter(TextList)
⭐️recyclerView.adapter = RecyclerAdapter(TextList2)

recyclerView.adapterに再代入してしまっているためだろうと考察しているのですが、間違えているところがわかっても。修正方法がわかりません。

どなたか正解コードを教えてください。その正解をもとに勉強していきたいです＞＜

Comments

[hoshi-takanori]

item_recycler_list.xml で LinearLayout を二重にしていて、内側の LinearLayout に android:orientation が指定されてないので horizontal になってますね。内側の LinearLayout は不要では…。

[mokimokio]

ありがとうございます！修正しておきます！

Answer 1

【Kotlin】ListViewの使い方 ②テキストを２つ表示する

[Kotlin de Android] RecyclerViewで2行表示するリスト表示してみよう

---

簡単に修正するのでしたらアダプタにリストを 2 つ持たせてしまうことでしょう。

    recyclerView.adapter = RecyclerAdapter(TextList, TextList2)

class RecyclerAdapter(val list: List<String>, val list2: List<String>) : RecyclerView.Adapter<ViewHolderList>() {

    holder.characterList.text = list[position]
    holder.characterList2.text = list2[position]

---

ちゃんと(?)やるならば、行のデータをクラス化して 1 つのリストとして扱うことです。

data class Row(val name: String, val info: String)

    val rowList = listOf(
      Row("ボブ","アイスクリームが好き"),
      Row("エミリー","ハチミツが好き"),
      Row("マイク","運動が好き"),
      Row("サム","アウトドアが好き"),
      Row("エドワード","野球観戦が好き")
    )

    recyclerView.adapter = RecyclerAdapter(rowList)

class RecyclerAdapter(val list: List<Row>) : RecyclerView.Adapter<ViewHolderList>() {

    holder.characterList.text = list[position].name
    holder.characterList2.text = list[position].info

Comments

[mokimokio]

ご丁寧にありがとうございます！大変助かりました！😁