Kotlin Gridview 在单击和滚动时显示问题答案

【问题标题】：Kotlin Gridview display issue on click and ScrollKotlin Gridview 在单击和滚动时显示问题
【发布时间】：2025-11-28 16:50:01
【问题描述】：

我有一个从字符串列表填充的网格视图。字符串列表是一个简单的字母数组。这是我的活动 Xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/BackGroundPnl"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/ic_background"
    android:orientation="vertical">

    <GridView
        android:id="@+id/GvAlphabets"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="10dp"
        android:gravity="center"
        android:horizontalSpacing="5dp"
        android:layoutDirection="rtl"
        android:numColumns="3"
        android:paddingLeft="15dp"
        android:paddingRight="15dp"
        android:verticalSpacing="5dp" />
</LinearLayout>

这是我的适配器代码

package com.example.nooraniqaida

import android.content.Context
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.BaseAdapter
import android.widget.TextView
import android.graphics.Color
import android.widget.GridView

internal class MainAdapter(
    private val context: Context,
    private val AlphabetList: List<String>,
    private val AlphabetsPronunciationList: List<String>
) :
    BaseAdapter() {
    private var layoutInflater: LayoutInflater? = null
    private lateinit var TextViewTitle: TextView
    private lateinit var TextViewDescription: TextView

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

    override fun getItem(position: Int): Any? {
        return null
    }

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

    override fun getView(
        position: Int,
        convertView: View?,
        parent: ViewGroup
    ): View? {
        var convertView = convertView
        if (layoutInflater == null) {
            layoutInflater =
                context.getSystemService(Context.LAYOUT_INFLATER_SERVICE) as LayoutInflater
        }

        if (convertView == null) {
            convertView = layoutInflater!!.inflate(R.layout.row_item, null)
        }

        TextViewTitle = convertView!!.findViewById(R.id.TextViewTitle)
        TextViewTitle.text = AlphabetList[position]

        TextViewDescription = convertView!!.findViewById(R.id.TextViewDescription)
        TextViewDescription.text = AlphabetsPronunciationList[position]

        TextViewDescription.setOnClickListener(View.OnClickListener { v ->
            (parent as GridView).performItemClick(
                v,
                position,
                0
            )
        })

        return convertView
    }
}

这是我的活动代码

package com.example.nooraniqaida

import android.content.Context
import android.media.MediaPlayer
import android.os.Bundle
import android.widget.AdapterView.OnItemClickListener
import androidx.appcompat.app.AppCompatActivity
import android.media.AudioManager
import android.os.Build
import android.view.View
import android.widget.TextView
import android.widget.LinearLayout
import android.widget.ImageButton
import android.widget.GridView
import android.view.ViewGroup

import android.widget.EditText

class HomeActivity : AppCompatActivity() {
    lateinit var GvAlphabets: GridView
    lateinit var ClickedGridViewItem: LinearLayout
    lateinit var BtnSpeaker: ImageButton
    lateinit var TextViewHeader: TextView
    lateinit var BtnClose: ImageButton
    
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_home)

        getSupportActionBar()!!.hide() // hide the title bar
        supportActionBar?.hide()

        GvAlphabets = findViewById(R.id.GvAlphabets)
        BtnSpeaker = findViewById(R.id.BtnSpeaker)
        TextViewHeader = findViewById(R.id.TextViewHeader)
        BtnClose = findViewById(R.id.BtnClose)

        BtnSpeaker.setTag(R.drawable.ic_speaker);

        val AlphabetFileName = "alphabets.txt"
        val AlphabetPronunciationFileName = "alphabets_p.txt"
        val AudioFileName = "audio.txt"
        try {
            val AlphabetsList: List<String>;
            val AlphabetsPronunciationList: List<String>;
            val AudioList: List<String>;
            this.assets.open((AlphabetFileName)).bufferedReader().use {
                AlphabetsList = it.readLines()
            };

            this.assets.open((AlphabetPronunciationFileName)).bufferedReader().use {
                AlphabetsPronunciationList = it.readLines()
            };

            this.assets.open((AudioFileName)).bufferedReader().use {
                AudioList = it.readLines()
            };

            val mainAdapter =
                MainAdapter(this@HomeActivity, AlphabetsList, AlphabetsPronunciationList)

            GvAlphabets.adapter = mainAdapter
            GvAlphabets.onItemClickListener = OnItemClickListener { parent, view, position, id ->
                try {
                    val ViewId = view.id
                    if (ViewId == R.id.TextViewDescription) {
                        ClickedGridViewItem = view.parent.parent as LinearLayout
                    }
                    else
                    {
                        ClickedGridViewItem = view as LinearLayout
                    }

                    //Setting default font color and background start
                    var GvChildCount = GvAlphabets.getChildCount()
                    for (i in 0 until GvChildCount) {
                        val GridViewItem = GvAlphabets.getChildAt(i)
                        GridViewItem.setBackgroundResource(R.drawable.gridview_white_item)
                        var TextViewTitle: TextView
                        TextViewTitle = GridViewItem!!.findViewById(R.id.TextViewTitle)
                        TextViewTitle.setTextColor(getResources().getColor(R.color.ArcGreen))

                        var TextViewDescription: TextView
                        TextViewDescription = GridViewItem!!.findViewById(R.id.TextViewDescription)
                        TextViewDescription.setTextColor(getResources().getColor(R.color.black))
                        TextViewDescription.setBackgroundResource(R.drawable.description_background_color)
                    }
                    //Setting default font color and background end

                    //Changing clicked grid item font color and background start
                    ClickedGridViewItem.setBackgroundResource(R.drawable.gridview_gradient_item)
                    var TextViewTitle: TextView
                    TextViewTitle = ClickedGridViewItem!!.findViewById(R.id.TextViewTitle)
                    TextViewTitle.setTextColor(getResources().getColor(R.color.white))

                    var TextViewDescription: TextView
                    TextViewDescription = ClickedGridViewItem!!.findViewById(R.id.TextViewDescription)
                    TextViewDescription.setTextColor(getResources().getColor(R.color.ArcGreen))
                    TextViewDescription.setBackgroundResource(R.drawable.description_background_white)
                    //Changing clicked grid item font color and background end

                    if (ViewId == R.id.TextViewDescription) {
                        TextViewHeader.visibility = View.VISIBLE
                        BtnClose.visibility = View.VISIBLE
                        TextViewHeader.text = TextViewDescription.text
                    }

                    var mp: MediaPlayer? = MediaPlayer()

                    mp!!.setDataSource(AudioList[+position])
                    mp!!.prepare()
                    mp!!.start()
                } catch (e: Exception) {
                    println(e.message)
                }
            }
        } catch (e: Exception) {
            println(e.message)
        }

        BtnSpeaker.setOnClickListener {
            if (BtnSpeaker.getTag() == R.drawable.ic_speaker) {
                BtnSpeaker.setImageResource(R.drawable.ic_mute)
                BtnSpeaker.setTag(R.drawable.ic_mute)
                try {
                    val AudioManagerObj =
                        this.getSystemService(Context.AUDIO_SERVICE) as AudioManager

                    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
                        AudioManagerObj.adjustStreamVolume(
                            AudioManager.STREAM_NOTIFICATION,
                            AudioManager.ADJUST_MUTE,
                            0
                        )
                        AudioManagerObj.adjustStreamVolume(
                            AudioManager.STREAM_ALARM,
                            AudioManager.ADJUST_MUTE,
                            0
                        )
                        AudioManagerObj.adjustStreamVolume(
                            AudioManager.STREAM_MUSIC,
                            AudioManager.ADJUST_MUTE,
                            0
                        )
                        AudioManagerObj.adjustStreamVolume(
                            AudioManager.STREAM_RING,
                            AudioManager.ADJUST_MUTE,
                            0
                        )
                        AudioManagerObj.adjustStreamVolume(
                            AudioManager.STREAM_SYSTEM,
                            AudioManager.ADJUST_MUTE,
                            0
                        )
                    } else {
                        AudioManagerObj.setStreamMute(AudioManager.STREAM_NOTIFICATION, true)
                        AudioManagerObj.setStreamMute(AudioManager.STREAM_ALARM, true)
                        AudioManagerObj.setStreamMute(AudioManager.STREAM_MUSIC, true)
                        AudioManagerObj.setStreamMute(AudioManager.STREAM_RING, true)
                        AudioManagerObj.setStreamMute(AudioManager.STREAM_SYSTEM, true)
                    }
                } catch (e: Exception) {
                    println(e.message)
                }
            } else {
                BtnSpeaker.setImageResource(R.drawable.ic_speaker)
                BtnSpeaker.setTag(R.drawable.ic_speaker)

                try {
                    val AudioManagerObj =
                        this.getSystemService(Context.AUDIO_SERVICE) as AudioManager

                    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
                        AudioManagerObj.adjustStreamVolume(
                            AudioManager.STREAM_NOTIFICATION,
                            AudioManager.ADJUST_UNMUTE,
                            0
                        )
                        AudioManagerObj.adjustStreamVolume(
                            AudioManager.STREAM_ALARM,
                            AudioManager.ADJUST_UNMUTE,
                            0
                        )
                        AudioManagerObj.adjustStreamVolume(
                            AudioManager.STREAM_MUSIC,
                            AudioManager.ADJUST_UNMUTE,
                            0
                        )
                        AudioManagerObj.adjustStreamVolume(
                            AudioManager.STREAM_RING,
                            AudioManager.ADJUST_UNMUTE,
                            0
                        )
                        AudioManagerObj.adjustStreamVolume(
                            AudioManager.STREAM_SYSTEM,
                            AudioManager.ADJUST_UNMUTE,
                            0
                        )
                    } else {
                        AudioManagerObj.setStreamMute(AudioManager.STREAM_NOTIFICATION, false)
                        AudioManagerObj.setStreamMute(AudioManager.STREAM_ALARM, false)
                        AudioManagerObj.setStreamMute(AudioManager.STREAM_MUSIC, false)
                        AudioManagerObj.setStreamMute(AudioManager.STREAM_RING, false)
                        AudioManagerObj.setStreamMute(AudioManager.STREAM_SYSTEM, false)
                    }
                } catch (e: Exception) {
                    println(e.message)
                }
            }
        }
    }
}

我的 row_item 的 Xml 在这里

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:orientation="vertical"
    android:background="@drawable/gridview_white_item"
    android:padding="4dp">

    <TextView
        android:id="@+id/TextViewTitle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#00FFFFFF"
        android:gravity="center"
        android:text="Numbers"
        android:textAlignment="center"
        android:textColor="@color/ArcGreen"
        android:textSize="50sp"
        android:textStyle="bold" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:weightSum="1">

        <TextView
            android:id="@+id/TextViewHidden"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginRight="3dp"
            android:layout_weight="0.4"
            android:background="@color/Transparent"
            android:gravity="right"
            android:textColor="@color/black" />

        <TextView
            android:id="@+id/TextViewDescription"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_alignBottom="@+id/TextViewTitle"
            android:layout_weight="0.6"
            android:background="@drawable/description_background_color"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:textColor="@color/black"
            android:textSize="25sp" />
    </LinearLayout>
</LinearLayout>

想法很简单，即在网格视图中显示字母（从文本文件加载），然后单击 Gridview 的任何项目，然后将为单击的字母播放音频。我的问题是，每当我单击一个字母时，它都会从 gridview 中选择（单击）两个字母（尽管它可以正确播放音频），一个是我单击的，另一个是任何随机项目。当我滚动浏览 gridview 时，它会不断（随机）更改所选项目。我是 Andoid 开发的新手。我在这里做错了什么？

【问题讨论】：

标签： android xml kotlin gridview android-adapter

【解决方案1】：

无法使用 GridView。我不得不将 RecyclerView 与 GridLayoutManager 一起使用。

【讨论】：