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, 00);  
  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

点击打开链接

  • 6
    点赞
  • 30
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值