Kotlin クリックされたGridViewアイテム名を表示する

Question

android,Kotlin初心者です。
GridViewとして表示した画像を一覧表示し、その画像をタップした際に、textViewTopに選択した画像の名前を表示したいです。
数時間調べて分からなかったため投稿させていただきました。
どなたかご回答いただけましたら幸いです。
宜しくお願いします。

package com.example.gridview0808a

import androidx.appcompat.app.AppCompatActivity
import java.util.ArrayList;
import android.content.Context
import android.os.Bundle
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.BaseAdapter
import android.widget.Toast
import kotlinx.android.synthetic.main.activity_main.*
import kotlinx.android.synthetic.main.food_entry.view.*
import com.example.gridview0808a.databinding.ActivityMainBinding

class MainActivity : AppCompatActivity() {
    var adapter: FoodAdapter? = null  //FoodAdapterクラスのインスタンスを作成
    var foodsList = ArrayList<Food>()  //<>の中には型を入れる

    private lateinit var binding: ActivityMainBinding

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        binding = ActivityMainBinding.inflate(layoutInflater)
        val view = binding.root
        setContentView(view)

        // load foods
        foodsList.add(Food("Coffee", R.drawable.coffee_pot))
        foodsList.add(Food("Espersso", R.drawable.espresso))
        foodsList.add(Food("French Fires", R.drawable.french_fries))
        foodsList.add(Food("Honey",R.drawable.honey))
        foodsList.add(Food("Strawberry", R.drawable.strawberry_ice_cream))
        foodsList.add(Food("Sugar cubes", R.drawable.sugar_cubes))
        foodsList.add(Food("French Fires", R.drawable.french_fries))
        foodsList.add(Food("Honey",R.drawable.honey))
        foodsList.add(Food("Strawberry", R.drawable.strawberry_ice_cream))
        foodsList.add(Food("Sugar cubes", R.drawable.sugar_cubes))
        adapter = FoodAdapter(this, foodsList)
        gvFoods.adapter = adapter


        gvFoods.setOnItemClickListener { adapterView, view, position, id ->
            Toast.makeText(this, "${adapterView.getItemAtPosition(position)} ", Toast.LENGTH_SHORT).show()

　　　　　　//不明点//////////////////////////////////////////////////////////////
　　　　　　//xmlファイル　id:textViewTopに選択したアイテムの名前を表示したい↓
            textViewTop.text = adapterView.getItemAtPosition(position).toString() 
        }
    }

    class FoodAdapter : BaseAdapter {
        var foodsList = ArrayList<Food>()
        var context: Context? = null

        constructor(context: Context, foodsList: ArrayList<Food>) : super() {
            this.context = context
            this.foodsList = foodsList
        }

        override fun getCount(): Int {
            return foodsList.size
        }

        override fun getItem(position: Int): Any {
            return foodsList[position]
        }

        override fun getItemId(position: Int): Long {
            return position.toLong()
        }

        override fun getView(position: Int, convertView: View?, parent: ViewGroup?): View {
            val food = this.foodsList[position]

            var inflator = context!!.getSystemService(Context.LAYOUT_INFLATER_SERVICE) as LayoutInflater
            var foodView = inflator.inflate(R.layout.food_entry, null)
            foodView.imgFood.setImageResource(food.image!!)
            foodView.tvName.text = food.name!!

            return foodView
        }
    }
}

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="MainActivity">

    <TextView
        android:id="@+id/textViewTop"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="32dp"
        android:text="TextView" />

    <GridView
        android:id="@+id/gvFoods"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:columnWidth="150dp"
        android:horizontalSpacing="15dp"
        android:numColumns="auto_fit"
        android:verticalSpacing="15dp">

    </GridView>

</LinearLayout>

package com.example.gridview0808a

class Food {
    var name: String? = null
    var image: Int? = null

    constructor(name: String, image: Int) {
        this.name = name
        this.image = image
    }
}

Comments

[jimbe]

このプログラムはどこまで動作していますか。何か例外等発生しているのでしょうか。
>数時間調べて分からなかった
何をどのように数時間お調べになったのでしょう。

[msmsmsmsmsms]

コメントいただきありがとうございます。
プログラム自体は動作しております。
動作画面の写真を追加いたしました。
写真上部にid/textViewTopに選択された画像の名前を表示したいのですが、com.evample......@xxxxxxx
といった表示がされる状態です。(この表示はクリックされた画像ごとに変わります)
どのように改善すべきであるか教えていただけないでしょうか?

>>数時間調べて分からなかった
>何をどのように数時間お調べになったのでしょう。
小生が所有するテキスト、及びGoogleにて調べましたが未だ解決できておりません。

[jimbe]

画像添付ありがとうございます。

[msmsmsmsmsms]

返信が遅くなり申し訳ございません。
ようやくな何が駄目であったか理解することができました。
ありがとうございます。

最後にnameを取得する際には、コードをどのように書けばよいか教えていただけないでしょうか?

前)　textViewTop.text = adapterView.getItemAtPosition(position).toString()
修正) textViewTop.text = adapter.getView(ここの中身の指定が分からず困っております)

getItemAtPosirion(position)はよくわからずに指定しておりました。。
宜しくお願い致します。

Answer 1

動作画像にて表示されていますのは、クリックされた "Food オブジェクト自体"の情報です。
例えば、Food("foobar",R.drawable.coffee_pot)を表示してみると、同様の(16進数部分が違うだけの)表示が見られるはずです。
この文字列は具体的には、Food クラスが Object クラスより継承している toString():String メソッドによるもので、オブジェクトのデバッグ情報を表します。
toString():String メソッドは、明示的に呼び出さなくても、例えばオブジェクトを String と結合したりだとか、String が必要なパラメータの個所にオブジェクトを渡したりだとかした場合に自動的にも呼び出されます。

さて、お気づきになったか分かりませんが、上の説明には Food オブジェクトの name は登場しません。動作画像を見る限りでは、Food オブジェクトの name では無く Food オブジェクト自体を表示しているということです。
表示の際に name を指定していますでしょうか？

FoodAdapter の getView メソッドにおきましては

foodView.tvName.text = food.name!!

と name を text に入れていますので name が表示されています。

肝心のクリック時(ItemClickListener)はどうでしょう。

textViewTop.text = adapterView.getItemAtPosition(position).toString()

getItemAtPosition(position) が返したモノを toString で文字列化しています。
getItemAtPosition(position) は何を返しますでしょうか。

Comments

[msmsmsmsmsms]

返信が遅くなり申し訳ございません。
ようやくな何が駄目であったか理解することができました。
ありがとうございます。

最後にnameを取得する際には、コードをどのように書けばよいか教えていただけないでしょうか?

前)　textViewTop.text = adapterView.getItemAtPosition(position).toString()
修正) textViewTop.text = adapter.getView(ここの中身の指定が分からず困っております)

getItemAtPosirion(position)はよくわからずに指定しておりました。。
宜しくお願い致します。

[jimbe]

残念ながら、2つの点で惜しいと言わざるを得ません。
まず先に「getItemAtPosition(position) は何を返すか」ですが、表示の通り Food オブジェクトであることはご理解されましたでしょうか。
Food オブジェクトが得られれば、 name が使えますね。
前の adapterView を使う形であれば、

val item = adapterView.getItemAtPosition(position)
if(item is Food) {
textViewTop.text = item.name
}

と出来るでしょう。

また、 AdapterView の getItemAtPosition(Position:Int) は内部では Adapter の getItem(position:Int) を呼び出しています。従いまして、adapterView の代わりに Adapter を使うのであれば、 getView(ほにゃらら) では無く getItem(position:Int) です。
そして、 FoodAdapter の getItem() は Any 型となっていますが、これを Food 型とすることで、上の例での型チェックが不要になります。

ちょっと宣言修正：
private lateinit var adapter: FoodAdapter //…

型変更：
override fun getItem(position: Int): Food {

問題の個所：
textViewTop.text = adapter.getItem(position).name

問題の個所で name の前の "～)." まで入力すると続きの選択に(Food クラスのプロパティである) name や image が出てくるでしょう。

[msmsmsmsmsms]

大変親切なご回答ありがとうございます。
おかげさまで理解することができました。
ありがとうございました。