Question

我需要将下拉箭头设置为更接近Spinner中的发光文本元素。怎么能实现这个目标？

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

Answer 1

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

首先定义一个带有矩形背景的图层列表和一个箭头的位图对象。你可以通过设置它的重力使箭头与右侧的中心对齐，你可以通过android设置它的右边距将它移向中心：＆＃34;右边＃34;属性。请注意，这不会根据文本的长度动态移动箭头，但它应该是一个有用的第一步。

<强> 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类并将其设置为微调器的适配器。 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>

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

3 个答案: