使用Spinner实现下拉列表

转载自:  http://blog.csdn.net/xu_mengmeng/article/details/46940661

目标：1.了解Spinner下拉列表的使用和功能

            2.学会使用系统默认的Spinner

            3.学会使用自定义样式的Spinner

先来看Spinner的效果图：

执行步骤：

代码实现：

[html]  view plain  copy

1. package com.mengmeng.android_spinner;  
2.   
3. import java.util.ArrayList;  
4. import java.util.List;  
5.   
6. import android.os.Bundle;  
7. import android.app.Activity;  
8. import android.view.View;  
9. import android.widget.AdapterView;  
10. import android.widget.AdapterView.OnItemSelectedListener;  
11. import android.widget.ArrayAdapter;  
12. import android.widget.Spinner;  
13. import android.widget.TextView;  
14.   
15. public class MainActivity extends Activity implements OnItemSelectedListener {  
16.   
17.     private TextView textView;  
18.     private Spinner spinner;  
19.     private List<String> list;  
20.     private ArrayAdapter<String> adapter;  
21.       
22.       
23.     @Override  
24.     protected void onCreate(Bundle savedInstanceState) {  
25.         super.onCreate(savedInstanceState);  
26.         setContentView(R.layout.activity_main);  
27.           
28.         textView = (TextView) findViewById(R.id.textView);  
29.         spinner = (Spinner) findViewById(R.id.spinner);  
30.         textView.setText("您当前选择的是北京");  
31.           
32.         //1.设置数据源  
33.         list = new ArrayList<String>();  
34.         list.add("北京");  
35.         list.add("上海");  
36.         list.add("南京");  
37.         list.add("广州");  
38.         list.add("深圳");  
39.           
40.         //2.新建ArrayAdapter（数组适配器）  
41.         adapter = new ArrayAdapter<String>(this, android.R.layout.simple_spinner_item, list);  
42.         //3.为下拉列表设置一个下拉菜单的样式  
43.         adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);  
44.         //4.将适配器加载到下拉菜单  
45.         spinner.setAdapter(adapter);  
46.         //5.给spinner设置监听器  
47.         spinner.setOnItemSelectedListener(this);  
48.   
49.     }  
50.   
51.   
52.     @Override  
53.     public void onItemSelected(AdapterView<?> parent, View v, int position,  
54.             long id) {  
55.         //通过Adapter获取当前的信息  
56.         String cityName = adapter.getItem(position);  
57.         textView.setText("您当前选择的是："+cityName);  
58.     }  
59.   
60.     @Override  
61.     public void onNothingSelected(AdapterView<?> parent) {  
62.           
63.     }  
64. }  

利用SimpleAdapter实现自定义样式Spinner

效果图如下：

代码实现如下：

[html]  view plain  copy

1. package com.mengmeng.android_spinner2;  
2.   
3. import java.util.ArrayList;  
4. import java.util.HashMap;  
5. import java.util.List;  
6. import java.util.Map;  
7.   
8. import android.os.Bundle;  
9. import android.app.Activity;  
10. import android.view.Menu;  
11. import android.view.View;  
12. import android.widget.AdapterView;  
13. import android.widget.AdapterView.OnItemSelectedListener;  
14. import android.widget.SimpleAdapter;  
15. import android.widget.Spinner;  
16. import android.widget.TextView;  
17.   
18. public class MainActivity extends Activity {  
19.   
20.     private TextView myTextView;  
21.     private Spinner mySpinner;  
22.     private List<Map<String, Object>> dataList;  
23.     private SimpleAdapter adapter;  
24.       
25.     @Override  
26.     protected void onCreate(Bundle savedInstanceState) {  
27.         super.onCreate(savedInstanceState);  
28.         setContentView(R.layout.activity_main);  
29.           
30.         myTextView = (TextView) findViewById(R.id.textView);  
31.         mySpinner = (Spinner) findViewById(R.id.spinner);  
32.         myTextView.setText("您选择的是北京");  
33.         //1.设置数据源，添加一个下拉列表list，这里添加的项就是下拉列表的菜单项  
34.         dataList = new ArrayList<Map<String,Object>>();  
35.         getDate();  
36.           
37.         //2.添加适配器  
38.         adapter = new SimpleAdapter(this, dataList, R.layout.item,   
39.                 new String[]{"image","text"}, new int[]{R.id.item_image,R.id.item_text});  
40.           
41.         //3.为适配器设置下拉样式  
42.         adapter.setDropDownViewResource(R.layout.item);  
43.           
44.         //4.添加适配器  
45.         mySpinner.setAdapter(adapter);  
46.           
47.         //5.添加下拉菜单的响应事件  
48.         mySpinner.setOnItemSelectedListener(new OnItemSelectedListener() {  
49.   
50.             @Override  
51.             public void onItemSelected(AdapterView<?> arg0, View arg1,  
52.                     int position ,long id) {  
53.                 Object o = adapter.getItem(position);  
54.                 myTextView.setText("您选择的是"+o);  
55.                   
56.             }  
57.   
58.             @Override  
59.             public void onNothingSelected(AdapterView<?> arg0) {  
60.                 myTextView.setText("None");  
61.             }  
62.         });  
63.           
64.         }  
65.       
66.     private void getDate(){  
67.         Map<String, Object> map1 = new HashMap<String, Object>();  
68.         map1.put("image", R.drawable.ic_launcher);  
69.         map1.put("text", "北京");  
70.           
71.         Map<String, Object> map2 = new HashMap<String, Object>();  
72.         map2.put("image", R.drawable.ic_launcher);  
73.         map2.put("text", "上海");  
74.           
75.         Map<String, Object> map3 = new HashMap<String, Object>();  
76.         map3.put("image", R.drawable.ic_launcher);  
77.         map3.put("text", "南京");  
78.           
79.         Map<String, Object> map4 = new HashMap<String, Object>();  
80.         map4.put("image", R.drawable.ic_launcher);  
81.         map4.put("text", "广州");  
82.           
83.         Map<String, Object> map5 = new HashMap<String, Object>();  
84.         map5.put("image", R.drawable.ic_launcher);  
85.         map5.put("text", "深圳");  
86.           
87.         dataList.add(map1);  
88.         dataList.add(map2);  
89.         dataList.add(map3);  
90.         dataList.add(map4);  
91.         dataList.add(map5);  
92.     }  
93. }<strong>  
94. </strong>  

自定义的样式：item.xml

[html]  view plain  copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent">  
5.       
6.     <ImageView   
7.         android:id="@+id/item_image"  
8.         android:layout_width="wrap_content"  
9.         android:layout_height="wrap_content"  
10.         android:layout_alignParentLeft="true"  
11.         android:layout_centerVertical="true"  
12.         android:layout_marginLeft="10dp"  
13.         android:background="@drawable/ic_launcher"/>  
14.       
15.     <TextView   
16.         android:id="@+id/item_text"  
17.         android:layout_width="wrap_content"  
18.         android:layout_height="wrap_content"  
19.         android:layout_centerVertical="true"  
20.         android:layout_marginLeft="20dp"  
21.         android:layout_toRightOf="@id/item_image"  
22.         android:text="None"/>  
23.           
24.       
25.   
26. </RelativeLayout><strong>  
27. </strong>