首页 > 程序开发 > 移动开发 > Android >

[Android开发学习33]PopupWindow之显示顶层对话框

2013-04-08

一、基础知识:1. PopupWindow是阻塞对话框,只有在外部线程 或者 PopupWindow本身做退出操作才行。2. PopupWindow完全依赖Layout做外观二、使用方法:1. 为我们的对话框新建一个Layout文件作为外观:(下面是我...

一、基础知识:

1. PopupWindow是阻塞对话框,只有在外部线程 或者 PopupWindow本身做退出操作才行。

2. PopupWindow完全依赖Layout做外观

二、使用方法:

1. 为我们的对话框新建一个Layout文件作为外观:(下面是我的一个示例)

[html]
<?xml version="1.0" encoding="utf-8"?>
<!-- -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:background="#808080"
>
<ImageButton
android:id="@+id/username_image"
android:layout_x="@string/username_image_x"
android:layout_y="@string/username_image_y"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<EditText android:id="@+id/username_edit"
android:layout_height="wrap_content"
android:layout_width="fill_parent"
android:layout_marginLeft="20dip"
android:layout_marginRight="20dip"
android:capitalize="none"
android:textAppearance="?android:attr/textAppearanceMedium" />
<TextView android:id="@+id/password_view"
android:layout_height="wrap_content"
android:layout_marginLeft="20dip"
android:layout_marginRight="20dip"
android:text="密码"
android:textAppearance="?android:attr/textAppearanceMedium"
android:layout_width="fill_parent"/>
<EditText android:id="@+id/password_edit"
android:layout_height="wrap_content"
android:layout_width="fill_parent"
android:layout_marginLeft="20dip"
android:layout_marginRight="20dip"
android:capitalize="none"
android:password="true"
android:textAppearance="?android:attr/textAppearanceMedium" />

<LinearLayout
android:id="@+id/LinearLayout01"
android:layout_height="wrap_content"
android:layout_width="fill_parent"
android:gravity="center">
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/BtnOK"
android:layout_weight="100"
android:text="确定">
</Button>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="100"
android:text="取消"
android:id="@+id/BtnCancel">
</Button>
</LinearLayout>

</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>
<!-- -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:background="#808080"
>
<ImageButton
android:id="@+id/username_image"
android:layout_x="@string/username_image_x"
android:layout_y="@string/username_image_y"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<EditText android:id="@+id/username_edit"
android:layout_height="wrap_content"
android:layout_width="fill_parent"
android:layout_marginLeft="20dip"
android:layout_marginRight="20dip"
android:capitalize="none"
android:textAppearance="?android:attr/textAppearanceMedium" />
<TextView android:id="@+id/password_view"
android:layout_height="wrap_content"
android:layout_marginLeft="20dip"
android:layout_marginRight="20dip"
android:text="密码"
android:textAppearance="?android:attr/textAppearanceMedium"
android:layout_width="fill_parent"/>
<EditText android:id="@+id/password_edit"
android:layout_height="wrap_content"
android:layout_width="fill_parent"
android:layout_marginLeft="20dip"
android:layout_marginRight="20dip"
android:capitalize="none"
android:password="true"
android:textAppearance="?android:attr/textAppearanceMedium" />

<LinearLayout
android:id="@+id/LinearLayout01"
android:layout_height="wrap_content"
android:layout_width="fill_parent"
android:gravity="center">
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/BtnOK"
android:layout_weight="100"
android:text="确定">
</Button>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="100"
android:text="取消"
android:id="@+id/BtnCancel">
</Button>
</LinearLayout>

</LinearLayout>

2. 为我们的对话框添加效果显示需要的文件:(我的Demo里面是一组XML文件)

(具体代码,详见代码-->> 文章最后给出下载地址)

3. 在主程序中,构造我们的对话框:

[java]
public void showPopupWindow(Context context,View parent){
/*** ==== Start 创建popupWindow对话框 ==== ***/
LayoutInflater inflater = (LayoutInflater)
context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
final View vPopupWindow=inflater.inflate(R.layout.popupwindow, null, false);

final PopupWindow pw= new PopupWindow(vPopupWindow,300,300,true);
/*** ==== End 创建popupWindow对话框 ==== ***/

/*** ==== Start 设置popupWindow对话框 上面的按钮显示及响应 ==== ***/
ImageButton loginImageButton = (ImageButton)vPopupWindow.findViewById(R.id.username_image);
loginImageButton.setBackgroundResource(R.drawable.login);

//OK按钮及其处理事件
Button btnOK=(Button)vPopupWindow.findViewById(R.id.BtnOK);
btnOK.setOnClickListener(new OnClickListener(){
@Override
public void onClick(View v) {
//设置文本框内容
EditText edtUsername=(EditText)vPopupWindow.findViewById(R.id.username_edit);
edtUsername.setText("username");
EditText edtPassword=(EditText)vPopupWindow.findViewById(R.id.password_edit);
edtPassword.setText("password");
}
});

//Cancel按钮及其处理事件
Button btnCancel=(Button)vPopupWindow.findViewById(R.id.BtnCancel);
btnCancel.setOnClickListener(new OnClickListener(){
@Override
public void onClick(View v) {
pw.dismiss();//关闭
}
});
/*** ==== End 设置popupWindow对话框 上面的按钮显示及响应 ==== ***/

/*** ==== Start 显示popupWindow对话框 ==== ***/
//设置SelectPicPopupWindow弹出窗体动画效果
pw.setAnimationStyle(R.style.FromRightAnimation); // 从屏幕右边移进来
//pw.setAnimationStyle(R.style.PopupAnimation); // 从小放大
// 指定PopupWindow的显示位置
//pw.showAtLocation(vPopupWindow,0,20,100);
// 显示在屏幕的最中央
pw.showAtLocation(parent, Gravity.CENTER, 0, 0);
pw.update();
/*** ==== End 显示popupWindow对话框 ==== ***/
}

public void showPopupWindow(Context context,View parent){
/*** ==== Start 创建popupWindow对话框 ==== ***/
LayoutInflater inflater = (LayoutInflater)
context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
final View vPopupWindow=inflater.inflate(R.layout.popupwindow, null, false);

final PopupWindow pw= new PopupWindow(vPopupWindow,300,300,true);
/*** ==== End 创建popupWindow对话框 ==== ***/

/*** ==== Start 设置popupWindow对话框 上面的按钮显示及响应 ==== ***/
ImageButton loginImageButton = (ImageButton)vPopupWindow.findViewById(R.id.username_image);
loginImageButton.setBackgroundResource(R.drawable.login);

//OK按钮及其处理事件
Button btnOK=(Button)vPopupWindow.findViewById(R.id.BtnOK);
btnOK.setOnClickListener(new OnClickListener(){
@Override
public void onClick(View v) {
//设置文本框内容
EditText edtUsername=(EditText)vPopupWindow.findViewById(R.id.username_edit);
edtUsername.setText("username");
EditText edtPassword=(EditText)vPopupWindow.findViewById(R.id.password_edit);
edtPassword.setText("password");
}
});

//Cancel按钮及其处理事件
Button btnCancel=(Button)vPopupWindow.findViewById(R.id.BtnCancel);
btnCancel.setOnClickListener(new OnClickListener(){
@Override
public void onClick(View v) {
pw.dismiss();//关闭
}
});
/*** ==== End 设置popupWindow对话框 上面的按钮显示及响应 ==== ***/

/*** ==== Start 显示popupWindow对话框 ==== ***/
//设置SelectPicPopupWindow弹出窗体动画效果
pw.setAnimationStyle(R.style.FromRightAnimation); // 从屏幕右边移进来
//pw.setAnimationStyle(R.style.PopupAnimation); // 从小放大
// 指定PopupWindow的显示位置
//pw.showAtLocation(vPopupWindow,0,20,100);
// 显示在屏幕的最中央
pw.showAtLocation(parent, Gravity.CENTER, 0, 0);
pw.update();
/*** ==== End 显示popupWindow对话框 ==== ***/
}


三、效果展示:

\

相关文章
最新文章
热点推荐