Question

我有一个recyclerview，有一排按钮。我的目标是使当前选中的按钮具有蓝绿色的文本，而其余按钮具有灰色的文本。

为此，我在TabAdapter课程中有以下代码：

class TabAdapter(private val items: ArrayList<Pair<String, ArrayList<String>>>, private val context: Context) : RecyclerView.Adapter<TabViewHolder>() {
private var selectedPosition: Int = RecyclerView.NO_POSITION

override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): TabViewHolder {
    return TabViewHolder(LayoutInflater.from(context).inflate(R.layout.tabrecycler_item_column, parent, false))
}

override fun getItemCount(): Int {
    return items.size
}

override fun onBindViewHolder(holder: TabViewHolder, position: Int) {

    context as AnimeFaceKeyboard

    holder.itemView.isSelected = selectedPosition == position

    if (holder.itemView.isSelected) {
        holder.button.setTextColor(ContextCompat.getColor(context, R.color.material_deep_teal_200))
    } else {
        holder.button.setTextColor(ContextCompat.getColor(context, R.color.material_grey_600))
    }


    //This code sets the widths of the buttons to, at minimum,
    //occupy the entire width of the screen combined 
    val displayMetrics = Resources.getSystem().displayMetrics

    if (itemCount * (120 * displayMetrics.density) < displayMetrics.widthPixels) {
        holder.button.width = displayMetrics.widthPixels / itemCount
    }


    holder.button.text = items[position].first
    holder.button.setOnClickListener {

        //TODO - Figure out how this code works
        notifyItemChanged(selectedPosition)
        selectedPosition = holder.layoutPosition
        notifyItemChanged(selectedPosition)

        //This code updates a different recyclerview. 
        context.isFavoritesTabSelected = position == items.lastIndex
        context.updateCurrentImageLayout(items[position].second)
    }
}

}
class TabViewHolder(view: View) : RecyclerView.ViewHolder(view) {
val button: Button = view.tabButton

}

相关行采用onBindViewHolder方法。特别是这一行

holder.itemView.isSelected = selectedPosition == position

此代码位于按钮的onClick方法内

        notifyItemChanged(selectedPosition)
        selectedPosition = holder.layoutPosition
        notifyItemChanged(selectedPosition)

此处还有recyclerview中按钮的布局：

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="match_parent">

    <Button
        android:id="@+id/tabButton"
        android:layout_width="match_parent"
        android:minWidth="120dp"
        android:layout_height="match_parent"
        android:text="Unset-Button-Text"
        android:background="@color/darkshade"
        style="@style/Widget.AppCompat.Button.Borderless"/>


</android.support.constraint.ConstraintLayout>

我的recyclerView的行为部分起作用。当前所选按钮的文本实际上是蓝绿色。

然而，有两个问题

1]点击按钮时，按钮会部分透明。 on-tap波纹动画

一定有问题

和

2]涟漪动画仅适用于所选的当前按钮，但也会播放之前选择的按钮。

以下是我手机上的GIF演示：

Answer 1

从您的代码中，这些行导致了问题

    notifyItemChanged(selectedPosition)
    selectedPosition = holder.layoutPosition
    notifyItemChanged(selectedPosition)

之前选择的按钮闪烁，因为您正在调用它上面的notifyItemChanged()取消选择该按钮，然后适配器从头开始重新创建它以更新它。然后，当前选择的按钮也会发生同样的事情，从头开始重新创建以更新UI上的更改。

您可以尝试实现TabLayout，因为如果您使用制表符而不是RecylerView，这样的布局最有效。

Answer 2

在阅读@ Shashwat的回答后，我通过将recyclerview的背景颜色更改为与按钮相同的颜色来解决问题。

这意味着即使适配器从头开始重新创建按钮，也不会出现淡入淡出的情况。

选中时防止按钮变为透明

2 个答案: