Android自定义微调器文本重叠右图标

Question

我正在为旋转器使用自定义设计，但是文本在旋转器的右侧图标上重叠了。 请看附件图片。

<Spinner
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:spinnerMode="dialog"
                android:background="@drawable/spinner_bg"
                android:id="@+id/mySpinner"
                android:prompt="Testing"
                android:layout_marginTop="8dp" />

spinner_bg.xml ：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <layer-list>
        <item>
            <shape>
                <gradient
                    android:startColor="#6e95bd"
                    android:endColor="#517295"
                    android:angle="270" />
                <stroke
                    android:width="1dp"
                    android:color="#000" />
                <corners
                    android:radius="50dp" />
            </shape>
        </item>
        <item>
            <bitmap android:gravity="right|center_vertical"  android:src="@mipmap/ic_spinner_down"/>
        </item>
    </layer-list>
</item>
</selector>

Answer 1

尝试根据您的图标使用android:paddingRight="30dp"或更多。

<Spinner
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:spinnerMode="dialog"
   android:background="@drawable/spinner_bg"
   android:id="@+id/mySpinner"
   android:prompt="Testing"
   android:layout_marginTop="8dp"
   android:paddingRight="30dp" />

Answer 2

由于背景设置为微调器，所以无论微调器的宽度是多少，它始终会与右侧图标重叠，因此实现您想要实现的最简单方法是

<LinearLayout
        android:layout_width="match_parent"
        android:background="@drawable/spinner_bg"
        android:layout_height="wrap_content">
    <Spinner
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:spinnerMode="dialog"
            android:layout_gravity="left"
            android:gravity="left"
            android:background="@android:color/transparent"
            android:id="@+id/mySpinner"
            android:prompt="Testing"
            android:layout_marginTop="8dp" />
</LinearLayout>

Answer 3

制作微调器的自定义适配器，并如下设置单行的布局：

 <?xml version="1.0" encoding="utf-8"?>
    <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_height="wrap_content"
    android:layout_width="match_parent">
       <TextView 
       android:layout_height="wrap_content"
       android:layout_width="wrap_content"
       android:layout_gravity="left"/>
     <ImageView 
       android:layout_height="wrap_content"
       android:layout_width="wrap_content"
       android:layout_gravity="right"/>
    </FrameLayout>