如何设计具有复选框和一个 EditText 框的对话框？

Question

我正在尝试设计对话框 xml 文件。遵循 Material Design 指南有点困难。基本上我希望对话框窗口允许用户多选复选框，并在底部有一个添加自定义选项的选项（一个EditText）。例如：

Choose the options

[x] Option1
[] Option2
[x] Option3
[] Option4

Add custom options:
__________

       [Cancel] [Ok]

我的代码：

public void onClick(View view) {
    AlertDialog.Builder mBuilder = new AlertDialog.Builder(AddData.this);
    View mView = getLayoutInflater().inflate(R.layout.dialog_adding_data,null);
    // More code here
    mBuilder.show();
}

据我了解，我使用的是自定义对话框布局。但是在材料设计指南中，我没有看到这样做的选项。另外我不确定如何设计dialog_adding_data 文件。如何设计dialog_adding_data，使其遵循材料设计指南并具有相同的功能？

Answer 1

要满足您的 UI 要求，您需要为对话框设置自定义视图。这里的重点是使用以下内容：

mBuilder.setView(mView);

如果您不使用视图/数据绑定，则在引用视图时，请确保使用 mView.findViewById 而不是 findViewById，如下所示：

EditText editText = mView.findViewById(R.id.edit_text);
// Add your code logic, etc.

关于您创建的dialog_adding_data.xml，它将与任何其他布局一样简单。它的层次结构，取决于您的具体需求，可能如下所示：

<ScrollView>

    <LinearLayout>

        <CheckBox />

        <CheckBox />

        <!-- This one controls the EditText below. -->
        <CheckBox android:text="Add custom options" />

        <EditText />

    </LinearLayout>

</ScrollView>

如果复选框计数是动态的，那么您可能需要使用 RecyclerView 和 2 种视图类型（一种用于普通选项，另一种用于自定义选项）。