Android中Spinner的使用

随时随地阅读更多技术实战干货，获取项目源码、学习资料，请关注源代码社区公众号(ydmsq666)、QQ技术交流群(183198395)。

android中的Spinner是一个列表选择框，但并不是以下拉列表显示的，而是相当于弹出一个菜单供用户选择。Spinner是ViewGroup的间接子类，因此它也可以作为容器使用。Spinner支持以下常用XML属性：

为Spinner设置选项内容时，有两种方法，第一，可以直接在XML中确定Spinner的选项内容，这是只需要知道android:entries属性即可。第二，我们可以提供一个Adapter，负责决定Spinner列表的每项显示什么。Adapter可以非常灵活地定制Spinner，包括重绘Spinner列表的外观等。

方式一，在XML中指定：

布局XML：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
<Spinner 
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:entries="@array/language"
    android:prompt="@string/prompt"/>
</LinearLayout>

数组XML（列表显示的内容）：

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <string-array name="language">
        <item>C</item>
        <item>C++</item>
        <item>C#</item>
        <item>Java</item>
    </string-array>

</resources>

附上图片效果：

方式二：使用Adapter：

Activity：

package com.lovo;

import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.Spinner;
import android.widget.TextView;

public class MainActivity extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		// 实例化一个BaseAdapter对象，用于指定Spinner列表项的内容
		BaseAdapter ba = new BaseAdapter() {

			@Override
			public int getCount() {
				// 指定一共包含10个选项
				return 10;
			}

			@Override
			public Object getItem(int arg0) {
				return null;
			}

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

			@Override
			// 重写该方法，该方法返回的View将作为列表框的每项
			public View getView(int position, View convertView, ViewGroup parent) {
				// 可以在XML中定义列表框中每项显示的内容，更便于控制组件的内容和相对位置，也可以像下面在代码这设置每项显示的内容
				// 创建一个LinearLayout，并向其中添加两个组件
				LinearLayout linearLayout = new LinearLayout(MainActivity.this);
				// 设置水平布局
				linearLayout.setOrientation(0);
				// 实例化TextView对象
				TextView textView = new TextView(MainActivity.this);
				textView.setText(position + " ");
				textView.setTextSize(20);
				textView.setTextColor(Color.RED);
				// 实例化ImageView对象
				ImageView image = new ImageView(MainActivity.this);
				image.setImageResource(R.drawable.ic_launcher);
				// 将组件添加到LinearLayout对象中
				linearLayout.addView(image);
				linearLayout.addView(textView);
				// 返回LinearLayout实例
				return linearLayout;
			}
		};
		// 得到Spinner实例
		Spinner spinner = (Spinner) findViewById(R.id.spinner);
		// 为Spinner设置适配器
		spinner.setAdapter(ba);
	}
}

布局XML：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
<Spinner 
    android:id="@+id/spinner"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:prompt="@string/prompt"/>
</LinearLayout>

ps:如果想更易控制选项内容的布局，建议Spinner每一项在XML定义。本文只是为了简单地说明Spinner的用法。
附上图片效果：