in android, Java

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

小结

如果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?

Write a Comment

Comment