如何将 Android 微调器下拉箭头移近它发出的文本

Question

我需要将下拉箭头设置得更靠近 Spinner 中的发射文本元素。如何实现？

<Spinner android:id="@+id/spinner"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content" />

Answer 1

您可以通过在 xml 中定义自定义背景，然后从右侧设置箭头的边距来解决此问题。

首先为您的箭头定义一个具有矩形背景和位图对象的图层列表。您可以通过设置其重力使箭头在右侧与中心对齐，并且可以通过 android:"right" 属性设置其右边距将其移向中心。请注意，这不会根据文本的长度动态移动箭头，但这应该是有用的第一步。

spinner_background.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <solid android:color="@color/color_white" />
            <corners android:radius="2.5dp" />
        </shape>
    </item>
    <item android:right="64dp">
         <bitmap 
             android:gravity="right|center_vertical"  
             android:src="@drawable/ic_spinner" />
    </item>
</layer-list>

Answer 2

这可以通过为选定的微调项创建自定义布局来实现 custom_spinner_item.xml。我添加了一个 TextView 来显示当前选择的微调项。箭头图标添加到 ImageView 中。您可以使用任何图标。箭头图标会根据文本的长度移动，TheoKanning 的回答无法做到这一点。事实上，您可以完全修改此布局中微调器的外观。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_vertical"
    android:orientation="horizontal">
    <TextView
        android:id="@+id/spinner_item_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:paddingLeft="10dp"
        android:paddingRight="10dp"/>
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:src="@mipmap/ic_arrow_down"/>
</LinearLayout>

创建一个自定义微调器适配器并为上面的视图充气。还可以通过覆盖默认的 getView() 方法来设置列表中所选微调项的文本。

public class CustomSpinnerAdapter extends ArrayAdapter<String> {
    LayoutInflater inflater;
    List<String> spinnerItems;

    public CustomSpinnerAdapter(Context applicationContext, int resource, List<String> spinnerItems) {
        super(applicationContext, resource, spinnerItems);
        this.spinnerItems = spinnerItems;
        inflater = (LayoutInflater.from(applicationContext));
    }
    @Override
    public View getView(int i, View view, ViewGroup viewGroup) {
        view = inflater.inflate(R.layout.custom_spinner_item, null);
        TextView type = (TextView) view.findViewById(R.id.spinner_item_text);
        type.setText(spinnerItems.get(i));
        return view;
    }
}

然后实例化 CustomSpinnerAdapter class 并将其设置为微调器的适配器。 spinnerList 是要在微调器中显示的项目列表。

CustomSpinnerAdapter customSpinnerAdapter = new CustomSpinnerAdapter(getContext(), android.R.layout.simple_spinner_item, spinnerList);
spinner.setAdapter(customSpinnerAdapter);

Answer 3

此布局将完美地帮助您。

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="@dimen/dp5"
    android:background="@drawable/squre_gray_bg"
    android:paddingRight="@dimen/dp10">

    <Spinner
        android:id="@+id/ed_project_start"
        android:layout_width="match_parent"
        android:layout_height="@dimen/dp40"
        android:layout_marginTop="@dimen/dp5"
        android:textColor="@color/colorDarkGray" />
</FrameLayout>

Answer 4

请遵循此代码，这将满足您的要求。我也做了太多的研究来满足我和你一样的要求。

因此，根据需要调整填充：

<Spinner android:id="@+id/spinner"    
  android:layout_width="wrap_content"    
  android:layout_height="wrap_content"    
  android:gravity="end"    
  android:paddingEnd="30dp"    
/>

如何将 Android 微调器下拉箭头移近它发出的文本

How to move the Android Spinner drop down arrow closer to it's emitting text

android

spinner

android-spinner