【问题标题】:Android Spinner arrow closer?Android Spinner 箭头更近?
【发布时间】:2018-01-08 20:11:48
【问题描述】:

我可以将箭头移动到更靠近文本的位置吗?当它透明时,真的不明白它作为默认值的目的。

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

【问题讨论】:

  • “全部”和箭头之间有空格,因为 Spinner 中必须有一个宽度较长的项目。让它看起来更好的一种方法是在两个 Spinner 之间放置一个分隔符。

标签: android xml spinner


【解决方案1】:

我在这里回答了类似的问题:https://stackoverflow.com/a/42596698/1260126

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

<?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);

【讨论】:

  • xml 中的TextView id 与 java 类中的不匹配。 fwiw,此方法在原始Spinner 背景上显示LinearLayout(根据样式规范);通过设置android:background="@null" 解决了这个问题谢谢
  • 很棒的解决方案!