android – 材质对话框中自定义布局的默认填充

我正在使用appcompat-v7 AlertDialog和Google Material Design lib：

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>

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

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

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

问题是：如何使我的自定义布局具有默认的“材质设计”对话框边距,而不是每次在布局中重复它？

解决方法:

您可以将常用元素放在样式中,并将该样式应用于所需的视图.见styles and themes documentation

您已经确定了视图所需的属性.这些是您要在自定义主题中放置的属性.

在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文件中,您可以将此样式添加到要应用它的每个视图.

<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,如果视图中的内容相同.

android – 材质对话框中自定义布局的默认填充

相关文章