Android开发基础：自定义下拉列表样式（spinner的用法）

spinner下拉菜单是Android中常用的控件之一。今天我们通过一个demo来理解下拉菜单的制作方法。

在此之前，首先要理解adapter的用法及含义。

adapter是view和data之间的桥梁，adapter将数据封装后显示到view上。ArrayAdapter是最简单的Adapter，此外还有SimpleAdapter和SimpleCursorAdapter。  使用simpleAdapter的数据用一般都是HashMap构成的List，list的每一节对应ListView的每一行。HashMap的每个键值数据映射到布局文件中对应id的组件上。

SimpleCursorAdapter允许你绑定一个游标的列到ListView上，并使用自定义的layout显示每个项目。SimpleCursorAdapter的创建，需要传入当前的上下文、一个layout资源，一个游标和两个数组：一个包含使用的列的名字，另一个（相同大小）数组包含View中的资源ID，用于显示相应列的数据值。

实现代码如下：

为下拉菜单设置样式的时候我们是自定义的一个layout。里面可以设置自己想要的效果。

当然也可以在程序中设置其效果（就是程序中注释掉的那句）

 //adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);

package yzy.cxt.com;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Spinner;
import android.widget.TextView;

/**
 * 自定义下拉菜单
 * @author 青衣修罗
 *
 */
public class MainActivity extends Activity {

	private TextView textView;
	private Spinner spinner;
	private ArrayAdapter<String> adapter;
	private static final String[] etoile= {
			"刘德华",
			"毛泽东",
			"刘翔",
			"盖茨"
	};
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        
        textView = (TextView)findViewById(R.id.textView);
        spinner = (Spinner)findViewById(R.id.spinner);
        
        // 初始化适配器
        adapter = new ArrayAdapter<String>(this,android.R.layout.simple_spinner_item,etoile);
        
        //设置自定义下拉菜单样式
        adapter.setDropDownViewResource(R.layout.menulayout);
        
        //adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
        
        //将适配器绑定到下拉菜单
        spinner.setAdapter(adapter);
        
        // 为下拉菜单添加监听事件
        spinner.setOnItemSelectedListener(new Spinner.OnItemSelectedListener() {

			@Override
			public void onItemSelected(AdapterView<?> arg0, View arg1,
					int arg2, long arg3) {
				// 设定选中的内容
				textView.setText(etoile[arg2]);
				// 让下拉菜单的内容显示
				arg0.setVisibility(View.VISIBLE);
			}

			@Override
			public void onNothingSelected(AdapterView<?> arg0) {
				// TODO Auto-generated method stub
				
			}
        	
        });
    }
}

自定义的menulayout的布局文件如下：

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
	android:id="@+id/textMenu"
    android:layout_width="wrap_content"
    android:layout_height="20sp" 
    android:singleLine="true"
    style="?android:attr/spinnerDropDownItemStyle"
   />

main.xml如下所示：

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

这样我们的效果就出来了。

点击后：