Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> Android開發 >> 關於android開發 >> Android學習指南之十:Spinner、AutoCompleteTextView、DatePicker、TimePicker

Android學習指南之十:Spinner、AutoCompleteTextView、DatePicker、TimePicker

編輯:關於android開發

       本節接著講用戶界面中的幾個控件,包括Spinner、AutoCompleteTextView、DatePicker和TimePicker。

       一、Spinner 下拉列表

       spinner就相當於Html中的下拉列表框,在下面的例子裡我們共同學習一下spinner的使用。在這一小節,讓我們建一個小關於色彩的下拉列表,當某一個選項被選擇時,彈出一個吐司消息。

       1、建一個新的項目,打開res/values/strings.xml文件,寫入如下代碼:

XML/HTML代碼
  1. < ?xml version="1.0" encoding="utf-8"?>  
  2. <resources>  
  3.     <string name="app_name">MainHelloSpinner</string>  
  4.     <string name="color">選擇色彩:</string>  
  5.     <string -array="" name="colors">  
  6.         <item>黑色 | Black</item>  
  7.         <item>藍色 | Blue</item>  
  8.         <item>棕色 | Brown</item>  
  9.         <item>綠色 | Green</item>  
  10.         <item>灰色 | Grey</item>  
  11.         <item>粉色 | Pink</item>  
  12.         <item>紫色 | Purple</item>  
  13.         <item>紅色 | Red</item>  
  14.         <item>白色 | White</item>  
  15.         <item>黃色 | Yellow</item>  
  16.     </string>  
  17. </resources>  

       2、打開res/layout/main.xml 寫入如下內容:

XML/HTML代碼
  1. < ?xml version="1.0" encoding="utf-8"?>  
  2. <linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:padding="10dip" android:layout_width="fill_parent" android:layout_height="wrap_content">  
  3.     <textview android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_margintop="10dip" android:text="@string/color">  
  4.     <spinner android:id="@+id/spinner" android:layout_width="fill_parent" android:layout_height="wrap_content" android:prompt="@string/color">  
  5. </spinner></textview></linearlayout>  

       3、打開MainHelloSpinner.java 寫入下內容:

Java代碼
  1. package android.basic.lesson10;   
  2.   
  3. import android.app.Activity;   
  4. import android.os.Bundle;   
  5. import android.view.View;   
  6. import android.widget.AdapterView;   
  7. import android.widget.AdapterView.OnItemSelectedListener;   
  8. import android.widget.ArrayAdapter;   
  9. import android.widget.Spinner;   
  10. import android.widget.Toast;   
  11.   
  12. public class MainHelloSpinner extends Activity {   
  13.     /** Called when the activity is first created. */  
  14.     @Override  
  15.     public void onCreate(Bundle savedInstanceState) {   
  16.         super.onCreate(savedInstanceState);   
  17.         setContentView(R.layout.main);   
  18.   
  19.         //找到Xml中定義的下拉列表   
  20.         Spinner spinner = (Spinner)findViewById(R.id.spinner);   
  21.         //准備一個數組適配器   
  22.         ArrayAdapter adapter = ArrayAdapter.createFromResource(   
  23.                 this, R.array.colors, android.R.layout.simple_spinner_item);   
  24.         //設置下拉樣式   
  25.         adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);   
  26.         //為下拉列表設置適配器   
  27.         spinner.setAdapter(adapter);   
  28.   
  29.         //定義子元素選擇監聽器   
  30.         OnItemSelectedListener oisl=  new OnItemSelectedListener() {   
  31.   
  32.                         @Override  
  33.                         public void onItemSelected(AdapterView<?> parent, View view,   
  34.                                         int position, long id) {   
  35.                       Toast.makeText(MainHelloSpinner.this,"選擇的色彩: " +   
  36.                   parent.getItemAtPosition(position).toString(), Toast.LENGTH_LONG).show();   
  37.   
  38.                         }   
  39.   
  40.                         @Override  
  41.                         public void onNothingSelected(AdapterView<?> parent) {   
  42.                         }   
  43.         };   
  44.         //為下拉列表綁定事件監聽器   
  45.         spinner.setOnItemSelectedListener(oisl);   
  46.     }   
  47. }  

       4、運行程序

Android學習指南之十:Spinner、AutoCompleteTextView、DatePicker、TimePicker

 

Android學習指南之十:Spinner、AutoCompleteTextView、DatePicker、TimePicker

Android學習指南之十:Spinner、AutoCompleteTextView、DatePicker、TimePicker

       二、AutoCompleteTextView自動完成文本框

       AutoCompleteTextView和EditText一樣都可以輸入文本。但它可以和適配器綁定,當用戶輸入兩個及以上字符時,系統將根據適配器提供的內容,進行文本的自動匹配提示。這個Web開發中Ajax裡的一個標志性的功能,現在被Android弄成了一個標准組件。下面我們通過一個例子來學習一下:

       1、建一個新的項目,打開res/values/strings.xml文件,寫入如下代碼:

XML/HTML代碼
  1. < ?xml version="1.0" encoding="utf-8"?>  
  2. <resources>  
  3.     <string name="app_name">HelloAutoCompleteTextView</string>  
  4.         <string -array="" name="province">  
  5.         <item>shan dong</item>  
  6.         <item>jiang su</item>  
  7.         <item>an hui</item>  
  8.         <item>zhe jiang</item>  
  9.         <item>fu jian</item>  
  10.         <item>shang hai</item>  
  11.         <item>guang dong</item>  
  12.         <item>guang xi</item>  
  13.         <item>hai nan</item>  
  14.         <item>hu bei</item>  
  15.         <item>hu nan</item>  
  16.         <item>he nan</item>  
  17.         <item>jiang xi</item>  
  18.         <item>bei jing</item>  
  19.         <item>tian jin</item>  
  20.         <item>he bei</item>  
  21.         <item>shan xi</item>  
  22.         <item>nei meng gu</item>  
  23.         <item>ning xia</item>  
  24.         <item>xin jiang</item>  
  25.         <item>qing hai</item>  
  26.         <item>shan xi</item>  
  27.         <item>gan su</item>  
  28.         <item>si chuan</item>  
  29.         <item>yun nan</item>  
  30.         <item>gui zhou</item>  
  31.         <item>xi zang</item>  
  32.         <item>chong qing</item>  
  33.         <item>liao ning</item>  
  34.         <item>ji lin</item>  
  35.         <item>hei long jiang</item>  
  36.         <item>tai wan</item>  
  37.         <item>xiang guang</item>  
  38.         <item>ao men </item>  
  39.         <item>山東</item>  
  40.         <item>江蘇</item>  
  41.         <item>安徽</item>  
  42.         <item>浙江</item>  
  43.         <item>福建</item>  
  44.         <item>上海</item>  
  45.         <item>廣東</item>  
  46.         <item>廣西</item>  
  47.         <item>海南</item>  
  48.         <item>湖北</item>  
  49.         <item>湖南</item>  
  50.         <item>河南</item>  
  51.         <item>江西</item>  
  52.         <item>北京</item>  
  53.         <item>天津</item>  
  54.         <item>河北</item>  
  55.         <item>山西</item>  
  56.         <item>內蒙古</item>  
  57.         <item>寧夏</item>  
  58.         <item>新疆</item>  
  59.         <item>青海</item>  
  60.         <item>陝西</item>  
  61.         <item>甘肅</item>  
  62.         <item>四川</item>  
  63.         <item>雲南</item>  
  64.         <item>貴州</item>  
  65.         <item>西藏</item>  
  66.         <item>重慶</item>  
  67.         <item>遼寧</item>  
  68.         <item>吉林</item>  
  69.         <item>黑龍江</item>  
  70.         <item>台灣</item>  
  71.         <item>香港</item>  
  72.         <item>澳門</item>  
  73.     </string>  
  74. </resources>  

       2、打開res/layout/main.xml 寫入如下內容:

XML/HTML代碼
  1. < ?xml version="1.0" encoding="utf-8"?>  
  2. <linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent">  
  3.     <textview android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="省份:">  
  4.   
  5.     <autocompletetextview android:hint="請輸入省份" android:id="@+id/AutoCompleteTextView01" android:completionthreshold="1" android:layout_width="fill_parent" android:layout_height="wrap_content">  
  6.     </autocompletetextview>  
  7. </textview></linearlayout>  

       3、打開MainHelloAutoCompleteTextView.java 寫入下內容:

Java代碼
  1. package android.basic.lesson10;   
  2.   
  3. import android.app.Activity;   
  4. import android.os.Bundle;   
  5. import android.widget.ArrayAdapter;   
  6. import android.widget.AutoCompleteTextView;   
  7.   
  8. public class MainHelloAutoCompleteTextView extends Activity {   
  9.     /** Called when the activity is first created. */  
  10.     @Override  
  11.     public void onCreate(Bundle savedInstanceState) {   
  12.         super.onCreate(savedInstanceState);   
  13.         setContentView(R.layout.main);   
  14.   
  15.         //定義數組   
  16.         String[] province = getResources().getStringArray(R.array.province);   
  17.   
  18.         //定義數組適配器   
  19.         ArrayAdapter adapter = new ArrayAdapter(this, R.layout.list_item, province);   
  20.   
  21.         //找到自動完成組件   
  22.         AutoCompleteTextView atv = (AutoCompleteTextView) findViewById(R.id.AutoCompleteTextView01);   
  23.   
  24.         //為其設置適配器   
  25.         atv.setAdapter(adapter);   
  26.   
  27.     }   
  28. }  

       4、運行程序,在英文輸入法下輸入”h”看看效果,再切換到中文輸入法下輸入”河”看看效果:

Android學習指南之十:Spinner、AutoCompleteTextView、DatePicker、TimePicker

Android學習指南之十:Spinner、AutoCompleteTextView、DatePicker、TimePicker

       這裡留意一下,android:completionThreshold=”1″ 屬性設置了一個閥值,規定用戶打了多少字符之後才出現自動提示,默認值是2,我們在這裡改成了1。

       三、DatePicker日期選擇控件和DatePickerDialog日期選擇對話框

       日期選擇的對話框比較漂亮,我們用一個例子演示一下:

       1、main.xml的代碼:

XML/HTML代碼
  1. < ?xml version="1.0" encoding="utf-8"?>  
  2. <linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent">  
  3.     <textview android:id="@+id/dateDisplay" android:layout_width="fill_parent" android:textsize="20sp" android:layout_height="wrap_content">  
  4.      </textview>  
  5.     <button android:text="改變日期" android:id="@+id/pickDate" android:textsize="20sp" android:layout_width="wrap_content" android:layout_height="wrap_content">  
  6.     </button>  
  7. </linearlayout>  

       其中文本框用來顯示時間,按鈕為了觸發日期選擇對話框,當然用其他組件來觸發日期選擇對話框也是的。

       2、java代碼:

Java代碼
  1. package android.basic.lesson10;   
  2.   
  3. import java.util.Calendar;   
  4.   
  5. import android.app.Activity;   
  6. import android.app.DatePickerDialog;   
  7. import android.app.DatePickerDialog.OnDateSetListener;   
  8. import android.app.Dialog;   
  9. import android.os.Bundle;   
  10. import android.view.View;   
  11. import android.widget.Button;   
  12. import android.widget.DatePicker;   
  13. import android.widget.TextView;   
  14.   
  15. public class MainHelloDatePicker extends Activity {   
  16.   
  17.         //准備公用屬性   
  18.     private TextView dateDisplay;   
  19.     private Button pickDate;   
  20.     private int mYear;   
  21.     private int mMonth;   
  22.     private int mDay;   
  23.   
  24.     //准備對話框Id   
  25.     static final int DATE_DIALOG_ID = 0;   
  26.   
  27.     //准備日期設置監聽器   
  28.     private OnDateSetListener dsl = new DatePickerDialog.OnDateSetListener(){   
  29.   
  30.                 @Override  
  31.                 public void onDateSet(DatePicker view, int year, int monthOfYear,   
  32.                                 int dayOfMonth) {   
  33.                         mYear =year;   
  34.                         mMonth= monthOfYear;   
  35.                         mDay= dayOfMonth;   
  36.                         dateDisplay.setText(mYear+"-"+(mMonth+1)+"-"+mDay);   
  37.                 }   
  38.     };   
  39.   
  40.     //重寫創建對話框方法   
  41.     @Override  
  42.         protected Dialog onCreateDialog(int id){   
  43.             switch(id){   
  44.             case DATE_DIALOG_ID:   
  45.                     //把Activity上下文、日期設置監聽器、以及日期的年月日都作為參數傳給那個新成立的對話框組件   
  46.                     return new DatePickerDialog(this, dsl, mYear, mMonth, mDay);   
  47.             }   
  48.             return null;   
  49.     }   
  50.   
  51.     /** Called when the activity is first created. */  
  52.     @Override  
  53.     public void onCreate(Bundle savedInstanceState) {   
  54.         super.onCreate(savedInstanceState);   
  55.         setContentView(R.layout.main);   
  56.   
  57.         //得到當前日期   
  58.         final Calendar c = Calendar.getInstance();   
  59.         mYear = c.get(Calendar.YEAR);   
  60.         mMonth = c.get(Calendar.MONTH);   
  61.         mDay = c.get(Calendar.DAY_OF_MONTH);   
  62.   
  63.         //獲取xml中的組件   
  64.         dateDisplay= (TextView)findViewById(R.id.dateDisplay);   
  65.         pickDate = (Button)findViewById(R.id.pickDate);   
  66.   
  67.         //給日期顯示組件一個初始值   
  68.         dateDisplay.setText(mYear+"-"+(mMonth+1)+"-"+mDay);   
  69.   
  70.         //給按鈕綁定點擊監聽器   
  71.         pickDate.setOnClickListener(new View.OnClickListener() {   
  72.             public void onClick(View v) {   
  73.                 showDialog(DATE_DIALOG_ID);   
  74.             }   
  75.         });   
  76.     }   
  77. }  

       3、運行程序

Android學習指南之十:Spinner、AutoCompleteTextView、DatePicker、TimePicker

Android學習指南之十:Spinner、AutoCompleteTextView、DatePicker、TimePicker

Android學習指南之十:Spinner、AutoCompleteTextView、DatePicker、TimePicker

       讀者可以特別留意一下本節關於OnDateSetListener的代碼,體會監聽器的作用,有興趣的同學可以看一下DatePickDialog和DatePick的源代碼。

       四、TimePicker 時間選擇控件和TimePickerDialog 時間選擇對話框

       TimePicker 時間選擇控件和TimePickerDialog 時間選擇對話框和上一小節的例子基本相同,就不舉了。本講暫時就到這裡。

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved