这次我们来学习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还是比较方便的,这一章就结束了,谢谢