Android自定义Dialog弹窗获取Dialog中的控件ID

今天在开发的过程中，对于自定义的Dialog进行一个研究的探讨，然后终于弄出一些心得，赶紧记录下来。

自定义Dialog的思路，总的来说就是定义一个dialog的xml，然后对这个xml的控件进行封装显示，在到对应的界面点击相应的按钮弹出这个dialog就实现了。具体上图和代码吧。



首先是dialog的xml实现后的效果图，代码实现如下：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/help"
android:layout_width="325dp"
android:layout_height="wrap_content"
android:background="@drawable/shape"
android:padding="5dp">

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:background="@drawable/shape"
android:gravity="center">

<RelativeLayout
android:id="@+id/line1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_centerVertical="true"
android:layout_marginLeft="45dp"
android:text="账号问题"
android:textColor="#de6654"
android:textSize="18sp" />

<Button
android:id="@+id/close"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_alignParentRight="true"
android:layout_marginRight="10dp"
android:layout_marginTop="10dp"
android:background="@mipmap/close" />
</RelativeLayout>

<EditText
android:id="@+id/edit_text"

4000
android:layout_width="270dp"
android:layout_height="210dp"
android:layout_below="@id/line1"
android:layout_centerHorizontal="true"
android:layout_marginTop="10dp"
android:background="@drawable/edit_shape"
android:gravity="top"
android:hint="输入您的问题"
android:textColor="#8e8e8e"
android:textColorHint="#8e8e8e"
android:textSize="14sp" />

<com.kegoal.view.ClearEditText
android:id="@+id/edit_connect"
android:layout_width="270dp"
android:layout_height="45dp"
android:layout_below="@id/edit_text"
android:layout_centerHorizontal="true"
android:layout_marginTop="10dp"
android:background="@mipmap/connect"
android:hint="联系方式：QQ / 邮箱 / 联系电话"
android:numeric="integer"
android:paddingLeft="20dp"
android:paddingRight="17dp"
android:singleLine="true"
android:textColor="#8e8e8e"
android:textColorHint="#8e8e8e"
android:textSize="14sp" />

<LinearLayout
android:layout_width="match_parent"
android:layout_height="45dp"
android:layout_below="@id/edit_connect"
android:layout_gravity="bottom"
android:layout_marginBottom="20dp"
android:layout_marginTop="10dp"
android:gravity="center"
android:orientation="horizontal">

<Button
android:id="@+id/btn_connect"
android:layout_width="115dp"
android:layout_height="45dp"
android:background="@mipmap/btn_connet"
android:text="电话咨询"
android:textColor="#de6654"
android:textSize="15sp" />

<Button
android:id="@+id/btn_commit"
android:layout_width="150dp"
android:layout_height="45dp"
android:layout_marginLeft="10dp"
android:background="@mipmap/btn_commit"
android:text="提交"
android:textColor="#646464"
android:textSize="15sp" />
</LinearLayout>
</RelativeLayout>
</RelativeLayout>

实现了dialog的xml还需要对我们dialog的style进行一个设计，在styles.xml中添加我们的dialog的style，下面会用到。

<style name="Dialog" parent="android:style/Theme.Dialog">
<item name="android:background">#00000000</item>
<item name="android:windowBackground">@android:color/transparent</item>
<item name="android:windowNoTitle">true</item>
<item name="android:windowIsFloating">true</item>
</style>

然后，针对我们的xml设计相应的MyDialog.java：

import android.app.Dialog;
import android.content.Context;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;

/**
* Created by Administrator on 2016/7/15 0015.
*/
public class MyDialog extends Dialog implements View.OnClickListener {
private Context context;
private EditText text, connect;
private Button close, btn_commit, btn_connect;
private LeaveMyDialogListener listener;

public interface LeaveMyDialogListener {
public void onClick(View view);
}

public MyDialog(Context context) {
super(context);
this.context = context;
}

public MyDialog(Context context, int theme, LeaveMyDialogListener listener) {
super(context, theme);
this.context = context;
this.listener = listener;
}
//onCreate中对dialog的组件进行资源的获取以及监听的添加。
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
this.setContentView(R.layout.dialog_layout);
close = (Button) findViewById(R.id.close);    //关闭的按钮
btn_commit = (Button) findViewById(R.id.btn_commit);     //提交按钮的资源
btn_connect = (Button) findViewById(R.id.btn_connect);
bcc8
//联系按钮资源获取
text = (EditText) findViewById(R.id.edit_text);
connect = (EditText) findViewById(R.id.edit_connect);
close.setOnClickListener(this);
btn_connect.setOnClickListener(this);
btn_commit.setOnClickListener(this);
}

@Override
public void onClick(View v) {
listener.onClick(v);
}
}

然后在你需要用到弹出dialog的地方添加事件，比如我用到的是点击一个按钮就弹出了这个dialog的窗体。

首先要对dialog进行一个声明：

MyDialog dialog;

然后我们还需要在获取资源的部分，对我们自定义的dialog进行对象的实例化，具体如下所示：

这部分，对我们声明的自定义的dialog进行实例化，然后这个MyDialog里面还存在我们dialog中控件的监听部分。在OnClick部分中，就可以对我们的控件来进行一个事件的监听。

dialog = new MyDialog(this, R.style.Dialog, new MyDialog.LeaveMyDialogListener() {
@Override
public void onClick(View view) {
switch (view.getId()) {
case R.id.close:
dialog.dismiss();
edit_text.setText("");
edit_connect.setText("");
break;

而为了获取到相应的控件，我们获取控件的相应的方法：
要获取dialog上面的资源控件，如下：

edit_text = (EditText) dialog.findViewById(R.id.edit_text);

然后在你需要弹出dialog的地方调用dialog的show方法就可以实现我们的dialog的弹出显示：

dialog.show();

还有一些dialog的方法，可能会用到的，这里也简单的说一下我用到的吧：

dialog.setCancelable(false);   //dialog点击空白地方不可取消，也可以设置成true，则是点击dialog外部可以取消

dialog.dismiss();   //取消dialog，但是dialog中已经输入的信息，你关闭后进到这个dialog还有显示

通过上述的内容，就可以实现我们的自定义的Dialog的显示操作，并且获取到dialog中的控件部分然后进行监听了。希望能够对大家有一定的帮助作用。