Android中带有微调器下拉图标颜色变化的下拉菜单

在Android应用程序中，我们可能需要使用下拉菜单和微调器来获取用户输入。在使用这些UI组件时，我们通常需要考虑颜色、样式和设计。在本文中，我们将介绍如何在Android应用程序中创建带有微调器下拉图标颜色变化的下拉菜单。

实现步骤

步骤1：添加依赖库

在您的app module中的build.gradle文件中，添加下面的依赖库：

implementation 'com.google.android.material:material:1.4.0'

步骤2：构建布局

使用XML文件创建布局，基本的布局集成如下：

<com.google.android.material.textfield.TextInputLayout
    android:id="@+id/dropdown_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="Select item"
    app:endIconMode="dropdown_menu">

    <com.google.android.material.textfield.MaterialAutoCompleteTextView
        android:id="@+id/dropdown_menu"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
</com.google.android.material.textfield.TextInputLayout>

步骤3：添加下拉菜单

使用MaterialDesign的TextInputLayout组件，可以很容易地集成下拉菜单。为此，需要在XML文件中，指定TextInputLayout的endIconMode属性为dropdown_menu，如上代码块所示。

您还需要在MaterialAutoCompleteTextView中添加下拉菜单项（数组）。

private String[] ITEMS = {"Item 1", "Item 2", "Item 3", "Item 4", "Item 5"};
ArrayAdapter<String> adapter = new ArrayAdapter<>(this, R.layout.dropdown_items, ITEMS);
MaterialAutoCompleteTextView dropdownMenu = findViewById(R.id.dropdown_menu);
dropdownMenu.setAdapter(adapter);

设置ArrayAdapter（数组适配器），将其附加到MaterialAutoCompleteTextView中，并设置下拉菜单中的项目。对于菜单项的布局，您可以创建一个自定义布局。在上面的代码中，我们使用了名为“ dropdown_items.xml”的自定义布局。

步骤4：更改下拉图标的颜色

当下拉菜单可见时，我们还可以更改下拉图标的颜色。这可以通过覆盖TextInputLayout的属性进行实现。

fun setTealDropdownIconColor() {
    val navigationIcons = dropdownLayout.getEditText()?.getCompoundDrawables()
    navigationIcons?.let {
        val start = navigationIcons[0]
        val end = navigationIcons[2]
        val upArrow = navigationIcons[1]
        setWhiteTint(start)
        setWhiteTint(end)
        setTealTint(upArrow)
    }
}

private fun setWhiteTint(drawable: Drawable) {
    drawable.setTint(ContextCompat.getColor(this, R.color.white))
}

private fun setTealTint(drawable: Drawable) {
    drawable.setTint(ContextCompat.getColor(this, R.color.teal_200))
}

在上面的代码段中，我们可以使用setTealDropdownIconColor（）函数来更改下拉图标的颜色。其中，我们正在访问TextInputLayout中EditText的CompoundDrawable（上、下、左和右）以获取下拉图标。我们将其更改为白色和teal_200。

结论

在本文中，我们详细介绍了如何在Android应用程序中创建带有微调器下拉图标颜色变化的下拉菜单。我们用到了MaterialDesign组件，如TextInputLayout和MaterialAutoCompleteTextView。同时，我们也学习了如何更改下拉菜单的颜色和样式。这将帮助您创建您自己的自定义UI组件，以满足您应用程序的需求。