如何在Android Studio中自定义创建类似三星应用的Spinner组件

实现三星应用内的Spinner效果不需要依赖第三方组件，直接改造原生Spinner即可，步骤如下：

• 步骤1：在布局XML中添加基础Spinner组件

<Spinner
    android:id="@+id/samsung_spinner"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:spinnerMode="dropdown"
    android:paddingVertical="12dp"
    android:paddingHorizontal="16dp"
    android:background="@drawable/samsung_spinner_bg"
/>

如果需要和三星样式对齐，samsung_spinner_bg可以自己做圆角描边drawable，设置8dp圆角、1px浅灰色描边即可。

• 步骤2：自定义下拉项布局
  在res/layout目录下新建spinner_dropdown_item.xml，代码如下：

<TextView 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:textSize="16sp"
    android:textColor="@color/black"
    android:paddingVertical="14dp"
    android:paddingHorizontal="16dp"
    android:background="@drawable/spinner_item_selector"
/>

同时在res/drawable下新建点击态选择器spinner_item_selector.xml：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:drawable="@color/light_gray" />
    <item android:drawable="@color/white" />
</selector>

上述代码中的颜色值可根据项目实际色值替换。

• 步骤3：在Activity/Fragment中给Spinner绑定数据
  以Kotlin代码为例：

// 选项数据可根据业务调整
val optionList = listOf("选项1", "选项2", "选项3", "选项4")
val adapter = ArrayAdapter(this, R.layout.spinner_dropdown_item, optionList)
adapter.setDropDownViewResource(R.layout.spinner_dropdown_item)
findViewById<Spinner>(R.id.samsung_spinner).adapter = adapter

// 可选：添加选中监听
findViewById<Spinner>(R.id.samsung_spinner).onItemSelectedListener = object : AdapterView.OnItemSelectedListener {
    override fun onItemSelected(parent: AdapterView<*>?, view: View?, position: Int, id: Long) {
        val selectedContent = optionList[position]
        // 处理选中后的业务逻辑
    }

    override fun onNothingSelected(parent: AdapterView<*>?) {
        // 无选中项时的逻辑，不需要可留空
    }
}

提示：如果需要更贴近三星系统的动效，可以给Spinner的下拉弹窗加上圆角和入场动画，修改Spinner的popupTheme属性即可。

内容的提问来源于stack exchange，提问作者جنة الأئمة