女儿情口琴简谱:第十讲：用户界面 View（五）

来源：百度文库编辑：偶看新闻时间：2024/05/03 09:49:09

第十讲：用户界面 View（五）

本讲内容：Spinner，AutoCompleteTextView，DatePicker，TimePicker

点此下载：Android学习指南第十讲源代码

七、Spinner 下拉列表

spinner就相当于Html中的下拉列表框，在下面的例子里我们共同学习一下spinner的使用。在这一小节，让我们建一个小关于色彩的下拉列表，当某一个选项被选择时，弹出一个吐司消息。

1、建一个新的项目，打开res/values/strings.xml文件,写入如下代码：

view source

print?01< ?xml version="1.0" encoding="utf-8"?>02<resources>03<string name="app_name"

>MainHelloSpinnerstring>04<string name="color">选择色彩：string>05<string name="colors" -array="">06<item>黑色 | Blackitem>07<item>蓝色 | Blueitem>08<item>棕色 | Brownitem>09<item>绿色 | Greenitem>10<item>灰色 | Greyitem>11<item>粉色 | Pinkitem>12<item>紫色 | Purpleitem>13<item>红色 | Reditem>14<item>白色 | Whiteitem>15<item>黄色 | Yellowitem>16string>17resources>2、打开res/layout/main.xml 写入如下内容：
view sourceprint?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="wrap_content" android:padding="10dip">3<textview android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/color" android:layout_marginTop="10dip">4<spinner android:id="@+id/spinner" android:layout_width="fill_parent" android:layout_height="wrap_content" android:prompt="@string/color">5spinner>textview>linearlayout>3、打开MainHelloSpinner.java 写入下内容：
view sourceprint?01package android.basic.lesson10;0203import android.app.Activity;04import android.os.Bundle;05import android.view.View;06import android.widget.AdapterView;07import android.widget.AdapterView.OnItemSelectedListener;08import android.widget.ArrayAdapter;09import android.widget.Spinner;10import android.widget.Toast;1112public class MainHelloSpinner extends Activity {13/** Called when the activity is first created. */14@Override15public void onCreate(Bundle savedInstanceState) {16super.onCreate(savedInstanceState);17setContentView(R.layout.main);1819//找到Xml中定义的下拉列表20Spinner spinner = (Spinner)findViewById(R.id.spinner);21//准备一个数组适配器22ArrayAdapter adapter = ArrayAdapter.createFromResource(23this, R.array.colors, android.R.layout.simple_spinner_item);24//设置下拉样式25adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);26//为下拉列表设置适配器27spinner.setAdapter(adapter);2829//定义子元素选择监听器30OnItemSelectedListener oisl= new OnItemSelectedListener() {3132@Override33public void onItemSelected(AdapterView parent, View view,34int position, long id) {35Toast.makeText(MainHelloSpinner.this,"选择的色彩： " +36parent.getItemAtPosition(position).toString(), Toast.LENGTH_LONG).show();3738}3940@Override41public void onNothingSelected(AdapterView parent) {42}43};44//为下拉列表绑定事件监听器45spinner.setOnItemSelectedListener(oisl);46}47}4、运行程序：
八、AutoCompleteTextView 自动完成文本框
AutoCompleteTextView和EditText一样都可以输入文本。但它可以和适配器绑定，当用户输入两个及以上字符时，系统将根据适配器提供的内容，进行文本的自动匹配提示。这个Web开发中Ajax里的一个标志性的功能，现在被Android弄成了一个标准组件。下面我们通过一个例子来学习一下：
1、建一个新的项目，打开res/values/strings.xml文件,写入如下代码：
view sourceprint?01< ?xml version="1.0" encoding="utf-8"?>02<resources>03<string name="app_name">HelloAutoCompleteTextViewstring>04<string name="province" -array="">05<item>shan dongitem>06<item>jiang suitem>07<item>an huiitem>08<item>zhe jiangitem>09<item>fu jianitem>10<item>shang haiitem>11<item>guang dongitem>12<item>guang xiitem>13<item>hai nanitem>14<item>hu beiitem>15<item>hu nanitem>16<item>he nanitem>17<item>jiang xiitem>18<item>bei jingitem>19<item>tian jinitem>20<item>he beiitem>21<item>shan xiitem>22<item>nei meng guitem>23<item>ning xiaitem>24<item>xin jiangitem>25<item>qing haiitem>26<item>shan xiitem>27<item>gan suitem>28<item>si chuanitem>29<item>yun nanitem>30<item>gui zhouitem>31<item>xi zangitem>32<item>chong qingitem>33<item>liao ningitem>34<item>ji linitem>35<item>hei long jiangitem>36<item>tai wanitem>37<item>xiang guangitem>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>73string>74resources>2、打开res/layout/main.xml 写入如下内容：
view sourceprint?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="省份：">45<autocompletetextview android:id="@+id/AutoCompleteTextView01" android:layout_width="fill_parent" android:layout_height="wrap_content" android:completionThreshold="1" android:hint="请输入省份">6autocompletetextview>7textview>linearlayout>3、打开MainHelloAutoCompleteTextView.java 写入下内容：
view sourceprint?01package android.basic.lesson10;0203import android.app.Activity;04import android.os.Bundle;05import android.widget.ArrayAdapter;06import android.widget.AutoCompleteTextView;0708public class MainHelloAutoCompleteTextView extends Activity {09/** Called when the activity is first created. */10@Override11public void onCreate(Bundle savedInstanceState) {12super.onCreate(savedInstanceState);13setContentView(R.layout.main);1415//定义数组16String[] province = getResources().getStringArray(R.array.province);1718//定义数组适配器19ArrayAdapter adapter = new ArrayAdapter(this, R.layout.list_item, province);2021//找到自动完成组件22AutoCompleteTextView atv = (AutoCompleteTextView) findViewById(R.id.AutoCompleteTextView01);2324//为其设置适配器25atv.setAdapter(adapter);2627}28}4、运行程序，在英文输入法下输入”h”看看效果，再切换到中文输入法下输入”河”看看效果：
这里留意一下，android:completionThreshold=”1″ 属性设置了一个阀值，规定用户打了多少字符之后才出现自动提示，默认值是2，我们在这里改成了1。
九、DatePicker 日期选择控件 DatePickerDialog 日期选择对话框
日期选择的对话框漂亮，我们用一个例子演示一下：
1、main.xml的代码：
view sourceprint?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:layout_height="wrap_content" android:textsize="20sp">4textview>5<button android:id="@+id/pickDate" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="改变日期" android:textsize="20sp">6button>7linearlayout>其中文本框用来显示时间，按钮为了触发日期选择对话框，当然用其他组件来触发日期选择对话框也是的。
2、java代码：
view sourceprint?01package android.basic.lesson10;0203import java.util.Calendar;0405import android.app.Activity;06import android.app.DatePickerDialog;07import android.app.DatePickerDialog.OnDateSetListener;08import android.app.Dialog;09import android.os.Bundle;10import android.view.View;11import android.widget.Button;12import android.widget.DatePicker;13import android.widget.TextView;1415public class MainHelloDatePicker extends Activity {1617//准备公用属性18private TextView dateDisplay;19private Button pickDate;20private int mYear;21private int mMonth;22private int mDay;2324//准备对话框Id25static final int DATE_DIALOG_ID = 0;2627//准备日期设置监听器28private OnDateSetListener dsl = new DatePickerDialog.OnDateSetListener(){2930@Override31public void onDateSet(DatePicker view, int year, int monthOfYear,32int dayOfMonth) {33mYear =year;34mMonth= monthOfYear;35mDay= dayOfMonth;36dateDisplay.setText(mYear+"-"+(mMonth+1)+"-"+mDay);37}38};3940//重写创建对话框方法41@Override42protected Dialog onCreateDialog(int id){43switch(id){44case DATE_DIALOG_ID:45//把Activity上下文、日期设置监听器、以及日期的年月日都作为参数传给那个新成立的对话框组件46return new DatePickerDialog(this, dsl, mYear, mMonth, mDay);47}48return null;49}5051/** Called when the activity is first created. */52@Override53public void onCreate(Bundle savedInstanceState) {54super.onCreate(savedInstanceState);55setContentView(R.layout.main);5657//得到当前日期58final Calendar c = Calendar.getInstance();59mYear = c.get(Calendar.YEAR);60mMonth = c.get(Calendar.MONTH);61mDay = c.get(Calendar.DAY_OF_MONTH);6263//获取xml中的组件64dateDisplay= (TextView)findViewById(R.id.dateDisplay);65pickDate = (Button)findViewById(R.id.pickDate);6667//给日期显示组件一个初始值68dateDisplay.setText(mYear+"-"+(mMonth+1)+"-"+mDay);6970//给按钮绑定点击监听器71pickDate.setOnClickListener(new View.OnClickListener() {72public void onClick(View v) {73showDialog(DATE_DIALOG_ID);74}75});76}77}3、运行程序
 读者可以特别留意一下本节关于OnDateSetListener的代码，体会监听器的作用，有兴趣的同学可以看一下DatePickDialog和DatePick的源代码。
十、TimePicker 时间选择控件 和 TimePickerDialog 时间选择对话框
和上一小节的例子基本相同，就不举了。
本讲暂时就到这里。


        
                                   
              小学五年级第十册数学期末卷子（北京版）                        
                                     
              动脑筋第十页五年级寒假园地                        
                                     
              中国第十一个五年会怎样？                        
                                     
              "柯南"剧场版第十部讲了些什么                        
                                     
              第十一个五年计划和十一五规划都是什么意思啊？                        
                                     
              江苏省高邮第一小学五年级第十册期末试卷                        
                                     
              用户界面失败                        
                                     
              什么是用户界面？                        
                                     
              十一五改名为“规划”而不是第十一个五年“计划”是为什么？有什么区别？                        
                                     
              五讲，四美，遍神州（打《诗经》篇目二）                        
                                     
              五女拜寿讲的什么故事                        
                                     
              谁来讲讲五声调式                        
                                     
              解压缩问题(类型：stuffIt.zip.Archive.View ）                        
                                     
              VIEW是什么意思？                        
                                     
              “柯南”的第十部剧场版大约什么时候面市？剧情大致是讲什么的？                        
                                     
              人教版小学五年级语文第十册哪篇课文比较好上公开课                        
                                     
              小学语文第十册积累运用五之口语交际如何教学                        
                                     
              一道人民教育出版社九年义务六年制第十册五年级数学的问题                        
                                     
              谜语："五讲" "四美"遍神州（打<诗经>篇目二）                        
                                     
              （孩子五年级分数问题）我会做但不能给孩子讲明白，题目祥见补充说明。                        
                                     
              （孩子五年级分数问题）我会做但不能给孩子讲明白，题目祥见补充说明。                        
                                     
              谁有《托马斯微积分》（第十版）                        
                                     
              超难猜谜语（第十版）                        
                                     
              《飞夺泸定桥》五年级课文讲析