【Android】 Android中spinner下拉列表的使用

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

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

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

[html]  view plain copy

1. <span style="font-size:16px;">  </span>  

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

[plain]  view plain copy

1. <span style="font-size:16px;"><?xml version="1.0" encoding="utf-8"?>  
2. <resources>  
3.     <string-array name="spinnername">  
4.         <item>北京</item>  
5.         <item>上海 </item>  
6.         <item>广州</item>  
7.         <item>深圳</item>  
8.     </string-array>  
9. </resources></span>  

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

[java]  view plain copy

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

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

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

[java]  view plain copy

1.      mSpinner.setOnItemSelectedListener(new OnItemSelectedListener() {  
2. @Override  
3. public void onItemSelected(AdapterView<?> parent, View view,  
4.         int position, long id) {  
5.     String str=parent.getItemAtPosition(position).toString();  
6.     Toast.makeText(SpinnerActivity.this, "你点击的是:"+str, 2000).show();  
7. }  
8. @Override  
9. public void onNothingSelected(AdapterView<?> parent) {  
10.     // TODO Auto-generated method stub  
11. }  
12. );  

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

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

[html]  view plain copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     android:orientation="horizontal" >  
6.   
7.     <TextView  
8.         android:id="@+id/textView1"  
9.         android:layout_width="wrap_content"  
10.         android:layout_height="wrap_content"  
11.         android:drawableLeft="@drawable/ic_launcher"  
12.         android:paddingRight="8dip"  
13.         android:paddingTop="8dip"  
14.         android:text="TextView"  
15.         android:textSize="25sp" />  
16.   
17.     <TextView  
18.         android:id="@+id/textView2"  
19.         android:layout_width="wrap_content"  
20.         android:layout_height="wrap_content"  
21.         android:paddingLeft="8dip"  
22.         android:paddingTop="8dip"  
23.         android:text="TextView"  
24.         android:textSize="25sp" />  
25.   
26. </LinearLayout>  

[java]  view plain copy

1. package com.jiangqq.csdn;  
2. public class Person {  
3.     private String personName;  
4.     private String personAddress;  
5.     public Person(String personName, String personAddress) {  
6.         super();  
7.         this.personName = personName;  
8.         this.personAddress = personAddress;  
9.     }  
10.     public String getPersonName() {  
11.         return personName;  
12.     }  
13.     public void setPersonName(String personName) {  
14.         this.personName = personName;  
15.     }  
16.     public String getPersonAddress() {  
17.         return personAddress;  
18.     }  
19.     public void setPersonAddress(String personAddress) {  
20.         this.personAddress = personAddress;  
21.     }  
22.   
23. }  

[java]  view plain copy

1. package com.jiangqq.csdn;  
2.   
3. import java.util.List;  
4. import android.content.Context;  
5. import android.view.LayoutInflater;  
6. import android.view.View;  
7. import android.view.ViewGroup;  
8. import android.widget.BaseAdapter;  
9. import android.widget.TextView;  
10.   
11. /** 
12.  * 自定义适配器类 
13.  * @author jiangqq  <a href=http://blog.csdn.net/jiangqq781931404></a> 
14.  * 
15.  */  
16. public class MyAdapter extends BaseAdapter {  
17.     private List<Person> mList;  
18.     private Context mContext;  
19.   
20.     public MyAdapter(Context pContext, List<Person> pList) {  
21.         this.mContext = pContext;  
22.         this.mList = pList;  
23.     }  
24.   
25.     @Override  
26.     public int getCount() {  
27.         return mList.size();  
28.     }  
29.   
30.     @Override  
31.     public Object getItem(int position) {  
32.         return mList.get(position);  
33.     }  
34.   
35.     @Override  
36.     public long getItemId(int position) {  
37.         return position;  
38.     }  
39.     /** 
40.      * 下面是重要代码 
41.      */  
42.     @Override  
43.     public View getView(int position, View convertView, ViewGroup parent) {  
44.         LayoutInflater _LayoutInflater=LayoutInflater.from(mContext);  
45.         convertView=_LayoutInflater.inflate(R.layout.item, null);  
46.         if(convertView!=null)  
47.         {  
48.             TextView _TextView1=(TextView)convertView.findViewById(R.id.textView1);  
49.             TextView _TextView2=(TextView)convertView.findViewById(R.id.textView2);  
50.             _TextView1.setText(mList.get(position).getPersonName());  
51.             _TextView2.setText(mList.get(position).getPersonAddress());  
52.         }  
53.         return convertView;  
54.     }  
55. }  

[java]  view plain copy

1.                 // 初始化控件  
2. mSpinner = (Spinner) findViewById(R.id.spinner1);  
3. // 建立数据源  
4.    List<Person>  persons=new ArrayList<Person>();  
5. persons.add(new Person("张三", "上海 "));  
6. persons.add(new Person("李四", "上海 "));  
7. persons.add(new Person("王五", "北京" ));  
8. persons.add(new Person("赵六", "广州 "));  
9. //  建立Adapter绑定数据源  
10. MyAdapter _MyAdapter=new MyAdapter(this, persons);  
11. //绑定Adapter  
12. 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代码  

1. <TextView  
2.     android:id="@+id/degreeLabel"  
3.     android:layout_width="fill_parent"  
4.     android:layout_height="wrap_content"  
5.     android:text="请选择您的学历" />  
6. <Spinner  
7.     android:id="@+id/degree"  
8.     android:layout_width="fill_parent"  
9.     android:layout_height="wrap_content" />  

Xml代码  

1. <string-array name="degrees">  
2.     <item>初中及以下</item>  
3.     <item>高中</item>  
4.     <item>大学</item>  
5.     <item>研究生及以上</item>  
6. </string-array>  

Xml代码  

1. <Spinner  
2.     android:id="@+id/degree"  
3.     android:layout_width="fill_parent"  
4.     android:layout_height="wrap_content"  
5.     android:entries="@array/degrees" />  

Xml代码  

1. <Spinner  
2.     android:id="@+id/degree"  
3.     android:layout_width="fill_parent"  
4.     android:layout_height="wrap_content"  
5.     android:entries="@array/degrees"  
6.     android:prompt="@string/degrees_prompt" />  

Xml代码  

1. <string name="degrees_prompt">您的学历是：</string>  

Xml代码  

1. <string-array name="cities">  
2.     <item>北京</item>  
3.     <item>上海</item>  
4.     <item>大连</item>  
5. </string-array>  

Xml代码  

1. <TextView  
2.     android:id="@+id/cityLabel"  
3.     android:layout_width="fill_parent"  
4.     android:layout_height="wrap_content"  
5.     android:text="请选择您所在的城市" />  
6. <Spinner  
7.     android:id="@+id/city"  
8.     android:layout_width="fill_parent"  
9.     android:layout_height="wrap_content" />  

Java代码  

1. package org.ourpioneer;  
2. import android.app.Activity;  
3. import android.os.Bundle;  
4. import android.widget.ArrayAdapter;  
5. import android.widget.Spinner;  
6. public class SpinnerDemoActivity extends Activity {  
7.     private Spinner city = null;// 要读取的下拉列表  
8.     private ArrayAdapter<CharSequence> cities = null;// 要使用的Adapter  
9.     public void onCreate(Bundle savedInstanceState) {  
10.         super.onCreate(savedInstanceState);  
11.         super.setContentView(R.layout.main);  
12.         city = (Spinner) super.findViewById(R.id.city);// 获取下拉列表  
13.         city.setPrompt("您所在的城市是:");// 设置Prompt  
14.         cities = ArrayAdapter.createFromResource(this, R.array.cities,android.R.layout.simple_spinner_item);// 实例化ArrayAdapter  
15.         city.setAdapter(cities);// 设置显示信息  
16.     }  
17. }  

Java代码  

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

Java代码  

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

参考网址：http://sarin.iteye.com/blog/1669773