登录 立即注册
安币:

安卓巴士 - 安卓开发 - Android开发 - 安卓 - 移动互联网门户

查看: 2546249|回复: 433

第十讲:用户界面 View(五)

  [复制链接]

2826

主题

7684

帖子

9548

安币

管理员

Rank: 9Rank: 9Rank: 9

QQ达人最佳新人活跃会员热心会员推广达人灌水之王突出贡献

QQ
发表于 2011-4-23 13:50:19 | 显示全部楼层 |阅读模式
本讲内容:Spinner,AutoCompleteTextView,DatePicker,TimePicker
点此下载:[/url]
  1. package android.basic.lesson10;

  2. import android.app.Activity;
  3. import android.os.Bundle;
  4. import android.view.View;
  5. import android.widget.AdapterView;
  6. import android.widget.AdapterView.OnItemSelectedListener;
  7. import android.widget.ArrayAdapter;
  8. import android.widget.Spinner;
  9. import android.widget.Toast;

  10. public class MainHelloSpinner extends Activity {
  11.     /** Called when the activity is first created. */
  12.     @Override
  13.     public void onCreate(Bundle savedInstanceState) {
  14.         super.onCreate(savedInstanceState);
  15.         setContentView(R.layout.main);

  16.         //找到Xml中定义的下拉列表
  17.         Spinner spinner = (Spinner)findViewById(R.id.spinner);
  18.         //准备一个数组适配器
  19.         ArrayAdapter adapter = ArrayAdapter.createFromResource(
  20.                 this, R.array.colors, android.R.layout.simple_spinner_item);
  21.         //设置下拉样式
  22.         adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
  23.         //为下拉列表设置适配器
  24.         spinner.setAdapter(adapter);

  25.         //定义子元素选择监听器
  26.         OnItemSelectedListener oisl=  new OnItemSelectedListener() {

  27.                         @Override
  28.                         public void onItemSelected(AdapterView<?> parent, View view,
  29.                                         int position, long id) {
  30.                       Toast.makeText(MainHelloSpinner.this,"选择的色彩: " +
  31.                   parent.getItemAtPosition(position).toString(), Toast.LENGTH_LONG).show();

  32.                         }

  33.                         @Override
  34.                         public void onNothingSelected(AdapterView<?> parent) {
  35.                         }
  36.         };
  37.         //为下拉列表绑定事件监听器
  38.         spinner.setOnItemSelectedListener(oisl);
  39.     }
  40. }
复制代码
4、运行程序:[url=http://android.yaohuiji.com/wp-content/uploads/2010/07/image80.png][/url][url=http://android.yaohuiji.com/wp-content/uploads/2010/07/image82.png]八、AutoCompleteTextView 自动完成文本框AutoCompleteTextView和EditText一样都可以输入文本。但它可以和适配器绑定,当用户输入两个及以上字符时,系统将根据适配器提供的内容,进行文本的自动匹配提示。这个Web开发中Ajax里的一个标志性的功能,现在被Android弄成了一个标准组件。下面我们通过一个例子来学习一下:1、建一个新的项目,打开res/values/strings.xml文件,写入如下代码:
  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 写入如下内容:
  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.     <autocompletetextview android:hint="请输入省份" android:id="@+id/AutoCompleteTextView01" android:completionthreshold="1" android:layout_width="fill_parent" android:layout_height="wrap_content">
  5.     </autocompletetextview>
  6. </textview></linearlayout>
复制代码

3、打开MainHelloAutoCompleteTextView.java 写入下内容:
  1. package android.basic.lesson10;

  2. import android.app.Activity;
  3. import android.os.Bundle;
  4. import android.widget.ArrayAdapter;
  5. import android.widget.AutoCompleteTextView;

  6. public class MainHelloAutoCompleteTextView extends Activity {
  7.     /** Called when the activity is first created. */
  8.     @Override
  9.     public void onCreate(Bundle savedInstanceState) {
  10.         super.onCreate(savedInstanceState);
  11.         setContentView(R.layout.main);

  12.         //定义数组
  13.         String[] province = getResources().getStringArray(R.array.province);

  14.         //定义数组适配器
  15.         ArrayAdapter adapter = new ArrayAdapter(this, R.layout.list_item, province);

  16.         //找到自动完成组件
  17.         AutoCompleteTextView atv = (AutoCompleteTextView) findViewById(R.id.AutoCompleteTextView01);

  18.         //为其设置适配器
  19.         atv.setAdapter(adapter);

  20.     }
  21. }
复制代码


4、运行程序,在英文输入法下输入”h”看看效果,再切换到中文输入法下输入”河”看看效果:[/url][url=http://android.yaohuiji.com/wp-content/uploads/2010/07/image84.png]这里留意一下,android:completionThreshold=”1″ 属性设置了一个阀值,规定用户打了多少字符之后才出现自动提示,默认值是2,我们在这里改成了1。九、DatePicker 日期选择控件 DatePickerDialog 日期选择对话框日期选择的对话框漂亮,我们用一个例子演示一下:1、main.xml的代码:
  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代码:
  1. package android.basic.lesson10;

  2. import java.util.Calendar;

  3. import android.app.Activity;
  4. import android.app.DatePickerDialog;
  5. import android.app.DatePickerDialog.OnDateSetListener;
  6. import android.app.Dialog;
  7. import android.os.Bundle;
  8. import android.view.View;
  9. import android.widget.Button;
  10. import android.widget.DatePicker;
  11. import android.widget.TextView;

  12. public class MainHelloDatePicker extends Activity {

  13.         //准备公用属性
  14.     private TextView dateDisplay;
  15.     private Button pickDate;
  16.     private int mYear;
  17.     private int mMonth;
  18.     private int mDay;

  19.     //准备对话框Id
  20.     static final int DATE_DIALOG_ID = 0;

  21.     //准备日期设置监听器
  22.     private OnDateSetListener dsl = new DatePickerDialog.OnDateSetListener(){

  23.                 @Override
  24.                 public void onDateSet(DatePicker view, int year, int monthOfYear,
  25.                                 int dayOfMonth) {
  26.                         mYear =year;
  27.                         mMonth= monthOfYear;
  28.                         mDay= dayOfMonth;
  29.                         dateDisplay.setText(mYear+"-"+(mMonth+1)+"-"+mDay);
  30.                 }
  31.     };

  32.     //重写创建对话框方法
  33.     @Override
  34.         protected Dialog onCreateDialog(int id){
  35.             switch(id){
  36.             case DATE_DIALOG_ID:
  37.                     //把Activity上下文、日期设置监听器、以及日期的年月日都作为参数传给那个新成立的对话框组件
  38.                     return new DatePickerDialog(this, dsl, mYear, mMonth, mDay);
  39.             }
  40.             return null;
  41.     }

  42.     /** Called when the activity is first created. */
  43.     @Override
  44.     public void onCreate(Bundle savedInstanceState) {
  45.         super.onCreate(savedInstanceState);
  46.         setContentView(R.layout.main);

  47.         //得到当前日期
  48.         final Calendar c = Calendar.getInstance();
  49.         mYear = c.get(Calendar.YEAR);
  50.         mMonth = c.get(Calendar.MONTH);
  51.         mDay = c.get(Calendar.DAY_OF_MONTH);

  52.         //获取xml中的组件
  53.         dateDisplay= (TextView)findViewById(R.id.dateDisplay);
  54.         pickDate = (Button)findViewById(R.id.pickDate);

  55.         //给日期显示组件一个初始值
  56.         dateDisplay.setText(mYear+"-"+(mMonth+1)+"-"+mDay);

  57.         //给按钮绑定点击监听器
  58.         pickDate.setOnClickListener(new View.OnClickListener() {
  59.             public void onClick(View v) {
  60.                 showDialog(DATE_DIALOG_ID);
  61.             }
  62.         });
  63.     }
  64. }
复制代码

3、运行程序[/url][url=http://android.yaohuiji.com/wp-content/uploads/2010/07/image86.png][url=http://android.yaohuiji.com/wp-content/uploads/2010/07/image87.png][/url]读者可以特别留意一下本节关于OnDateSetListener的代码,体会监听器的作用,有兴趣的同学可以看一下DatePickDialog和DatePick的源代码。十、TimePicker 时间选择控件 和 TimePickerDialog 时间选择对话框和上一小节的例子基本相同,就不举了。本讲暂时就到这里。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

1

主题

28

帖子

38

安币

程序猿

Rank: 2

发表于 2011-7-31 19:59:07 | 显示全部楼层
<string-array  name="">  是这个样子的。。。

0

主题

205

帖子

306

安币

攻城狮

Rank: 3Rank: 3

发表于 2011-7-15 22:45:10 | 显示全部楼层
学习ing, 顶起~~

0

主题

22

帖子

38

安币

程序猿

Rank: 2

发表于 2011-7-21 23:18:59 | 显示全部楼层
感谢分享,每讲都会认真得看

0

主题

8

帖子

19

安币

初级码农

Rank: 1

发表于 2011-7-27 14:26:21 | 显示全部楼层
谢谢楼主分享,好东西

1

主题

28

帖子

38

安币

程序猿

Rank: 2

发表于 2011-7-31 20:41:43 | 显示全部楼层
main.xml 中  插件要大写前边的字母。。。

1

主题

52

帖子

26

安币

程序猿

Rank: 2

发表于 2011-8-31 12:44:53 | 显示全部楼层

感谢分享

0

主题

186

帖子

179

安币

程序猿

Rank: 2

发表于 2011-8-31 13:37:45 | 显示全部楼层
谢谢分享
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站长推荐

通过邮件订阅最新安卓weekly信息
上一条 /4 下一条

下载安卓巴士客户端

全国最大的安卓开发者社区
联系我们
关闭
合作电话:
15618560077
Email:
805941275@qq.com
商务市场合作/投稿
问题反馈及帮助
联系我们

广告投放| 广东互联网违法和不良信息举报中心|中国互联网举报中心|下载客户端|申请友链|手机版|站点统计|安卓巴士 ( 粤ICP备15117877号 )

快速回复 返回顶部 返回列表