首页 > 编程入门 文章详情

用户界面 View（五）（转载）

编程入门 行业动态 更新时间:2024-10-24 14:17:51

<a href=https://www.elefans.com/category/jswz/34/1768056.html style=用户界面 View（五）（转载）"/>

用户界面 View（五）（转载）

本讲内容：Spinner，AutoCompleteTextView，DatePicker，TimePicker 点此下载：    lesson10.zip   (179.79 KB, 下载次数: 394) 七、Spinner 下拉列表 spinner就相当于Html中的下拉列表框，在下面的例子里我们共同学习一下spinner的使用。在这一小节，让我们建一个小关于色彩的下拉列表，当某一个选项被选择时，弹出一个吐司消息。 1、建一个新的项目，打开res/values/strings.xml文件,写入如下代码： <string-array  name="colors">定义了一个字符串数组，包含一个或者多个<item>元素，可以通过R.array.资源名称进行访问 <?xml version="1.0" encoding="utf-8"?>

    <resources>
        <string name="app_name">MainHelloSpinner</string>
        <string name="color">选择色彩：</string>
        <string-array  name="colors">
            <item>黑色 | Black</item>
            <item>蓝色 | Blue</item>
            <item>棕色 | Brown</item>
            <item>绿色 | Green</item>
            <item>灰色 | Grey</item>
            <item>粉色 | Pink</item>
            <item>紫色 | Purple</item>
            <item>红色 | Red</item>
            <item>白色 | White</item>
            <item>黄色 | Yellow</item>
        </string-array>
    </resources>

复制代码 2、打开res/layout/main.xml 写入如下内容：
    1. <?xml version="1.0" encoding="utf-8"?>

    1. <LinearLayout xmlns:android=""

    1.     android:layout_width="fill_parent"

    1.     android:layout_height="fill_parent"

    1.     android:orientation="vertical" >


    1.     <TextView

    1.         android:layout_width="fill_parent"

    1.         android:layout_height="wrap_content"

    1.         android:text="@string/app_name" />


    1.     <Spinner android:id="@+id/Spinner01"   

    1.            android:layout_width="fill_parent"  

    1.            android:layout_height="wrap_content"></Spinner>  

    1. </LinearLayout>
复制代码 3、打开MainHelloSpinner.java 写入下内容：
  1. package android.basic.lesson10;
  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;
  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);
  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);
  29.         //定义子元素选择监听器
  30.         OnItemSelectedListener oisl=  new OnItemSelectedListener() {
  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();
  38.                         }
  40.                         @Override
  41.                         public void onNothingSelected(AdapterView<?> parent) {
  42.                         }
  43.         };
  44.         //为下拉列表绑定事件监听器
  45.         spinner.setOnItemSelectedListener(oisl);
  46.     }
  47. }
复制代码 4、运行程序：  八、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-array>
  74. </resources>
复制代码 2、打开res/layout/main.xml 写入如下内容：
  1. < ?xml version="1.0" encoding="utf-8"?>
  2. <linearlayout xmlns: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="省份：">
  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 写入下内容：
  1. package android.basic.lesson10;
  3. import android.app.Activity;
  4. import android.os.Bundle;
  5. import android.widget.ArrayAdapter;
  6. import android.widget.AutoCompleteTextView;
  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);
  15.         //定义数组
  16.         String[] province = getResources().getStringArray(R.array.province);
  18.         //定义数组适配器
  19.         ArrayAdapter adapter = new ArrayAdapter(this, R.layout.list_item, province);
  21.         //找到自动完成组件
  22.         AutoCompleteTextView atv = (AutoCompleteTextView) findViewById(R.id.AutoCompleteTextView01);
  24.         //为其设置适配器
  25.         atv.setAdapter(adapter);
  27.     }
  28. }
复制代码

4、运行程序，在英文输入法下输入”h”看看效果，再切换到中文输入法下输入”河”看看效果：  这里留意一下，android:completionThreshold=”1″ 属性设置了一个阀值，规定用户打了多少字符之后才出现自动提示，默认值是2，我们在这里改成了1。九、DatePicker 日期选择控件 DatePickerDialog 日期选择对话框日期选择的对话框漂亮，我们用一个例子演示一下：1、main.xml的代码：
  1. < ?xml version="1.0" encoding="utf-8"?>
  2. <linearlayout xmlns: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;
  3. import java.util.Calendar;
  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;
  15. public class MainHelloDatePicker extends Activity {
  17.         //准备公用属性
  18.     private TextView dateDisplay;
  19.     private Button pickDate;
  20.     private int mYear;
  21.     private int mMonth;
  22.     private int mDay;
  24.     //准备对话框Id
  25.     static final int DATE_DIALOG_ID = 0;
  27.     //准备日期设置监听器
  28.     private OnDateSetListener dsl = new DatePickerDialog.OnDateSetListener(){
  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.     };
  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.     }
  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);
  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);
  63.         //获取xml中的组件
  64.         dateDisplay= (TextView)findViewById(R.id.dateDisplay);
  65.         pickDate = (Button)findViewById(R.id.pickDate);
  67.         //给日期显示组件一个初始值
  68.         dateDisplay.setText(mYear+"-"+(mMonth+1)+"-"+mDay);
  70.         //给按钮绑定点击监听器
  71.         pickDate.setOnClickListener(new View.OnClickListener() {
  72.             public void onClick(View v) {
  73.                 showDialog(DATE_DIALOG_ID);
  74.             }
  75.         });
  76.     }
  77. }
复制代码
3、运行程序  读者可以特别留意一下本节关于OnDateSetListener的代码，体会监听器的作用，有兴趣的同学可以看一下DatePickDialog和DatePick的源代码。十、TimePicker 时间选择控件 和 TimePickerDialog 时间选择对话框和上一小节的例子基本相同，就不举了。本讲暂时就到这里。

5.png (143.04 KB, 下载次数: 53)

转自：.html

转载于:.html

更多推荐

用户界面 View（五）（转载）

本文发布于:2024-03-09 15:44:22，感谢您对本站的认可！
本文链接:https://www.elefans.com/category/jswz/34/1725400.html
版权声明:本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
本文标签：用户界面   View

发布评论

评论列表 （有 0 条评论）

最近发表

草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍！

热门文章

标签列表