Android

ada_lib 2015-04-10

展開全文

前言

最近一直在講AndroidUI的開發(fā)，今天講一下Spinner控件，這是一個(gè)列表選擇框，可以彈出一個(gè)列表供用戶選擇。在本片博客中，會(huì)講解Spinner的基本屬性以及設(shè)置之后的效果，以及使用SimpleAdapter綁定自定義格式的數(shù)據(jù)到Spinner中。

Spinner

Spinner 是一個(gè)列表選擇框，會(huì)在用戶選擇后，展示一個(gè)列表供用戶進(jìn)行選擇。Spinner是ViewGroup的間接子類，它和其他的Android控件一樣，數(shù)據(jù)需要使用Adapter進(jìn)行封裝。

下面介紹一下Spinner的常用XML屬性，Android也為其屬性提供了相應(yīng)的getter、setter方法：

android:spinnerMode：列表顯示的模式，有兩個(gè)選擇，為彈出列表（dialog）以及下拉列表（dropdown），如果不特別設(shè)置，為下拉列表。。
android:entries：使用<string-array.../>資源配置數(shù)據(jù)源。
android:prompt：對(duì)當(dāng)前下拉列表設(shè)置標(biāo)題，僅在dialog模式下有效。傳遞一個(gè)“@string/name”資源，需要在需要在資源文件中定義<string.../>。

作為一個(gè)列表選擇控件，Spinner具有一些選中選項(xiàng)可以觸發(fā)的事件，但它本身沒有定義這些事件，均繼承自間接父類 AdapterView 。Spinner支持的幾個(gè)常用事件有以下幾個(gè)：

AdapterView.OnItemCLickListener：列表項(xiàng)被點(diǎn)擊時(shí)觸發(fā)。
AdapterView.OnItemLongClickListener：列表項(xiàng)被長按時(shí)觸發(fā)。
AdapterView.OnItemSelectedListener：列表項(xiàng)被選擇時(shí)觸發(fā)。

PS：因?yàn)檫m配器可以設(shè)置各種不同的樣式，有選擇、單選、多選，所以O(shè)nItemCLickListener和OnItemSelectedListener是適用于不同場景的。

Spinner的數(shù)據(jù)綁定

對(duì)于Spinner展示的數(shù)據(jù)源，一般使用兩種方式設(shè)定數(shù)據(jù)：

通過XML資源文件設(shè)置，這種方式比較死板，但是如果僅僅需要展示固定的、簡單的數(shù)據(jù)，這種方式還是可以考慮的，比較直觀。
使用Adapter接口設(shè)置，這是最常見的方式，動(dòng)態(tài)、靈活，可以設(shè)定各種樣式以及數(shù)據(jù)來源。

先來講講通過XML資源文件設(shè)置Spinner數(shù)據(jù)的方式，首先需要在/res/values目錄下新建XML格式的資源文件，名字不重要，但是一般會(huì)使用strings.xml。在其中的<resourse.../>標(biāo)簽下，定義<string-array.../>標(biāo)簽，通過它中的<item.../>標(biāo)簽來設(shè)置選擇數(shù)據(jù)。

XML文件結(jié)構(gòu)：

<string-array name="arrayname">

</string-array>

通過適配器Adapter可以設(shè)定比較復(fù)雜的展示效果，一般項(xiàng)目中比較常用的也是這種方式。但是如果對(duì)于動(dòng)態(tài)的、簡單的數(shù)據(jù)，可以使用ArrayAdapter對(duì)象來設(shè)置適配器，關(guān)于ArrayAdapter類的介紹，在我的另外一篇博客中有介紹，不了解的朋友可以先看看： Android--UI之AutoCompleteTextView 。

下面通過一個(gè)示例，講解一下上面說的屬性、事件，以及使用ArrayAdapter和XML資源文件設(shè)定簡單數(shù)據(jù)，代碼中注釋已經(jīng)說的很清楚了，這里就不再累述了。

布局代碼：

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout xmlns:android="http://schemas./apk/res/android"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent"
 5     android:orientation="vertical" >
 6 
 7     <TextView
 8         android:layout_width="wrap_content"
 9         android:layout_height="wrap_content"
10         android:text="彈出的Spinner" />
11 
12     <Spinner
13         android:id="@+id/spinnerBase"
14         android:layout_width="match_parent"
15         android:layout_height="wrap_content"
16         android:spinnerMode="dialog" />
17 
18     <TextView
19         android:layout_width="wrap_content"
20         android:layout_height="wrap_content"
21         android:text="下拉的Spinner（默認(rèn)）" />
22 
23     <Spinner
24         android:id="@+id/spinnerBase1"
25         android:layout_width="match_parent"
26         android:layout_height="wrap_content"
27         android:spinnerMode="dropdown" />
28 
29     <TextView
30         android:layout_width="wrap_content"
31         android:layout_height="wrap_content"
32         android:text="entries綁定數(shù)據(jù)源" />
33 
34     <Spinner
35         android:id="@+id/spinnerBase2"
36         android:layout_width="match_parent"
37         android:layout_height="wrap_content"
38         android:entries="@array/beijing" />
39 
40     <TextView
41         android:layout_width="wrap_content"
42         android:layout_height="wrap_content"
43         android:text="彈出帶標(biāo)題的Dialog，并且使用entries綁定數(shù)據(jù)源" />
44 
45     <Spinner
46         android:id="@+id/spinnerBase3"
47         android:layout_width="match_parent"
48         android:layout_height="wrap_content"
49         android:entries="@array/beijing"
50         android:prompt="@string/beij_prompt"
51         android:spinnerMode="dialog" />
52 
53 </LinearLayout>

實(shí)現(xiàn)代碼：

 1 package com.bgxt.datatimepickerdemo;
 2 
 3 import java.util.ArrayList;
 4 import java.util.List;
 5 
 6 import android.app.Activity;
 7 import android.os.Bundle;
 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.Toast;
14 
15 public class SpinnerBaseActivity extends Activity {
16     private Spinner spinner1, spinner2;
17 
18     @Override
19     protected void onCreate(Bundle savedInstanceState) {
20         super.onCreate(savedInstanceState);
21         setContentView(R.layout.activity_spinnerbase);
22 
23         spinner1 = (Spinner) findViewById(R.id.spinnerBase);
24         spinner2 = (Spinner) findViewById(R.id.spinnerBase1);
25         // 聲明一個(gè)ArrayAdapter用于存放簡單數(shù)據(jù)
26         ArrayAdapter<String> adapter = new ArrayAdapter<String>(
27                 SpinnerBaseActivity.this, android.R.layout.simple_spinner_item,
28                 getData());
29         // 把定義好的Adapter設(shè)定到spinner中
30         spinner1.setAdapter(adapter);
31         spinner2.setAdapter(adapter);
32         // 為第一個(gè)Spinner設(shè)定選中事件
33         spinner1.setOnItemSelectedListener(new OnItemSelectedListener() {
34 
35             @Override
36             public void onItemSelected(AdapterView<?> parent, View view,
37                     int position, long id) {
38                 // 在選中之后觸發(fā)
39                 Toast.makeText(SpinnerBaseActivity.this,
40                         parent.getItemAtPosition(position).toString(),
41                         Toast.LENGTH_SHORT).show();
42             }
43 
44             @Override
45             public void onNothingSelected(AdapterView<?> parent) {
46                 // 這個(gè)一直沒有觸發(fā)，我也不知道什么時(shí)候被觸發(fā)。
47                 //在官方的文檔上說明，為back的時(shí)候觸發(fā)，但是無效，可能需要特定的場景
48             }
49         });
50 
51     }
52 
53     private List<String> getData() {
54         // 數(shù)據(jù)源
55         List<String> dataList = new ArrayList<String>();
56         dataList.add("北京");
57         dataList.add("上海");
58         dataList.add("南京");
59         dataList.add("宜昌");
60         return dataList;
61     }
62 
63 }

XML資源文件：

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <resources>
 3     <string name="app_name">SpinnerDemo</string>
 4     <string name="action_settings">Settings</string>
 5     <string name="hello_world">Hello world!</string>
 6     <string name="beij_prompt">北京區(qū)域</string> 
 7     <string-array name="beijing">
 8         <item>朝陽區(qū)</item>
 9         <item>海淀區(qū)</item>
10         <item>房山區(qū)</item>
11         <item>豐臺(tái)區(qū)</item>
12         <item>東城區(qū)</item>
13         <item>西城區(qū)</item>
14     </string-array>    
15 </resources>

效果展示，圖片順序，從上到下：

SimpleAdapter配置Spinner數(shù)據(jù)

對(duì)于一個(gè)稍復(fù)雜的數(shù)據(jù)，如果想對(duì)其展示，光使用ArrayAdapter是無法滿足需求的，現(xiàn)在在另外介紹一個(gè)Adapter， SimpleAdapter ，同樣繼承自Adapter。

SimpleAdapter是一個(gè)簡單的適配器，映射靜態(tài)的XML格式的布局文件到視圖中。可以指定一個(gè)List<Map<P,T>>格式的數(shù)據(jù)，List中的每一條數(shù)據(jù)對(duì)應(yīng)一行，而Map中的每一條數(shù)據(jù)對(duì)應(yīng)數(shù)據(jù)行的一列。這個(gè)數(shù)據(jù)用來映射到XML定義的布局控件中，對(duì)應(yīng)關(guān)系通過構(gòu)造函數(shù)的另外兩個(gè)參數(shù)來指定，現(xiàn)在來介紹一下SimpleAdapter的構(gòu)造函數(shù)。

SimpleAdapter(Context context, List<? extends Map<String, ?>> data, int resource, String[] from, int[] to)

context：上下文對(duì)象，沒什么好說的，一般就是當(dāng)前的Activity。
data：上面介紹的List<Map<S,T>>類型的數(shù)據(jù)。
resource：XML資源的Id，通過R對(duì)象選中。
from：一個(gè)String類型數(shù)組，每條數(shù)據(jù)對(duì)應(yīng)data數(shù)據(jù)中，Map結(jié)構(gòu)定義的Key。
to：一個(gè)int類型數(shù)組，對(duì)應(yīng)XML資源中控件的ID，注意順序必須與from中指定數(shù)據(jù)的順序一致。

下面通過一個(gè)示例講解一下SimpleAdapter是如何設(shè)置自定義格式數(shù)據(jù)的。

布局代碼：

1 <?xml version="1.0" encoding="utf-8"?>
2 <LinearLayout xmlns:android="http://schemas./apk/res/android"
3     android:layout_width="match_parent"
4     android:layout_height="match_parent"
5     android:orientation="vertical" >
6     
7 <Spinner android:id="@+id/spinnerAdapter" android:layout_width="match_parent"
8     android:layout_height="wrap_content" />
9 </LinearLayout>

XML布局資源代碼：

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout xmlns:android="http://schemas./apk/res/android"
 3     android:layout_width="match_parent"
 4     android:layout_height="wrap_content"
 5     android:orientation="horizontal" >
 6 
 7     <ImageView
 8         android:id="@+id/imageview"
 9         android:layout_width="60dp"
10         android:layout_height="60dp"
11         android:paddingLeft="10dp"
12         android:src="@drawable/ic_launcher" />
13 
14     <TextView
15         android:id="@+id/textview"
16         android:layout_width="match_parent"
17     android:layout_height="wrap_content"
18         android:gravity="center_vertical" 
19         android:paddingLeft="10dp"
20         android:textColor="#000"
21         android:textSize="16dp" />
22 
23 </LinearLayout>

實(shí)現(xiàn)代碼：

 1 package com.bgxt.datatimepickerdemo;
 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.app.Activity;
 9 import android.os.Bundle;
10 import android.view.View;
11 import android.widget.AdapterView;
12 
13 import android.widget.AdapterView.OnItemSelectedListener;
14 import android.widget.SimpleAdapter;
15 import android.widget.Spinner;
16 import android.widget.Toast;
17 
18 public class SpinnerAdapterActivity extends Activity {
19     private Spinner spinner;
20 
21     @Override
22     protected void onCreate(Bundle savedInstanceState) {
23         // TODO Auto-generated method stub
24         super.onCreate(savedInstanceState);
25         setContentView(R.layout.activity_spinneradapter);
26 
27         spinner = (Spinner) findViewById(R.id.spinnerAdapter);
28         //聲明一個(gè)SimpleAdapter獨(dú)享，設(shè)置數(shù)據(jù)與對(duì)應(yīng)關(guān)系
29         SimpleAdapter simpleAdapter = new SimpleAdapter(
30                 SpinnerAdapterActivity.this, getData(), R.layout.items,
31                 new String[] { "ivLogo", "applicationName" }, new int[] {
32                         R.id.imageview, R.id.textview });
33         //綁定Adapter到Spinner中
34         spinner.setAdapter(simpleAdapter);
35         //Spinner被選中事件綁定。
36         spinner.setOnItemSelectedListener(new OnItemSelectedListener() {
37 
38             @Override
39             public void onItemSelected(AdapterView<?> parent, View view,
40                     int position, long id) {
41                 //parent為一個(gè)Map結(jié)構(gòu)的和數(shù)據(jù)
42                 Map<String, Object> map = (Map<String, Object>) parent
43                         .getItemAtPosition(position);
44                 Toast.makeText(SpinnerAdapterActivity.this,
45                         map.get("applicationName").toString(),
46                         Toast.LENGTH_SHORT).show();
47             }
48 
49             @Override
50             public void onNothingSelected(AdapterView<?> arg0) {
51                 
52             }
53         });
54     }
55 
56     public List<Map<String, Object>> getData() {
57         //生成數(shù)據(jù)源
58         List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();
59         //每個(gè)Map結(jié)構(gòu)為一條數(shù)據(jù)，key與Adapter中定義的String數(shù)組中定義的一一對(duì)應(yīng)。
60         Map<String, Object> map = new HashMap<String, Object>();
61         map.put("ivLogo", R.drawable.bmp1);
62         map.put("applicationName", "表情1");
63         list.add(map);
64         Map<String, Object> map2 = new HashMap<String, Object>();
65         map2.put("ivLogo", R.drawable.bmp2);
66         map2.put("applicationName", "表情2");
67         list.add(map2);
68         Map<String, Object> map3 = new HashMap<String, Object>();
69         map3.put("ivLogo", R.drawable.bmp3);
70         map3.put("applicationName", "表情3");
71         list.add(map3);
72         return list;
73     }
74 }

效果展示：

源碼下載

請(qǐng)支持原創(chuàng)，尊重原創(chuàng)，轉(zhuǎn)載請(qǐng)注明出處。謝謝。

本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間，所有內(nèi)容均由用戶發(fā)布，不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊一鍵舉報(bào)。

轉(zhuǎn)藏 分享

QQ空間 QQ好友新浪微博微信

獻(xiàn)花（0） +1

來自： ada_lib > 《android》

舉報(bào)/認(rèn)領(lǐng)