Android Spinner

Android 中下拉列表选择，提供了控件Spinner，现做一个小总结，以备使用。从1.Spinner属性2.设置Spinner的adapter说起。

1.Spinner属性

首先写一个简单的Spinner

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent">

    <Spinner  android:id="@+id/spin001" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:layout_marginTop="25dp" android:entries="@array/spin001_array" />
</RelativeLayout>

values/arrays中的spin001_array资源：

<array name="spin001_array">
        <item>中国工商银行</item>
        <item>中国人民银行</item>
        <item>中国银行</item>
        <item>中国建设银行</item>
        <item>中国农业银行</item>
        <item>招商银行</item>
    </array>

如果不需要逻辑的话，至此一个简单的下拉菜单就写完了，不需要adapter，也不需要在MainActivity中findViewById(),看效果图：

Spinner的具体属性

- android:entries=”@array/spin001_array”

可以直接在xml中绑定数据源。上面的例子就是这种方式实现的。

- spinnerMode: 显示形式

有dropdown和dialog两种显示模式。上面的例子就是dropdown形式的，dialog形式的为：

- spin001.setDropDownHorizontalOffset();

spinnerMode=”dropdown”时，下拉的项目选择窗口在水平方向相对于Spinner窗口的偏移量。单位为pixels像素值。

- android:dropDownSelector

用于设置列表选择器的显示效果。

- spin001.setDropDownVerticalOffset();

spinnerMode=”dropdown”时，下拉的项目选择窗口在垂直方向相对于Spinner窗口的偏移量。单位为pixels像素值。

- android:dropDownWidth=”“

设置下拉的项目选择窗口的宽度。

- android:popupBackground=”“

设置下拉的项目选择窗口的背景。

- spin001.setPopupBackgroundDrawable();

设置下拉的项目选择窗口的背景dwawable。效果图：

- android:prompt=”@string/bank_prompt”

设置下拉的项目选择窗口的标题，要采用@string/格式引用数据，不然会报错的。效果图：

2.设置Spinner的adapter

- 采用ArrayAdapter

  ArrayAdapter<CharSequence> adapter = ArrayAdapter.createFromResource(
                this, R.array.spin001_array, android.R.layout.simple_spinner_item);
  spin001.setAdapter(adapter);

效果图如下：

细心的我们会发现，为何在下拉窗口中，item之间的间距这么小，看着很不舒服，这时候就需要自定义下拉item了。在adapter中提供了一个方法setDropDownViewResource();利用它就可以实现美观的效果了。

adapter.setDropDownViewResource(R.layout.custom_spinner_item);代码如下：

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="50dp" android:gravity="center" android:singleLine="true" />

效果如下：

- 自定义BaseAdapter

当我们需要在下拉框中显示一个用户信息，比如头像，用户名，手机号时，我们就需要使用BaseAdapter了。效果图如下：

代码:
activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent">

    <Spinner  android:id="@+id/spin002" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:layout_marginTop="25dp" />
</RelativeLayout>

MainActivity.java

  Spinner spin002 = (Spinner) findViewById(R.id.spin002);
        // 建立数据源
        List<Person> persons = new ArrayList<Person>();
        persons.add(new Person("小明", "153********"));
        persons.add(new Person("小亮", "136********"));
        persons.add(new Person("花花", "170********"));
        persons.add(new Person("瓜瓜", "139********"));
        // 建立Adapter绑定数据源
        MySpinnerAdapter mAdapter = new MySpinnerAdapter(this, persons);
        //绑定Adapter
        spin002.setAdapter(mAdapter);

Person.java

/** * @author zyc * created at 2016/4/27 11:28 */
public class Person {

    private String personName;
    private String cellPhone;

    public Person(String personName, String cellPhone) {
        super();
        this.personName = personName;
        this.cellPhone = cellPhone;
    }

    public String getPersonName() {
        return personName;
    }

    public void setPersonName(String personName) {
        this.personName = personName;
    }

    public String getcellPhone() {
        return cellPhone;
    }

    public void setcellPhone(String cellPhone) {
        this.cellPhone = cellPhone;
    }

}

MySpinnerAdapter.java

/** * @author zyc * created at 2016/4/27 11:30 */
public class MySpinnerAdapter extends BaseAdapter {

    private Context mContext;
    private List<Person> mList;
    private final LayoutInflater layoutInflater;

    public MySpinnerAdapter(Context context, List<Person> persons) {
        this.mContext = context;
        this.mList = persons;
        layoutInflater = LayoutInflater.from(mContext);
    }

    @Override
    public int getCount() {
        return mList.size();
    }

    @Override
    public Object getItem(int i) {
        return mList.get(i);
    }

    @Override
    public long getItemId(int i) {
        return 0;
    }

    @Override
    public View getView(int i, View convertView, ViewGroup viewGroup) {

        convertView = layoutInflater.inflate(R.layout.spinner_base_adapter, viewGroup, false);
        if (convertView != null) {
            ImageView imageView = (ImageView) convertView.findViewById(R.id.iv_head);
            imageView.setImageResource(R.drawable.dachaoxuexi);
            TextView tv_name = (TextView) convertView.findViewById(R.id.tv_name);
            TextView tv_cell_phone = (TextView) convertView.findViewById(R.id.tv_cell_phone);
            tv_name.setText(mList.get(i).getPersonName());
            tv_cell_phone.setText(mList.get(i).getcellPhone());
        }
        return convertView;
    }
}

ok，Spinner的使用总结，就到这了，有需要补充的，后续会补充上的。