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性能优化——之控件的优化 前面讲了图像的优化,接下...
前言 上一篇已经讲了如何实现textView中粗字体效果,里面主要...
最近项目重构,涉及到了数据库和文件下载,发现GreenDao这个...
WebView加载页面的两种方式 一、加载网络页面 加载网络页面,...
给APP全局设置字体主要分为两个方面来介绍 一、给原生界面设...
前言 最近UI大牛出了一版新的效果图,按照IOS的效果做的,页...