android - 如何在微调器选择器的位图和下拉列表的项目之间添加空格

Question

我有以下微调器：

<Spinner
    android:id="@+id/safe_network_time_spinner"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="20dp"
    android:background="@drawable/spinner_selector"
    android:entries="@array/schedule_edit_days_repeat"
    android:popupBackground="@drawable/custom_dropdown_white_background"
    android:spinnerMode="dropdown"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintTop_toBottomOf="@id/divider4"
    tool:listitem="@layout/custom_dropdown_spinner_button" />

spinner_selector 是：

 <?xml version="1.0" encoding="utf-8"?>
 <selector xmlns:android="http://schemas.android.com/apk/res/android">
   <item>
       <bitmap android:gravity="right|center_vertical"  android:src="@drawable/down_red_arrow" />
    </item>
 </selector>

下拉列表如下所示：

当我选择下拉列表中的一项时，如果它太长，它会与 arrov 位图重叠。我怎样才能避免这种情况？

标签： androidandroid-spinner

Answer 1

尝试使用layer-list

bg_spinner.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <!-- This is the actual spinner background -->
        <selector >
            <!-- Feel free to use your own drawable for these states -->
            <item android:state_window_focused="false" android:drawable="@drawable/bg_border_accent_thin"/>
            <item android:state_pressed="true" android:drawable="@drawable/bg_border_accent_thin"/>
            <item android:state_window_focused="true" android:state_pressed="false" android:drawable="@drawable/bg_border_grey_thin"/>
        </selector>
    </item>

    <!-- This is the spinner drawable, use your custom drawable aswell. android:right does the magin to separate this drawable from  the spinner content-->
    <item android:drawable="@drawable/ic_ripple_arrow"
            android:gravity="center_vertical|right"
            android:right="16dp"/>
</layer-list>

---

编辑 02/02/2020

我为周末的午餐道歉。

如果您正在使用androidx依赖项（我建议您这样做），这是我用来在文本和微调器中的选定项目之间正确添加间距的代码。

在您的 layout.xml 上

<!-- The line I think you need is the one giving padding to the right -->
<androidx.appcompat.widget.AppCompatSpinner
    android:paddingTop="4dp"
    android:paddingBottom="4dp"
    android:paddingRight="36dp" 
    android:background="@drawable/bg_spinner"
    android:popupBackground="@drawable/bg_spinner_popup"/>

这bg_spinner.xml是上面提供的几行。

弹出窗口并不重要，因为它给出了一些关于如何绘制背景的指令，没什么重要的，但无论哪种方式......

bg_spinner_popup.xml

<?xml version="1.0" encoding="utf-8" ?>
<shape xmlns:android="http://schemas.android.com/apk/res/android
       android:shape="rectangle">
     <corners android:radius="3dp"/>
     <solid android:color ="@android:color/white"/>
     <stroke android:width="5px" android:color="@color/primaryColor"/>
</shape>