【Android】 Android中spinner下拉列表的使用-阿里云开发者社区

今天学习了Spinner组件，使用Spinner相当于从下拉列表中选择项目，下面演示一下Spinner的使用(分别使用ArrayAdapter和自定义Adapter实现)

（一）:使用ArrayAdapter进行适配数据:

①:首先定义一个布局文件:

[html]view plaincopy 
   
 <span style="font-size:16px;"><?xml version="1.0" encoding="utf-8"?>   
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"   
     android:layout_width="fill_parent"   
     android:layout_height="fill_parent"   
     android:orientation="vertical" >   
    
     <Spinner   
         android:id="@+id/spinner1"   
         android:layout_width="match_parent"   
         android:layout_height="wrap_content"   
       />   
 </LinearLayout></span>   

[html]view plaincopy 
   
 <span style="font-size:16px;">  </span>   

【注意:】上面的Spinner有两个属性1:prompt是初始的时候，Spinner显示的数据，是一个引用类型 2:entries是直接在xml布局文件中绑定数据源（可以不设置，即可以在Activity中动态绑定）

②:建立数据源，使用数组,这些数据将会在Spinner下来列表中进行显示:

[plain]view plaincopy 
   
 <span style="font-size:16px;"><?xml version="1.0" encoding="utf-8"?>   
 <resources>   
     <string-array name="spinnername">   
         <item>北京</item>   
         <item>上海 </item>   
         <item>广州</item>   
         <item>深圳</item>   
     </string-array>   
 </resources></span>   

③:接着在Activity中加入如下的代码(使用了系统定义的下拉列表的布局文件，当然也可以自定义)

[java]view plaincopy 
   
              // 初始化控件   
 mSpinner = (Spinner) findViewById(R.id.spinner1);   
 // 建立数据源   
 String[] mItems = getResources().getStringArray(R.array.spinnername);   
 // 建立Adapter并且绑定数据源   
 ArrayAdapter<String> _Adapter=new ArrayAdapter<String>(this,android.R.layout.simple_spinner_item, mItems);   
 //绑定 Adapter到控件   
 mSpinner.setAdapter(_Adapter);   

以上代码初步完成，看下运行效果:

下面是关于Spinner的点击事件(效果图如上图):

[java]view plaincopy 
   
      mSpinner.setOnItemSelectedListener(new OnItemSelectedListener() {   
 @Override   
 public void onItemSelected(AdapterView<?> parent, View view,   
         int position, long id) {   
     String str=parent.getItemAtPosition(position).toString();   
     Toast.makeText(SpinnerActivity.this, "你点击的是:"+str, 2000).show();   
 }   
 @Override   
 public void onNothingSelected(AdapterView<?> parent) {   
     // TODO Auto-generated method stub   
 }   
 );   

（二）使用自定义的Adapter(重点)

①:定义每一个Item的布局文件

[html]view plaincopy 
   
 <?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="horizontal" >   
    
     <TextView   
         android:id="@+id/textView1"   
         android:layout_width="wrap_content"   
         android:layout_height="wrap_content"   
         android:drawableLeft="@drawable/ic_launcher"   
         android:paddingRight="8dip"   
         android:paddingTop="8dip"   
         android:text="TextView"   
         android:textSize="25sp" />   
    
     <TextView   
         android:id="@+id/textView2"   
         android:layout_width="wrap_content"   
         android:layout_height="wrap_content"   
         android:paddingLeft="8dip"   
         android:paddingTop="8dip"   
         android:text="TextView"   
         android:textSize="25sp" />   
    
 </LinearLayout>   

②:建立Person类：

[java]view plaincopy 
   
 package com.jiangqq.csdn;   
 public class Person {   
     private String personName;   
     private String personAddress;   
     public Person(String personName, String personAddress) {   
         super();   
         this.personName = personName;   
         this.personAddress = personAddress;   
     }   
     public String getPersonName() {   
         return personName;   
     }   
     public void setPersonName(String personName) {   
         this.personName = personName;   
     }   
     public String getPersonAddress() {   
         return personAddress;   
     }   
     public void setPersonAddress(String personAddress) {   
         this.personAddress = personAddress;   
     }   
    
 }   

③:创建MyAdapter继承与BaseAdapter,进行适配:

[java]view plaincopy 
   
 package com.jiangqq.csdn;   
    
 import java.util.List;   
 import android.content.Context;   
 import android.view.LayoutInflater;   
 import android.view.View;   
 import android.view.ViewGroup;   
 import android.widget.BaseAdapter;   
 import android.widget.TextView;   
    
 /**  
  * 自定义适配器类  
  * @author jiangqq  <a href=http://blog.csdn.net/jiangqq781931404></a>  
  *  
  */   
 public class MyAdapter extends BaseAdapter {   
     private List<Person> mList;   
     private Context mContext;   
    
     public MyAdapter(Context pContext, List<Person> pList) {   
         this.mContext = pContext;   
         this.mList = pList;   
     }   
    
     @Override   
     public int getCount() {   
         return mList.size();   
     }   
    
     @Override   
     public Object getItem(int position) {   
         return mList.get(position);   
     }   
    
     @Override   
     public long getItemId(int position) {   
         return position;   
     }   
     /**  
      * 下面是重要代码  
      */   
     @Override   
     public View getView(int position, View convertView, ViewGroup parent) {   
         LayoutInflater _LayoutInflater=LayoutInflater.from(mContext);   
         convertView=_LayoutInflater.inflate(R.layout.item, null);   
         if(convertView!=null)   
         {   
             TextView _TextView1=(TextView)convertView.findViewById(R.id.textView1);   
             TextView _TextView2=(TextView)convertView.findViewById(R.id.textView2);   
             _TextView1.setText(mList.get(position).getPersonName());   
             _TextView2.setText(mList.get(position).getPersonAddress());   
         }   
         return convertView;   
     }   
 }   

④:在Activity中加入如下代码:

[java]view plaincopy 
   
                 // 初始化控件   
 mSpinner = (Spinner) findViewById(R.id.spinner1);   
 // 建立数据源   
    List<Person>  persons=new ArrayList<Person>();   
 persons.add(new Person("张三", "上海 "));   
 persons.add(new Person("李四", "上海 "));   
 persons.add(new Person("王五", "北京" ));   
 persons.add(new Person("赵六", "广州 "));   
 //  建立Adapter绑定数据源   
 MyAdapter _MyAdapter=new MyAdapter(this, persons);   
 //绑定Adapter   
 mSpinner.setAdapter(_MyAdapter);   

运行效果如下截图:

监听事件和第一种方法相同:

方式二：

在Web开发中，HTML提供了下拉列表的实现，就是使用<select>元素实现一个下拉列表，在其中每个下拉列表项使用<option>表示即可。这是在Web开发中一个必不可少的交互性组件，在Android中的对应实现就是Spinner。
    首先来看一下Spinner的文档：

java.lang.Object
   ↳ android.view.View
   ↳ android.view.ViewGroup
   ↳ android.widget.AdapterView<T extends android.widget.Adapter>
   ↳ android.widget.AbsSpinner
   ↳ android.widget.Spinner
    Spinner的继承结构比较复杂，在继承树中有AdapterView，这是比较重要的一项，因为我们就是通过Adapter来为Spinner设置下拉列表项的。
    Spinner的重点问题就是下拉列表项的配置，通过之前组件的了解，我们知道资源组件的配置有两种方式，一种是通过XML文件来配置，一种是通过程序来配置。而从Spinner的文档中，我们可以看到，对它的配置需要使用Adapter类的实现。
    下面我们就来看看Spinner的使用，在Eclipse中创建SpinnerDemo项目，编写代码：

   Xml代码  
    
  
 <TextView   
     android:id="@+id/degreeLabel"   
     android:layout_width="fill_parent"   
     android:layout_height="wrap_content"   
     android:text="请选择您的学历" />   
 <Spinner   
     android:id="@+id/degree"   
     android:layout_width="fill_parent"   
     android:layout_height="wrap_content" />   

这里放置了一个空的Spinner，直接运行程序，我们看到如下效果：

就是一个空的下拉框，什么都没有，下面我们开始向这个下拉框中设置列表项。首先我们使用XML资源文件的配置方式，在values目录下创建spinner_data.xml，并设置如下内容：

   Xml代码  
    
  
 <string-array name="degrees">   
     <item>初中及以下</item>   
     <item>高中</item>   
     <item>大学</item>   
     <item>研究生及以上</item>   
 </string-array>   

不难理解<string-array>表示字符串的数组，就是可以定义多个字符串的项目，在其中，我们仍然使用<item>来定义每一项，设置好后，将其应用到Spinner中：

   Xml代码  
    
  
 <Spinner   
     android:id="@+id/degree"   
     android:layout_width="fill_parent"   
     android:layout_height="wrap_content"   
     android:entries="@array/degrees" />   

配置Spinner组件中的entries属性即可引用我们在spinner_data.xml中定义的degrees项目组了，不难想到，它已经被注册到R.java中了。运行程序，我们得到如下显示效果：

这里可以看到，我们虽然设置了提示信息，但是点击下拉框后并没有出现Spinner的提示，而是直接显示出了我们设置的选项，这样的显示并不是很好看，我们希望在弹出的Spinner选择框上也给出提示，那么我们可以这么来设置：

   Xml代码  
    
  
 <Spinner   
     android:id="@+id/degree"   
     android:layout_width="fill_parent"   
     android:layout_height="wrap_content"   
     android:entries="@array/degrees"   
     android:prompt="@string/degrees_prompt" />   

也就是在Spinner组件中加上prompt属性即可，注意这里不能直接使用文本了，而需要使用引用，那么我们在strings.xml中加入如下信息：

   Xml代码  
    
 <string name="degrees_prompt">您的学历是：</string>

我们再次运行程序，就可以看到如下的效果：

这次再点击Spinner，弹出的下拉框中就有了提示的prompt，显示效果好了很多。
下面我们看看如何通过程序来控制Spinner和列表项，之前说过要使用程序，就要用到Adapter类，这里我们使用实现类ArrayAdapter来进行操作。首先我们使用ArrayAdapter读取XML配置文件的方式来说明：

   Xml代码  
    
  
 <string-array name="cities">   
     <item>北京</item>   
     <item>上海</item>   
     <item>大连</item>   
 </string-array>   

我们在spinner_data.xml中再设置一组值来表示城市，有了列表项，我们还需要再创建一个Spinner，那么在main.xml中，再设置一个Spinner：

   Xml代码  
    
  
 <TextView   
     android:id="@+id/cityLabel"   
     android:layout_width="fill_parent"   
     android:layout_height="wrap_content"   
     android:text="请选择您所在的城市" />   
 <Spinner   
     android:id="@+id/city"   
     android:layout_width="fill_parent"   
     android:layout_height="wrap_content" />   

那么在Activity程序中，我们可以如下来编写代码：

   Java代码  
    
  
 package org.ourpioneer;   
 import android.app.Activity;   
 import android.os.Bundle;   
 import android.widget.ArrayAdapter;   
 import android.widget.Spinner;   
 public class SpinnerDemoActivity extends Activity {   
     private Spinner city = null;// 要读取的下拉列表   
     private ArrayAdapter<CharSequence> cities = null;// 要使用的Adapter   
     public void onCreate(Bundle savedInstanceState) {   
         super.onCreate(savedInstanceState);   
         super.setContentView(R.layout.main);   
         city = (Spinner) super.findViewById(R.id.city);// 获取下拉列表   
         city.setPrompt("您所在的城市是:");// 设置Prompt   
         cities = ArrayAdapter.createFromResource(this, R.array.cities,android.R.layout.simple_spinner_item);// 实例化ArrayAdapter   
         city.setAdapter(cities);// 设置显示信息   
     }   
 }   

根据代码中的注释，不难理解每行代码的意思，这和在XML中配置Spinner是类似的。要多说的一点就是这里我们为ArrayAdapter设置的泛型是CharSequence，而不是直接使用String，这是出于以后对StringBuffer的兼容，来看下CharSequence的文档：

不难看出，String和StringBuffer都是CharSequence的子类，这里定义为CharSequence后直接使用字符串格式是没有问题的。
下面直接运行程序，我们可以看到如下效果：

此时列表项的显示和之前的不同，是因为我们在实例化ArrayAdapter时使用了android.R.layout.simple_spinner_item，也就是使用了简单的spinner项。
可以通过如下的代码控制显示风格：

   Java代码  
    
 cities.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);// 设置列表项的显示风格

之后再次运行代码，就可以看到和之前一样的显示效果了。
下面来看第二种ArrayAdapter的使用方式，就是在程序中动态生成结果来进行填充，我们修改上面的代码，最终为：

   Java代码  
    
  
 package org.ourpioneer;   
 import java.util.Arrays;   
 import java.util.List;   
 import android.app.Activity;   
 import android.os.Bundle;   
 import android.widget.ArrayAdapter;   
 import android.widget.LinearLayout;   
 import android.widget.Spinner;   
 import android.widget.TextView;   
    
 public class SpinnerDemoActivity extends Activity {   
     // 省略City部分Spinner和ArrayAdapter声明的代码   
     private Spinner age = null;// 声明一个Spinner组件，表示年龄   
     private ArrayAdapter<CharSequence> ages = null;// 声明一个ArrayAdapter来适配年龄   
     private List<CharSequence> age_data = null;// 声明一个放置年龄数据的List   
     public void onCreate(Bundle savedInstanceState) {   
         super.onCreate(savedInstanceState);   
         super.setContentView(R.layout.main);   
         // 省略City部分的设置代码   
         age = new Spinner(this);// 创建Spinner对象   
         age.setPrompt("您的年龄段是:");// 设置Prompt   
         age_data = Arrays.asList(new CharSequence[] { "10岁以下", "10-20岁",   
                 "20-30岁", "30-40岁", "40-50岁", "50-60岁", "60岁以上" });// 设置年龄段数组并最终转换为List类型   
         ages = new ArrayAdapter<CharSequence>(this,   
                 android.R.layout.simple_spinner_item, age_data);// 实例化ArrayAdapter   
     ages.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);// 设置列表项显示风格   
         age.setAdapter(ages);// 设置显示信息   
         LinearLayout layout = (LinearLayout) super.findViewById(R.id.layout);   
         TextView ageLabel=new TextView(this);   
         ageLabel.setText("请选择您的年龄段");   
         layout.addView(ageLabel);   
         layout.addView(age);   
     }   
 }   