Android 自定义界面的弹出框（可输入数据）

    上午写了一篇博文，介绍了如何定义从屏幕底部弹出PopupWindow，写完之后，突然想起之前写过自定义内容显示的弹出框，就随手写了两个实例，分享出来：

第一种实现方式：继承Dialog

 1.1 线定义弹出框要显示的内容：create_user_dialog.xml

[html]  view plain  copy

 print ?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:id="@+id/create_user_dialog_view"  
4.     android:layout_width="fill_parent"  
5.     android:layout_height="wrap_content"  
6.     android:background="@drawable/dialog_load_bg"  
7.     android:minWidth="200dp"  
8.     android:orientation="vertical"  
9.     android:padding="10dp"  
10.     android:paddingBottom="30dp"  
11.     android:paddingTop="30dp">  
12.   
13.     <EditText  
14.         android:id="@+id/text_name"  
15.         android:layout_width="fill_parent"  
16.         android:layout_height="wrap_content"  
17.         android:background="@drawable/edit_bg"  
18.         android:hint="姓名"  
19.         android:minHeight="45dp"  
20.         android:textSize="18sp" />  
21.   
22.     <EditText  
23.         android:id="@+id/text_mobile"  
24.         android:layout_width="fill_parent"  
25.         android:layout_height="wrap_content"  
26.         android:layout_marginTop="5dp"  
27.         android:background="@drawable/edit_bg"  
28.         android:hint="手机号"  
29.         android:minHeight="45dp"  
30.         android:textSize="18sp" />  
31.   
32.     <EditText  
33.         android:id="@+id/text_info"  
34.         android:layout_width="fill_parent"  
35.         android:layout_height="wrap_content"  
36.         android:layout_marginTop="5dp"  
37.         android:background="@drawable/edit_bg"  
38.         android:gravity="top|left"  
39.         android:hint="个性签名"  
40.         android:minHeight="145dp"  
41.         android:textSize="18sp" />  
42.   
43.     <Button  
44.         android:id="@+id/btn_save_pop"  
45.         android:layout_width="fill_parent"  
46.         android:layout_height="wrap_content"  
47.         android:layout_marginTop="5dp"  
48.         android:text="保存" />  
49.   
50. </LinearLayout>  

 1.2 定义要弹出的Dialog

[java]  view plain  copy

 print ?

1. public class CreateUserDialog extends Dialog {  
2.   
3.     /** 
4.      * 上下文对象 * 
5.      */  
6.     Activity context;  
7.   
8.     private Button btn_save;  
9.   
10.     public EditText text_name;  
11.   
12.     public EditText text_mobile;  
13.   
14.     public EditText text_info;  
15.   
16.   
17.     private View.OnClickListener mClickListener;  
18.   
19.     public CreateUserDialog(Activity context) {  
20.         super(context);  
21.         this.context = context;  
22.     }  
23.   
24.     public CreateUserDialog(Activity context, int theme, View.OnClickListener clickListener) {  
25.         super(context, theme);  
26.         this.context = context;  
27.         this.mClickListener = clickListener;  
28.     }  
29.   
30.     @Override  
31.     protected void onCreate(Bundle savedInstanceState) {  
32.         super.onCreate(savedInstanceState);  
33.         // 指定布局  
34.         this.setContentView(R.layout.create_user_dialog);  
35.   
36.         text_name = (EditText) findViewById(R.id.text_name);  
37.         text_mobile = (EditText) findViewById(R.id.text_mobile);  
38.         text_info = (EditText) findViewById(R.id.text_info);  
39.   
40.         /* 
41.          * 获取圣诞框的窗口对象及参数对象以修改对话框的布局设置, 可以直接调用getWindow(),表示获得这个Activity的Window 
42.          * 对象,这样这可以以同样的方式改变这个Activity的属性. 
43.          */  
44.         Window dialogWindow = this.getWindow();  
45.   
46.         WindowManager m = context.getWindowManager();  
47.         Display d = m.getDefaultDisplay(); // 获取屏幕宽、高用  
48.         WindowManager.LayoutParams p = dialogWindow.getAttributes(); // 获取对话框当前的参数值  
49.         // p.height = (int) (d.getHeight() * 0.6); // 高度设置为屏幕的0.6  
50.         p.width = (int) (d.getWidth() * 0.8); // 宽度设置为屏幕的0.8  
51.         dialogWindow.setAttributes(p);  
52.   
53.         // 根据id在布局中找到控件对象  
54.         btn_save = (Button) findViewById(R.id.btn_save);  
55.   
56.         // 为按钮绑定点击事件监听器  
57.         btn_save.setOnClickListener(mClickListener);  
58.   
59.         this.setCancelable(true);  
60.     }  
61. }  

  1.3 调用弹出框：

[java]  view plain  copy

 print ?

1. public void showEditDialog(View view) {  
2.     createUserDialog = new CreateUserDialog(this,R.style.loading_dialog,onClickListener);  
3.     createUserDialog.show();  
4. }  

[java]  view plain  copy

 print ?

1. private View.OnClickListener onClickListener = new View.OnClickListener() {  
2.        @Override  
3.        public void onClick(View v) {  
4.   
5.            switch (v.getId()) {  
6.                case R.id.btn_save:  
7.   
8.                    String name = createUserDialog.text_name.getText().toString().trim();  
9.                    String mobile = createUserDialog.text_mobile.getText().toString().trim();  
10.                    String info = createUserDialog.text_info.getText().toString().trim();  
11.   
12.                    System.out.println(name+"——"+mobile+"——"+info);  
13.                    break;  
14.            }  
15.        }  
16.    };  

第二种实现方式：继承PopupWindow
  2.1 定义弹出框布局文件，和1.1定义的一致

  2.2 定义要弹出的PopupWindow

[java]  view plain  copy

 print ?

1. public class CreateUserPopWin extends PopupWindow {  
2.   
3.     private Context mContext;  
4.   
5.     private View view;  
6.   
7.     private Button btn_save_pop;  
8.   
9.     public EditText text_name;  
10.   
11.     public EditText text_mobile;  
12.   
13.     public EditText text_info;  
14.   
15.   
16.     public CreateUserPopWin(Activity mContext, View.OnClickListener itemsOnClick) {  
17.   
18.         this.mContext = mContext;  
19.   
20.         this.view = LayoutInflater.from(mContext).inflate(R.layout.create_user_pop, null);  
21.   
22.         text_name = (EditText) view.findViewById(R.id.text_name);  
23.         text_mobile = (EditText) view.findViewById(R.id.text_mobile);  
24.         text_info = (EditText) view.findViewById(R.id.text_info);  
25.   
26.         btn_save_pop =  (Button) view.findViewById(R.id.btn_save_pop);  
27.   
28.         // 设置按钮监听  
29.         btn_save_pop.setOnClickListener(itemsOnClick);  
30.   
31.         // 设置外部可点击  
32.         this.setOutsideTouchable(true);  
33.   
34.   
35.         /* 设置弹出窗口特征 */  
36.         // 设置视图  
37.         this.setContentView(this.view);  
38.   
39.         // 设置弹出窗体的宽和高  
40.           /* 
41.          * 获取圣诞框的窗口对象及参数对象以修改对话框的布局设置, 可以直接调用getWindow(),表示获得这个Activity的Window 
42.          * 对象,这样这可以以同样的方式改变这个Activity的属性. 
43.          */  
44.         Window dialogWindow = mContext.getWindow();  
45.   
46.         WindowManager m = mContext.getWindowManager();  
47.         Display d = m.getDefaultDisplay(); // 获取屏幕宽、高用  
48.         WindowManager.LayoutParams p = dialogWindow.getAttributes(); // 获取对话框当前的参数值  
49.   
50.         this.setHeight(RelativeLayout.LayoutParams.WRAP_CONTENT);  
51.         this.setWidth((int) (d.getWidth() * 0.8));  
52.   
53.         // 设置弹出窗体可点击  
54.         this.setFocusable(true);  
55.   
56.     }  
57. }  

  2.3 调用该弹框组件

[java]  view plain  copy

 print ?

1. public void showEditPopWin(View view) {  
2.   
3.         createUserPopWin = new CreateUserPopWin(this,onClickListener);  
4.   
5.         createUserPopWin.showAtLocation(findViewById(R.id.main_view), Gravity.CENTER, 0, 0);  
6.     }  

[java]  view plain  copy

 print ?

1. private View.OnClickListener onClickListener = new View.OnClickListener() {  
2.        @Override  
3.        public void onClick(View v) {  
4.   
5.            switch (v.getId()) {  
6.                case R.id.btn_save_pop:  
7.   
8.                    String name1 = createUserPopWin.text_name.getText().toString().trim();  
9.                    String mobile1 = createUserPopWin.text_mobile.getText().toString().trim();  
10.                    String info1 = createUserPopWin.text_info.getText().toString().trim();  
11.   
12.                    System.out.println(name1+"——"+mobile1+"——"+info1);  
13.   
14.                    createUserPopWin.dismiss();  
15.                    break;  
16.            }  
17.        }  
18.    };  

源码下载地址（免费）：http://download.csdn.net/detail/zuiwuyuan/9075977

点击打开链接