AutoCompleteTextView、Spinner、ListView、Dialog等高级组件练习

Aim :

1.  用户名和密码使用EditText;

2.  所在地区使用Spinner控件,供用户选择所在的省份;

3.  出生日期:用户单击输入框时,弹出DatePickerDialog,将用户设置的日期显示在EditText中;

4.  E-mail使用AutoCompleteTextView控件。

5.  当用户点击注册按钮时,弹出列表对话框,显示用户输入的信息,供用户进行确认。


Review :

DatePickerDialog : 日期选择对话框,相应的有 时间选择对话框TimePickerDialog , 用法:

1. 通过New关键字创建DatePickerDialog、TimePickerDialog实例,调用它们的show()方法即可将日期和时间选择对话框显示出来;

2. 为DatePickerDialog、TimePickerDialog绑定监听器,可以保证用户通过DatePickerDialog、TimePickerDialog设置时间时触发监听器,从而通过监听器来获取用户设置的事件;

AlertDialog : 可以生成各种内容的对话框,可分为4个区域:图标区、标题区、内容区、按钮区;

创建AlertDialog的步骤:

1. 创建AlertDialog对象;

2. 调用AlertDialog.Builder的setTitle()、setCustomTitle()、setIcon()、setMessage()、setItems()等方法设置标题、图标、对话框内容;

3. 调用AlertDialog.Builder的setPositiveButton()、setNegativeButton等方法添加多个按钮;

4. 调用create()方法创建AlertDialog对象,再调用AlertDialog对象的show()方法将该对话框显示出来;

对话框内容使用有如下方法:

setMessage() : 设置对话内容为简单文本内容;

setItems() : 设置对话框内容为简单列表项;

setSingleChoiceItems() : 设置对话框内容为单选列表项

setMultiChoiceItems() : 设置对话框内容为多选列表项

setAdapter() : 设置对话框内容为自定义列表项

setView() : 设置对话框内容为自定义View


Structure:

主要还是MainActivity.java和activity_main.xml两个文件;


Code:

MainActivity.java

[java] view plain copy
  1. package com.example.bestone.test4_2;  
  2.   
  3. import android.app.DatePickerDialog;  
  4. import android.content.DialogInterface;  
  5. import android.support.v7.app.AlertDialog;  
  6. import android.support.v7.app.AppCompatActivity;  
  7. import android.os.Bundle;  
  8. import android.view.View;  
  9. import android.widget.ArrayAdapter;  
  10. import android.widget.AutoCompleteTextView;  
  11. import android.widget.Button;  
  12. import android.widget.DatePicker;  
  13. import android.widget.EditText;  
  14. import android.widget.Spinner;  
  15.   
  16. import java.util.Calendar;  
  17.   
  18. public class MainActivity extends AppCompatActivity {  
  19.   
  20.     private Spinner spinner;  
  21.     private EditText birthday;  
  22.     private AutoCompleteTextView email;  
  23.   
  24.   
  25.     @Override  
  26.     protected void onCreate(Bundle savedInstanceState) {  
  27.         super.onCreate(savedInstanceState);  
  28.         setContentView(R.layout.activity_main);  
  29.   
  30.   
  31.         spinner = (Spinner)findViewById(R.id.spinner);    //获取界面布局中的Spinner组件  
  32.         String[] arr = {  "北京""浙江""天津""河南","山东","上海"};  
  33.         ArrayAdapter<String> adapter = new ArrayAdapter<>(this,  
  34.                 android.R.layout.simple_list_item_multiple_choice,arr  
  35.         );  
  36.         spinner.setAdapter(adapter);  
  37.   
  38.   
  39.         birthday = (EditText)findViewById(R.id.birthday);       //为EidtText点击事件绑定监听器  
  40.         birthday.setOnClickListener(new View.OnClickListener() {  
  41.             @Override  
  42.             public void onClick(View view) {  
  43.                 Calendar c = Calendar.getInstance();  
  44.                 new DatePickerDialog(MainActivity.this,  
  45.                         new DatePickerDialog.OnDateSetListener(){  
  46.                             @Override  
  47.                             public void onDateSet(DatePicker datePicker, int i, int i1, int i2) {  
  48.                                 EditText show = (EditText)findViewById(R.id.birthday);  
  49.                                 show.setText(i+"年"+(i1+1)+"月"+i2+"日");  
  50.                             }  
  51.                         }  
  52.                         ,c.get(Calendar.YEAR)  
  53.                         ,c.get(Calendar.MONTH)  
  54.                         ,c.get(Calendar.DAY_OF_MONTH)).show();  
  55.             }  
  56.         });  
  57.   
  58.         email = (AutoCompleteTextView)findViewById(R.id.email);  
  59.        // String email = email.getText().toString();                 //输入数字自动匹配邮箱后缀暂为解决,以后会补充  
  60.   
  61.         String[] emailSufix = new String[]{"@outlook.com","@gmail.com"};  
  62.   
  63.   
  64.         ArrayAdapter<String> arr2 = new ArrayAdapter<>(this,  
  65.                 android.R.layout.simple_dropdown_item_1line,emailSufix);  
  66.         email.setAdapter(arr2);  
  67.   
  68.         Button bt = (Button)findViewById(R.id.bt);  
  69.         bt.setOnClickListener(new View.OnClickListener() {  
  70.             @Override  
  71.             public void onClick(View view) {  
  72.                 simple(view);  
  73.             }  
  74.         });  
  75.     }  
  76.   
  77.     public void simple(View source){  
  78.   
  79.         EditText user = (EditText)findViewById(R.id.user);  
  80.         EditText birthday = (EditText)findViewById(R.id.birthday);  
  81.         AutoCompleteTextView email = (AutoCompleteTextView)findViewById(R.id.email);  
  82.   
  83.         String users = user.getText().toString();  
  84.         String birthdays = birthday.getText().toString();  
  85.         String provinces = (String)spinner.getSelectedItem();  
  86.         String emails = email.getText().toString();  
  87.   
  88.         AlertDialog.Builder builder = new AlertDialog.Builder(this)         //创建  
  89.                 .setTitle("请确认以下信息")                    //标题  
  90.                 .setItems(new String[] {"用户名:"+users,"所在地区:"+provinces,"出生日期:"+birthdays,"Email:"+emails}, null);   //对话框内容  
  91.   
  92.         builder.setNegativeButton("确定"new DialogInterface.OnClickListener() {     //按钮  
  93.                     @Override  
  94.                     public void onClick(DialogInterface dialogInterface, int i) {  
  95.   
  96.                     }  
  97.                 });  
  98.         builder.setPositiveButton("取消"new DialogInterface.OnClickListener() {  
  99.                     @Override  
  100.                     public void onClick(DialogInterface dialogInterface, int i) {  
  101.   
  102.                     }  
  103.                 }).create().show();  
  104.   
  105.     }  
  106.   
  107. }  

activity_main.xml

[html] view plain copy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <TableLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     xmlns:tools="http://schemas.android.com/tools"  
  4.     android:id="@+id/activity_main"  
  5.     android:orientation="vertical"  
  6.     android:layout_width="match_parent"  
  7.     android:layout_height="match_parent"  
  8.     tools:context="com.example.bestone.test4_2.MainActivity">  
  9.   
  10.     <TableRow>  
  11.         <TextView  
  12.             android:layout_width="match_parent"  
  13.             android:layout_height="wrap_content"  
  14.             android:text="用户名:"  
  15.             android:textSize="16sp"  
  16.             />  
  17.         <EditText  
  18.             android:id="@+id/user"  
  19.             android:layout_width="match_parent"  
  20.             android:layout_height="wrap_content"  
  21.             />  
  22.     </TableRow>  
  23.   
  24.     <TableRow>  
  25.         <TextView  
  26.             android:layout_width="match_parent"  
  27.             android:layout_height="wrap_content"  
  28.             android:text="密码:"  
  29.             android:textSize="16sp"  
  30.             />  
  31.         <EditText  
  32.             android:id="@+id/password"  
  33.             android:inputType="numberPassword"  
  34.             android:layout_width="match_parent"  
  35.             android:layout_height="wrap_content"  
  36.             />  
  37.     </TableRow>  
  38.   
  39.     <TableRow>  
  40.         <TextView  
  41.             android:layout_width="match_parent"  
  42.             android:layout_height="wrap_content"  
  43.             android:text="所在地区:"  
  44.             android:textSize="16sp"  
  45.             />  
  46.         <Spinner  
  47.             android:id="@+id/spinner"  
  48.             android:layout_width="match_parent"  
  49.             android:layout_height="wrap_content"  
  50.             />  
  51.     </TableRow>  
  52.   
  53.     <TableRow>  
  54.         <TextView  
  55.             android:layout_width="match_parent"  
  56.             android:layout_height="wrap_content"  
  57.             android:text="出生日期:"  
  58.             android:textSize="16sp"  
  59.             />  
  60.         <EditText  
  61.             android:id="@+id/birthday"  
  62.             android:layout_width="match_parent"  
  63.             android:layout_height="wrap_content"  
  64.             />  
  65.     </TableRow>  
  66.   
  67.     <TableRow>  
  68.         <TextView  
  69.             android:layout_width="match_parent"  
  70.             android:layout_height="wrap_content"  
  71.             android:text="Email:"  
  72.             android:textSize="16sp"  
  73.             />  
  74.         <AutoCompleteTextView  
  75.             android:id="@+id/email"  
  76.             android:layout_width="match_parent"  
  77.             android:layout_height="wrap_content"  
  78.             android:completionThreshold="1"  
  79.             />  
  80.     </TableRow>  
  81.   
  82.     <Button  
  83.         android:id="@+id/bt"  
  84.         android:layout_width="match_parent"  
  85.         android:layout_height="wrap_content"  
  86.         android:text="注册"  
  87.         />  
  88. </TableLayout>  

效果图:


阅读更多
换一批

没有更多推荐了,返回首页