Android[初级教程]第十章 AlertDialog控件

这次我们来学习AlertDialog控件,这次老妖怪们想了,不能让每个妖怪都能看到通辑令啊?得要有个认证权限啊,万一孙猴子变成小妖怪看到了多不好啊,呵呵,这次我们就用AlertDialog控件来做登录认证功能.先上图

还是来看main.xml

<?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"> <TextView android:text="西游记各主人公通辑令" android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content"></TextView> <ListView android:id="@+id/listView" android:layout_height="wrap_content" android:layout_width="match_parent"></ListView> <TextView android:layout_height="wrap_content" android:layout_width="fill_parent" android:text="@string/hello" android:id="@+id/text"></TextView> </LinearLayout>

很简单,里面就加了个ListView控件,为的是将师徙四人的名字显示出来

再创建一个login.xml

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent" android:padding="10dp"> <TextView android:text="账号" android:layout_width="wrap_content" android:textAppearance="?android:attr/textAppearanceMedium" android:layout_height="wrap_content" android:id="@+id/textView1"></TextView> <EditText android:id="@+id/user" android:layout_width="match_parent" android:layout_height="wrap_content"> <requestFocus></requestFocus> </EditText> <TextView android:text="密码" android:layout_width="wrap_content" android:textAppearance="?android:attr/textAppearanceMedium" android:layout_height="wrap_content" android:id="@+id/textView2"></TextView> <EditText android:id="@+id/pass" android:layout_width="match_parent" android:layout_height="wrap_content" android:inputType="textPassword"></EditText> </LinearLayout>

这个界面是区配Dialog中的显示视图的

最后再创建一个image.xml

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="wrap_content" android:weightSum="1"> <ImageView android:id="@+id/imageView1" android:src="@drawable/bajie" android:layout_width="160dp" android:layout_gravity="center" android:scaleType="centerCrop" android:layout_height="155dp"></ImageView> </LinearLayout>

OK,layout都创建好了,现在就主java代码了:

import android.app.Activity; import android.app.AlertDialog; import android.content.DialogInterface; import android.content.DialogInterface.OnClickListener; import android.os.Bundle; import android.view.LayoutInflater; import android.view.View; import android.widget.AdapterView; import android.widget.AdapterView.OnItemClickListener; import android.widget.ArrayAdapter; import android.widget.EditText; import android.widget.ImageView; import android.widget.ListView; import android.widget.TextView; import android.widget.Toast; public class ButtonDemoActivity extends Activity { private TextView text = null; private int[] image = { R.drawable.tangseng, R.drawable.wukong, R.drawable.bajie, R.drawable.shaseng }; private String[] item = { "唐僧", "孙悟空 ", "猪八戒", "沙和尚" }; private ListView listView; protected int position_int; /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); // 通过ID查找到main.xml中的TextView控件 text = (TextView) findViewById(R.id.text); // 通过ID查找到main.xml中的ListView控件 listView = (ListView) findViewById(R.id.listView); // 设置ListView适配器 ArrayAdapter adapter = new ArrayAdapter(this, android.R.layout.simple_list_item_1, item); listView.setAdapter(adapter); // 设置ListView单项选择监听器 listView.setOnItemClickListener(new OnItemClickListener() { @Override public void onItemClick(AdapterView<?> arg0, View arg1, int position, long arg3) { String str = item[position]; updateText(str); // 将点击的位置参数传递给全局变量 position_int = position; // 显示登录框 dialog_show(); } }); } /** * 登录框 */ protected void dialog_show() { // 将Layout中的login.xml匹配给视图控件 LayoutInflater inflater = LayoutInflater.from(this); final View view = inflater.inflate(R.layout.login, null); // 创建Dialog AlertDialog.Builder builder = new AlertDialog.Builder(this); builder.setTitle("登录框"); builder.setView(view); builder.setPositiveButton("登录", new OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { // 取得login.xml中的账号EditText和密码EditText控件 EditText user = (EditText) view.findViewById(R.id.user); EditText pass = (EditText) view.findViewById(R.id.pass); // 取得两个控件中的值 String user_str = user.getText().toString(); String pass_str = pass.getText().toString(); // 验证账号和密码 validate(user_str, pass_str); } }); builder.setNegativeButton("取消", new OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { dialog.dismiss(); } }); // 这个很重要的,是dialog的显示功能,如果这个没有的话,是不会显示出来的 builder.show(); } /** * 验证账号和密码 * * @param user_str * 账号 * @param pass_str * 密码 */ protected void validate(String user_str, String pass_str) { if ("admin".equals(user_str) && "admin".equals(pass_str)) { image_dialog(); } else { Toast.makeText(this, "您的密码不对,请重新输入", 1).show(); } } /** * 图片Dialog显示功能 */ private void image_dialog() { //同上一样,是取得Layout中的image.xml模板 LayoutInflater inflater = LayoutInflater.from(this); View view = inflater.inflate(R.layout.image, null); //取得image.xml中的ImageView控件 ImageView imageView = (ImageView) view.findViewById(R.id.imageView1); //设置ImagView控件显示的图片ID imageView.setImageResource(image[position_int]); //创建Dialog AlertDialog.Builder builder = new AlertDialog.Builder(this); builder.setTitle(item[position_int]); builder.setView(view); builder.setPositiveButton("确定", new OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { dialog.dismiss(); } }); builder.show(); } private void updateText(String string) { // 将文本信息设置给TextView控件显示出来 text.setText(string); } }

OK,其实这里面Dialog主要是怎样载入Layout中的模板,如果学会了这个,那随便什么样的内容或是模板都可以给Dialog来显示,总得来说Dialog还是比较方便的,这一章就结束了,谢谢