如何在每行中创建具有不同颜色的微调器

Question

我想在每一行创建一个具有不同颜色的spiner，我知道有很多类似于我的问题的解释，但它们都是用Java编写的，对我来说很复杂，我执行了这些步骤。

我的代码

val lista = listOf<Mood>(
    Mood(resources.getColor(R.color.blue, null), "Color1"),
    Mood(resources.getColor(R.color.purple, null), "Color2"),
    Mood(resources.getColor(R.color.green, null), "Color3"),
    Mood(resources.getColor(R.color.darkred, null), "Color4")
)

val adaptador = MoodArrayAdapter(this, lista)
spinner1.adapter = adaptador

spinner1.onItemSelectedListener = object :
    AdapterView.OnItemSelectedListener {
    override fun onItemSelected(p0: AdapterView<*>?, p1: View?, p2: Int, p3: Long) {
        when (spinner1.selectedItem.toString()) {
            "Color1" -> textView.setBackgroundResource(R.color.blue)
            "Color2" -> textView.setBackgroundResource(R.color.purple)
            "Color3" -> textView.setBackgroundResource(R.color.green)
            "Color4" -> textView.setBackgroundResource(R.color.darkred)
        }
    }
    override fun onNothingSelected(p0: AdapterView<*>?) {
        TODO("Not yet implemented")
    }
}

我想以这种方式创建我的微调器

Answer 1

虽然您还没有分享完整的代码，但这是您实际必须做的事情。

1. 将数据模型更改为：

   data class Mood(val backgroundColor: Color, 
       val description: String)
   

2. 将项目布局更改为（虽然您不需要ImageView，但对于单个TextView 布局，您甚至不需要ConstraintLayout，但我现在保留它）：

   <android.support.constraint.ConstraintLayout
       android:id="@+id/rootLayout"
       ...>
       <TextView
           android:id="@+id/moodText"
           android:layout_width="wrap_content"
           android:layout_height="20dp"
           app:layout_constraintTop_toTopOf="parent"
           app:layout_constraintEnd_toEndOf="parent"
           app:layout_constraintStart_toStartOf="parent"
           app:layout_constraintBottom_toBottomOf="parent"
           android:layout_marginStart="8dp"
           android:layout_marginEnd="8dp"/>
   </android.support.constraint.ConstraintLayout>
   

3. 将Adapter 类更改为：

   class MoodArrayAdapter(ctx: Context,
       moods: List<Mood>) :
       ArrayAdapter<Mood>(ctx, 0, moods) {
       override fun getView(position: Int, recycledView: View?, parent: ViewGroup): View {
           return this.createView(position, recycledView, parent)
       }
       override fun getDropDownView(position: Int, recycledView: View?, parent: ViewGroup): View {
           return this.createView(position, recycledView, parent)
       }
       private fun createView(position: Int, recycledView: View?, parent: ViewGroup): View {
           val mood = getItem(position)
           val view = recycledView ?: LayoutInflater.from(context).inflate(
               R.layout.demo_spinner,
               parent,
               false
           )
           view.rootLayout.setBackgroundColor(mood.backgroundColor)
           view.moodText.text = mood.description
           return view
       }
   }
   

4. 最后，将适配器设置为微调器为：

   moodSpinner.adapter = MoodArrayAdapter(
       this,
       listOf(
           Mood(Color.RED, "Angry"),
           Mood(Color.GRAY, "Happy"),
           Mood(Color.CYAN, "Playful"),
           Mood(Color.GREEN, "Wondering")
       )
   )
   

现在，您可以根据自己的需要更改写入“心情”一词的变量/名称。另外，我是传颜色的，你可以用Color.ValueOf(r,g,b)自定义颜色，也可以把数据模型中backgroundColor的DataType改成int，从colors.xml传颜色资源。

Edit -> 要为此访问颜色资源，请将其传递为：

From Activity -> Mood(resources.getColor(R.color.blue,null), "Angry")
From Fragment -> Mood(context.resources.getColor(R.color.blue,null), "Angry")

因此，将您的代码相应地更改为：

moodSpinner.adapter = MoodArrayAdapter(
    this,
    listOf(
    Mood(resources.getColor(R.color.blue,null), "Angry"),
    Mood(resources.getColor(R.color.red,null), "Happy"),
    Mood(Color.CYAN, "Playful"),
    Mood(Color.GREEN, "Wondering")
    )
)