android - Material 对话框中自定义布局的默认填充

Question

我正在使用 appcompat-v7 AlertDialog 和 Google Material Design 库:

compile 'com.android.support:appcompat-v7:22.2.1'
compile 'com.android.support:design:22.2.1'

我创建了 DialogFragment，它使用自定义布局创建我的对话框:

// import android.support.v7.app.AlertDialog;

@Override
public Dialog onCreateDialog(Bundle savedInstanceState) {
    AlertDialog.Builder dialogBuilder = new AlertDialog.Builder(getActivity());

    final ViewGroup v = (ViewGroup) LayoutInflater.from(dialogBuilder.getContext()).inflate(R.layout.d_password, null);

    final AlertDialog dialog = dialogBuilder.setTitle("Pass")
        .setView(v)
        .setPositiveButton(android.R.string.ok, null)
        .setNegativeButton(android.R.string.cancel, null)
        .create();

    return dialog;
}

我的 d_password.xml 布局如下所示:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <android.support.design.widget.TextInputLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <EditText
            android:id="@+id/et_pass"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="Pass"
            android:inputType="textPassword" />
    </android.support.design.widget.TextInputLayout>
</LinearLayout>

问题是布局周围没有边距 - 它几乎与标题和右/左对话框边距接触。

为了让它看起来像标准 Material 对话框(使用文本而不是自定义布局)，我必须将布局修改为:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:paddingLeft="@dimen/abc_dialog_padding_material"
    android:paddingRight="@dimen/abc_dialog_padding_material"
    android:paddingTop="@dimen/abc_dialog_padding_top_material">
...

问题是:如何让我的自定义布局具有默认的 Material Design 对话框边距，而不是在布局中每次都重复它？

Answer 1

您可以将常用元素放在样式中，并将该样式应用到您想要的 View 中。参见 styles and themes documentation

您已经确定了您的 View 需要哪些属性。这些是您要放置在自定义主题中的属性。

在 styles.xml 中

<style name="YourTheme.MaterialMargins" parent="ParentTheme">
        <item name="android:paddingLeft">@dimen/abc_dialog_padding_material</item>
        <item name="android:paddingRight">@dimen/abc_dialog_padding_material</item>
        <item name="android:paddingTop">@dimen/abc_dialog_padding_top_material</item>
</style>

您当然可以更改名称 YourTheme 和 MaterialMargins。

然后在您的布局 xml 文件中，您可以将此样式添加到要应用它的每个 View 。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    style="@style/YourTheme.MaterialMargins">

如果您愿意，还可以包含 layout_width 和 layout_height(如果它们在您的 View 中相同)。