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

Question

我目前正在浏览Google Design Guidelines，我正努力在我的应用程序中实现部分内容。

以下示例：Lists (Multiline) - Avatar with text

尺寸：

  

主要文字字体：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>

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

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

所以我的问题是：这是另一个＆＃34; WTF Google＆＃34;我还有什么东西被误解了？

注意： ＆＃34;只需将高度增加到X dp即可解决您的问题＆＃34; 对于我来说是不够的答案这些尺寸非常具体。

Answer 1

这是因为您已将父级的高度设置为72dp。

android:layout_height="72dp"

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