自定义Spinner实现选项换行/多行

Posted 2023-03-09 scruffybear

文章目录

• 小结
• 问题及解决
• 参考

小结

如果android的Spinner的下拉框文字过长，下拉框选项后面的过长的文字会显示为省略号，尝试使用定制化的Spinner风格设置达到Spinner选项触发后各个选项显示为换行/多行。

问题及解决

如果Android的Spinner的下拉框文字过长，下拉框选项后面的过长的文字会显示为省略号。

解决办法： 使用定制化的Spinner风格设置达到Spinner选项触发后各个选项显示为换行/多行。

具体操作如下：
创建multiline_spinner_dropdown_item.xml文件：

<?xml version="1.0" encoding="utf-8"?>
<CheckedTextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/text1"
    style="?android:attr/spinnerDropDownItemStyle"
    android:singleLine="false"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:textColor="@color/cfgText"
    android:textSize="10sp"
    android:textStyle="normal"
    android:fontFamily="@font/roboto"
    android:layout_marginTop="5sp"
    android:layout_marginBottom="5sp"
    android:layout_marginStart="0sp"
    android:layout_marginEnd="0sp"
    android:paddingTop="5sp"
    android:ellipsize="marquee" />

选项设置(有5个选项)：

    <string-array name="Array_options">
        <item>Option1</item>
        <item>Option2</item>
        <item>Option3</item>
        <item>Option4</item>
        <item>Option5</item>
    </string-array>

Spinner的原始设置如下：

        <Spinner
            android:id="@+id/spinner_code"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="0.6"
            android:duplicateParentState="true"
            android:entries="@array/Array_options"
            tools:text="@string/spinner_code_sample" />

Spinner的修改后的设置如下，去掉 android:entries="@array/Array_options"，默认没有选项内容，由程序进行创建设置。

        <Spinner
            android:id="@+id/spinner_code"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="0.6"
            android:duplicateParentState="true"
            tools:text="@string/spinner_code_sample" />

在程序中使用multiline_spinner_dropdown_item这个定制化的Spinner风格创建Spinner，选项从R.array.Array_options里取得。

Spinner mModelSelect = (Spinner)findViewById(R.id.spinner_code);
mModelSelect.setAdapter(ArrayAdapter.createFromResource(getContext(), R.array.Array_options, R.layout.multiline_spinner_dropdown_item));

问题解决！

参考

CSDN: Spinner选项换行
Stackoverflow: How to change spinner text size and text color?