Android开发教程 --- 葵花宝典第五层 控件之 Menu DatePicker TimePicker AutoCompleteTextView MultiAutoCompleteTextView
Hi 大家好!
从今天起，课程中所讲的控件会比前几节复杂，功能也越强大，希望大家能将这些控件消化理解。
照例，上笑话。。
楼主：给我一个女人，我就能创造出一个民族！
回复：嗯，给你一头母猪，明年的肉价就能下跌！ :)
开始今天的课程
1 Menu
菜单控件，很实用，也很常用的一种控件，那么运行的效果什么样呢？如下图
创建Menu有三种方式
第一种 通过配置文件实现菜单效果
第二种 通过编码方式实现菜单效果
第三种 在特定条件下动态创建菜单效果
那么这里我们先讲解前两种，至于第三种，后面我们做项目的时候会相信描述。
通过配置文件创建Menu
既然是通过配置文件创建，自然需要XML，首先需要在 res文件夹下创建一个menu文件夹，如下图
在创建XML时，大家要注意一点，最好不要直接对着 menu文件夹右键 新建 文件 的方式，可能是由于我的环境问题，我通过这种方式老是导致Eclipse 宕掉，无响应。。大家可以试试看你们的环境是否可以，如果不可以，请用以下两种方式来创建
第一 直接复制一个menu文件到menu文件夹下,然后打开进行修改
第二 通过 右击menu文件夹 -> 新建 -> 其它 -> Android -> Android XML File 下一步
在弹出的窗体中，创建文件名称，并选中Menu单选按钮 进行创建。
新建完成后，双击打开menu.xml文件，进行配置，代码如下
<?xml version="1.0" encoding="utf-8"?>
<!--
创建Menu的XML时，需要注意
1 不要直接去创建文件，然后创建一个.xml的文件，会导致Eclipse无响应
如何创建？
1 直接从外部访问 复制文件到menu文件夹
2 menu new Other——>Android——>XML，选择menu类型，填写名称
-->
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<group android:id="@+id/menuGroup1">
<item
android:id="@+id/item1"
android:title="添加"
android:icon="@drawable/add"/>
<item
android:id="@+id/item2"
android:title="修改"
android:icon="@drawable/edituser"/>
<item
android:id="@+id/item3"
android:title="删除"
android:icon="@drawable/remove"/>
<item
android:id="@+id/item4"
android:title="关于"
android:icon="@drawable/exit"/>
</group>
</menu>
创建完配置文件后，如何与代码关联呢？
package TSD.Jason.Example;
import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuInflater;
import android.view.MenuItem;
import android.widget.Toast;
/**
* 通过配置文件实现
* @author Administrator
*
*/
publicclass MenuActivity extends Activity {
@Override
protectedvoid onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
}
/**
* 创建菜单
*/
@Override
publicboolean onCreateOptionsMenu(Menu menu) {
//将XML文件转化成Menu对象
MenuInflater inflater = getMenuInflater();
inflater.inflate(R.menu.appmenu, menu);
returntrue;
}
/**
* 选中某项菜单事件
*/
@Override
publicboolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()) {
case R.id.item1:
break;
case R.id.item2:
break;
default:
break;
}
ShowToast("选则了"+ item.getTitle());
returntrue;
}
privatevoid ShowToast(String str)
{
Toast.makeText(this,str,Toast.LENGTH_SHORT).show();
}
}
大家可以注意到是通过 onCreateOptionsMenu方法进行Menu的创建操作
并通过MenuInflater类来将menu.xml转换成menu对象，进行操作。
onOptionsItemSelected方法是用来捕获菜单中某项被单击时，所要执行的功能。
当大家编写完成后，将程序启动起来，然后单击模拟器右边的功能键区域中的 MENU 按钮 就能看到菜单效果
通过代码实现
这种方式就不需要创建XML文件了，直接在编辑器中编写代码即可，代码如下
package TSD.Jason.Example;
import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.Toast;
/**
* 通过代码生成菜单
* @author Administrator
*
*/
publicclass MenuActivity1 extends Activity {
@Override
protectedvoid onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
}
@Override
publicboolean onCreateOptionsMenu(Menu menu) {
menu.add(0, 1, 1, R.string.menu1).setIcon(R.drawable.add);
menu.add(0, 2, 1, R.string.menu2);
menu.add(0, 3, 1, R.string.menu3);
menu.add(0, 4, 1, R.string.menu4);
returnsuper.onCreateOptionsMenu(menu);
}
/**
* 选中某项菜单事件
*/
@Override
publicboolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()) {
case1:
break;
case2:
break;
default:
break;
}
ShowToast("选则了"+ item.getTitle());
returntrue;
}
privatevoid ShowToast(String str)
{
Toast.makeText(this,str,Toast.LENGTH_SHORT).show();
}
}
大家可以发现基本上和用XML方式没有太大区别，唯一的区别就在onCreateOptionsMenu方法中
menu.add(0, 1, 1, R.string.menu1).setIcon(R.drawable.add);
直接使用这个方法的参数menu对象的add方法创建
第一个参数 组ID 一般我们都设置成一样的
第二个参数 项ID 这个项ID不要重复，否则在onOptionsItemSelected方法中你将无法正确捕捉用户点击了哪一项
第三个参数 排序 这个就按顺序设置就OK
第四个参数 要显示的提示信息
DatePicker
这是一个日期控件，在项目中可能会有一些需求是需要通过用户去选择日期的，那么通过这个控件我们可以很好的和用户进行交互，并获取到用户选择的日期，进行下一步操作，运行效果如下图
TimePicker
时间控件 和上边的DatePicker所要表达的意思是一样的，用户可以选择时间，运行效果如下图
代码如下
package TSD.Jason.Example;
import java.util.Calendar;
import android.app.Activity;
import android.app.DatePickerDialog;
import android.app.TimePickerDialog;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.DatePicker;
import android.widget.TextView;
import android.widget.TimePicker;
import android.widget.Toast;
/**
* DatePicker
重要方法
getDayOfMonth():获取当前Day
getMonth():获取当前月
getYear()获取当前年
updateDate(int year, int monthOfYear, int dayOfMonth)：更新日期
*
*
*
* TimePicker 重要方法
*
setCurrentMinute(Integer currentMinute)设置当前时间的分钟
getCurrentMinute()获取当前时间的分钟
setEnabled(boolean enabled)设置当前视图是否可以编辑。
m_TimePicker.setIs24HourView(true);设置为24小时制显示
setOnTimeChangedListener(TimePicker.OnTimeChangedListener onTimeChangedListener)当时间改变时调用
* @author Administrator
*
*/
publicclass DataActivity extends Activity {
TextView m_TextView;
//声明DatePicker对象
DatePicker m_DatePicker;
//声明TimePicker对象
TimePicker m_TimePicker;
Button m_dpButton;
Button m_tpButton;
//java中的日历类
Calendar c;
@Override
protectedvoid onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
setContentView(R.layout.date);
c=Calendar.getInstance(); //获得当前日期
m_TextView= (TextView) findViewById(R.id.TextView01);
m_dpButton = (Button)findViewById(R.id.button1);
m_tpButton = (Button)findViewById(R.id.button2);
//获取DatePicker对象
m_DatePicker = (DatePicker) findViewById(R.id.DatePicker01);
//将日历初始化为当前系统时间，并设置其事件监听
m_DatePicker.init(c.get(Calendar.YEAR), c.get(Calendar.MONTH), c.get(Calendar.DAY_OF_MONTH), new DatePicker.OnDateChangedListener() {
@Override
publicvoid onDateChanged(DatePicker view, int year, int monthOfYear, int dayOfMonth)
{
DisplayShow("年："+ year +" 月："+ monthOfYear +" 日："+ dayOfMonth);
}
});
//获取TimePicker对象
m_TimePicker = (TimePicker) findViewById(R.id.TimePicker01);
//设置为24小时制显示
m_TimePicker.setIs24HourView(true);
//监听时间改变
m_TimePicker.setOnTimeChangedListener(new TimePicker.OnTimeChangedListener() {
@Override
publicvoid onTimeChanged(TimePicker view, int hourOfDay, int minute)
{
DisplayShow("时："+ hourOfDay +" 分："+ minute);
}
});
m_dpButton.setOnClickListener(new Button.OnClickListener(){
publicvoid onClick(View v)
{
//创建、显示日期对话框
new DatePickerDialog(DataActivity.this,
new DatePickerDialog.OnDateSetListener()
{
publicvoid onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth)
{
//当日期更改时，在这里处理
//m_DatePicker.updateDate(year, monthOfYear, dayOfMonth);
DisplayShow("年："+ year +" 月："+ monthOfYear +" 日："+ dayOfMonth);
}
},c.get(Calendar.YEAR), c.get(Calendar.MONTH), c.get(Calendar.DAY_OF_MONTH)).show();
}
});
m_tpButton.setOnClickListener(new Button.OnClickListener() {
publicvoid onClick(View v)
{
//创建、显示时间对话框
new TimePickerDialog(DataActivity.this,
new TimePickerDialog.OnTimeSetListener()
{
publicvoid onTimeSet(TimePicker view, int hourOfDay,int minute)
{
//时间改变时处理
//m_TimePicker.setCurrentHour(hourOfDay);
//m_TimePicker.setCurrentMinute(minute);
DisplayShow("时："+ hourOfDay +" 分："+ minute);
}
},c.get(Calendar.HOUR_OF_DAY), c.get(Calendar.MINUTE), true).show();
}
});
}
privatevoid DisplayShow(String str)
{
Toast.makeText(this, str, Toast.LENGTH_SHORT).show();
}
}
AutoCompleteTextView
智能提示 类似与百度的输入框，输入关键字后，跳出和此关键字匹配的数据 此控件只能匹配一次操作，运行如下图
当数据源中有匹配项时，就会弹出和输入的字符所匹配的数据，用户可以进行选择，并且可以继续输入
例如 当输入 ab 时，会提示上图所显示的这些项，当选择了abcde这项时，AutoCompleteTextView 输入框中则会显示abcde，当再次输入f时，会继续匹配abcdef这些字符。
MultiAutoCompleteTextView
和上边的AutoCompleteTextView 类似，区别在于它可以多次输入，选择，每次选择后，会以逗号分隔。效果如下
当选择了abcde时
大家通过上边的效果图就能明白，此控件是可以进行多次输入 选择的 ，只不过每次选择后，都会生出一个逗号，并且可以再次输入 选择
布局代码如下
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="fill_parent"
android:layout_height="fill_parent" android:scrollbars="vertical">
<AutoCompleteTextView
android:id="@+id/AutoCompleteTextView01"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:completionThreshold="3"
>
<!-- android:completionThreshold 设置最少输入几个字符进行提示 -->
</AutoCompleteTextView>
<MultiAutoCompleteTextView
android:id="@+id/MultiAutoCompleteTextView01"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
>
</MultiAutoCompleteTextView>
</LinearLayout>
Java代码
package TSD.Jason.Example;
import android.app.Activity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.AutoCompleteTextView;
import android.widget.MultiAutoCompleteTextView;
/**
* 提供了2种智能提示控件 AutoCompleteTextView 和 MultiAutoCompleteTextView 区别
* AutoCompleteTextView 只能在文本框中查询一次 MultiAutoCompleteTextView 可以匹配多次，每次之前都用逗号分隔
*
* 默认最少2个字符进行提示 方法 setThreshold（2） 设置最少输入几个字符进行提示
*
* @author Administrator
*
*/
publicclass AutoCompleteAndMultiAuto extends Activity {
privatestaticfinal String[] autoString =new String[] { "a2", "abf",
"abe", "abcde", "abc2", "abcd3", "abcde2", "abc2", "abcd2",
"abcde2" };
@Override
protectedvoid onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
setContentView(R.layout.autocomplete);
// 关联关键字
ArrayAdapter<String> adapter =new ArrayAdapter<String>(this,
android.R.layout.simple_dropdown_item_1line, autoString);
AutoCompleteTextView m_AutoCompleteTextView = (AutoCompleteTextView) findViewById(R.id.AutoCompleteTextView01);
// 将adapter添加到AutoCompleteTextView中
m_AutoCompleteTextView.setAdapter(adapter);
///////////////////
MultiAutoCompleteTextView mm_AutoCompleteTextView = (MultiAutoCompleteTextView) findViewById(R.id.MultiAutoCompleteTextView01);
// 将adapter添加到AutoCompleteTextView中
mm_AutoCompleteTextView.setAdapter(adapter);
mm_AutoCompleteTextView
.setTokenizer(new MultiAutoCompleteTextView.CommaTokenizer());
}
}
今天的课程就到这里，源码已经上传到北京天圣达科技有限公司网站，大家可以去下载进行学习
