设计指南 - 大小调整不加起来

Question

我目前正在通过Google设计指南 ，我正在努力在我的应用程序中实现它的一部分。

以下示例： 列表（多行） - 带文字的头像

尺寸：

主要文字字体：Roboto Regular 16sp
辅助文字字体：Roboto Regular 14sp
瓷砖高度：72dp
左头像填充：16dp
文本填充，左：72dp
文字填充，顶部和底部：20dp

因此指南说，具有头像和主要/次要文本的列表项应该具有20dp的顶部/底部文本填充，并且视图的高度应该是72dp。 如果我实现上面的东西，我会得到这样的XML：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="72dp"
    android:background="#FFF">

    <TextView
        android:id="@+id/primary_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:fontFamily="sans-serif"
        android:paddingLeft="72dp"
        android:paddingRight="16dp"
        android:paddingTop="20dp"
        android:singleLine="true"
        android:text="Primary text"
        android:textSize="16sp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/primary_text"
        android:fontFamily="sans-serif"
        android:paddingBottom="20dp"
        android:paddingLeft="72dp"
        android:paddingRight="16dp"
        android:singleLine="true"
        android:text="Secondary text with preview of further content"
        android:textSize="14sp" />

</RelativeLayout>

这就是它在图形布局编辑器中的样子

正如您所看到的，辅助文本被切断了。 当我在设备上查看它时会变得更糟：

所以我的问题是：这是另一个“WTF谷歌”的事情还是有什么我误解了？

注意： “只需将高度增加到X dp并且您的问题已修复”对我来说不是一个充分的答案，因为指南对这些尺寸非常具体。

Answer 1

发生这种情况是因为您已将父级的高度设置为72dp。

android:layout_height="72dp"

将layout_height属性设置为“wrap_content”，如果由于某种原因需要固定高度，则应为不同的屏幕设置不同的布局。