如何实现自定义 AlertDialog 视图

在 AlertDialog 上的 Android 文档中，它提供了以下在 AlertDialog 中设置自定义视图的说明和示例:

如果你想显示一个更复杂的视图，查找 FrameLayout 名为“ body”并将你的视图添加到其中:

FrameLayout fl = (FrameLayout) findViewById(R.id.body);
fl.add(myView, new LayoutParams(FILL_PARENT, WRAP_CONTENT));

首先，很明显，add()是一个打印错误，意味着是 addView()。

我对使用 Rid.body 的第一行感到困惑。它似乎是 AlertDialog 的 body 元素... ... 但是我不能仅仅在我的代码 b/c 中输入它，它会出现编译错误。在哪里可以定义或分配 R.id.body？

这是我的密码。我试图在构建器上使用 setView(findViewById(R.layout.whatever)，但它不起作用。是因为我没有手动充气吗？

AlertDialog.Builder builder = new AlertDialog.Builder(this);
builder.setTitle("Title")
.setCancelable(false)
.setPositiveButton("Go", new DialogInterface.OnClickListener() {


@Override
public void onClick(DialogInterface dialog, int id) {
EditText textBox = (EditText) findViewById(R.id.textbox);
doStuff();
}
});


FrameLayout f1 = (FrameLayout)findViewById(R.id.body /*CURRENTLY an ERROR*/);
f1.addView(findViewById(R.layout.dialog_view));


AlertDialog alert = builder.create();
alert.show();
232516 次浏览
小开
最佳答案

你是对的，因为你没有手动充气。看起来你正在尝试从你的活动的布局中“提取”“主体”id，但是这不起作用。

你可能想要这样的东西:

LayoutInflater inflater = getLayoutInflater();
FrameLayout f1 = (FrameLayout)alert.findViewById(android.R.id.body);
f1.addView(inflater.inflate(R.layout.dialog_view, f1, false));
小开

您可以直接从 Layout flater 创建视图，只需使用布局 XML 文件的名称和文件中布局的 ID 即可。

您的 XML 文件应该具有如下 ID:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/dialog_layout_root"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:padding="10dp"
/>

然后您可以使用以下代码在构建器上设置布局:

LayoutInflater inflater = getLayoutInflater();
View dialoglayout = inflater.inflate(R.layout.dialog_layout, null);
AlertDialog.Builder builder = new AlertDialog.Builder(this);
builder.setView(dialoglayout);
builder.show();
小开

机器人文档已经被编辑以更正错误。

The view inside the AlertDialog is called android.R.id.custom

Http://developer.android.com/reference/android/app/alertdialog.html

小开

android.R.id.custom was returning null for me. I managed to get this to work in case anybody comes across the same issue,

AlertDialog.Builder builder = new AlertDialog.Builder(context)
.setTitle("My title")
.setMessage("Enter password");
final FrameLayout frameView = new FrameLayout(context);
builder.setView(frameView);


final AlertDialog alertDialog = builder.create();
LayoutInflater inflater = alertDialog.getLayoutInflater();
View dialoglayout = inflater.inflate(R.layout.simple_password, frameView);
alertDialog.show();

作为参考，R.layout.simple _ password 是:

<?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">


<EditText
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:id="@+id/password_edit_view"
android:inputType="textPassword"/>
<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/show_password"
android:id="@+id/show_password_checkbox"
android:layout_gravity="left|center_vertical"
android:checked="false"/>


</LinearLayout>
小开

这对我很有效:

dialog.setView(dialog.getLayoutInflater().inflate(R.layout.custom_dialog_layout, null));
小开

AlertDialog.setView(View view)确实将给定的视图添加到 R.id.custom FrameLayout。下面是来自 AlertController.setupView()的 Android 源代码片段，它最终处理了这个问题(mView是给予 AlertDialog.setView方法的视图)。

...
FrameLayout custom = (FrameLayout) mWindow.findViewById(R.id.**custom**);
custom.addView(**mView**, new LayoutParams(FILL_PARENT, FILL_PARENT));
...
小开

在更改了它 android.R.ID.custom.ID 之后，我需要添加以下内容来显示视图:

((View) f1.getParent()).setVisibility(View.VISIBLE);

然而，这导致新的视图在一个没有背景的大父视图中呈现，将对话框分为两部分(文本和按钮，中间是新的视图)。我最终得到了我想要的效果，把我的观点插入到信息的旁边:

LinearLayout f1 = (LinearLayout)findViewById(android.R.id.message).getParent().getParent();

我通过使用 View.getParent ()和 View.getChildAt (int)探索 View 树找到了这个解决方案。不过都不怎么开心。这些都不在 Android 文档中，如果他们改变 AlertDialog 的结构，这可能会中断。

小开

最简单的方法是使用 android.support.v7.app.AlertDialog而不是 android.app.AlertDialog，因为 public AlertDialog.Builder setView (int layoutResId)可以在 API 21以下使用。

new AlertDialog.Builder(getActivity())
.setTitle(title)
.setView(R.layout.dialog_basic)
.setPositiveButton(android.R.string.ok,
new DialogInterface.OnClickListener() {
public void onClick(DialogInterface dialog, int whichButton) {
//Do something
}
}
)
.setNegativeButton(android.R.string.cancel,
new DialogInterface.OnClickListener() {
public void onClick(DialogInterface dialog, int whichButton) {
//Do something
}
}
)
.create();
小开

The simplest lines of code that works for me are are follows:

AlertDialog.Builder builder = new AlertDialog.Builder(this);
builder.setView(R.layout.layout_resource_id);
builder.show();

无论布局类型(LinearLayout、 FrameLayout、 RelativeLayout)如何，setView都可以工作 只是在外表和行为上有所不同。

小开

自定义警报对话框

这个完整的示例包括将数据传递回 Activity。

enter image description here

创建自定义布局

这个简单的例子使用了带有 EditText的布局，但是您可以用任何您喜欢的东西替换它。

自定义 _ 布局. xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:paddingLeft="20dp"
android:paddingRight="20dp"
android:layout_width="match_parent"
android:layout_height="match_parent">


<EditText
android:id="@+id/editText"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>


</LinearLayout>

使用代码中的对话框

关键部分是

  • 使用 setView将自定义布局分配给 AlertDialog.Builder
  • 当单击对话框按钮时，将任何数据发送回活动。

这是上图所示示例项目的完整代码:

MainActivity.java

public class MainActivity extends AppCompatActivity {


@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}


public void showAlertDialogButtonClicked(View view) {


// create an alert builder
AlertDialog.Builder builder = new AlertDialog.Builder(this);
builder.setTitle("Name");


// set the custom layout
final View customLayout = getLayoutInflater().inflate(R.layout.custom_layout, null);
builder.setView(customLayout);


// add a button
builder.setPositiveButton("OK", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
// send data from the AlertDialog to the Activity
EditText editText = customLayout.findViewById(R.id.editText);
sendDialogDataToActivity(editText.getText().toString());
}
});


// create and show the alert dialog
AlertDialog dialog = builder.create();
dialog.show();
}


// do something with the data coming from the AlertDialog
private void sendDialogDataToActivity(String data) {
Toast.makeText(this, data, Toast.LENGTH_SHORT).show();
}
}

Notes

  • If you find yourself using this in multiple places, then consider making a DialogFragment subclass as is described in the 文件.

参见

小开

这样做是最有意义的，代码量最少。

new AlertDialog.Builder(this).builder(this)
.setTitle("Title")
.setView(R.id.dialog_view)   //notice this setView was added
.setCancelable(false)
.setPositiveButton("Go", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int id) {
EditText textBox = (EditText) findViewById(R.id.textbox);
doStuff();
}
}).show();

要获得可以设置的扩展列表，请开始在 Android Studio 中键入 .set


提交答案