我想创建 Material Developed Android 应用程序，我尝试遵循 Google 的所有建议，专门为新的 RecylcerView 制作漂亮的布局。 RecyclerView 有头像ImageView、标题和副标题TextView 和 Action 图标ImageView。

我应该在 ImageView 的 width 和 height 属性中输入什么值，以便它支持不同的屏幕尺寸和密度，以及我应该从系统中选择哪些尺寸的可绘制对象图标包？

material-design-icons-1.0.1

列表建议:

??? xml 代码中是未知的东西，我不知道该放什么:

XML:

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:id="@+id/card_view_friend"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    card_view:cardCornerRadius="4dp"
    card_view:cardUseCompatPadding="true">

    <RelativeLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">???

        <ImageView
            android:id="@+id/friend_profile_picture"
            android:layout_width="40dp"???
            android:layout_height="40dp"???
            android:layout_alignParentLeft="true"
            android:layout_margin="16dp"
            android:layout_centerVertical="true"
            android:src="@drawable/ic_person_grey600_48dp"/>???

        <TextView
            android:id="@+id/friend_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toLeftOf="@+id/friend_online_imageview"
            android:layout_toRightOf="@+id/friend_profile_picture"
            android:paddingTop="20dp"
            android:text="@string/plain_text_for_preview"
            android:textSize="16sp"/>

        <TextView
            android:id="@+id/friend_state"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/friend_name"
            android:layout_toLeftOf="@id/friend_online_imageview"
            android:layout_toRightOf="@+id/friend_profile_picture"
            android:paddingBottom="20dp"
            android:text="@string/plain_text_for_preview"
            android:textSize="14sp"/>

        <ImageView
            android:id="@+id/friend_online_imageview"
            android:layout_width="wrap_content"???
            android:layout_height="wrap_content"???
            android:layout_alignParentRight="true"
            android:layout_margin="16dp"
            android:layout_centerVertical="true"
            android:src="@drawable/ic_messenger_grey600_18dp"/>???

    </RelativeLayout>

</android.support.v7.widget.CardView>

预览:

最佳答案

#1 两个订单项:

布局 minHeight 为 72dp，layout_height 为 wrap_content。图标大小为 40dp(通常是圆形位图)。图标有 16dp 的上边距和 16dp 的左边距，没有其他的。

两个 TextView 都在一个垂直方向和垂直居中的 LinearLayout 中。此布局的左边距为 16dp，右边距为 16dp。这将允许您删除图像并且仍然具有完整的侧边距。第一行通常有 textApperance="@style/TextAppearance.AppCompat.Body2"，第二行有 Body1。文本布局有 16dp 顶部和 16dp 底部 padding (它必须在此处填充，因为 RelativeLayout 的子级不尊重底部边距 - 它在其他时候很有用) .现在您可以在第二个 TextView 中放置多行，整个项目将很好地展开。

不要忘记在文本布局上设置 layout_toRightOf="@+id/icon" 和 layout_alignWithParentIfMissing="true"。如果右侧有另一个图标(或小部件)，请添加 layout_toLeftOf="@+id/right_icon"。如果不使用 layout_alignParentRight="true"。这将拉伸(stretch)布局以占用所有可用空间。或者你可以使用 LinearLayout。

将其放入内容区域的列表中。该列表不必在顶部或底部有任何填充，它看起来不错。

#2 内容中的单行项目

与数字 1 相同，但有以下区别:minHeight 或 layout_height 设置为 56dp。不要使用任何垂直边距或填充，只需垂直居中即可。仅使用一行文本。

在顶部使用 8dp 填充或 48dp 标题，底部使用 8dp 填充的列表中使用此选项。否则它看起来会“被切断”。

#3 菜单中的单行项目

与数字 2 相同，但有以下区别:高度为 48dp。图标为 24dp。图标应具有以下属性:

android:layout_width="40dp"
android:layout_height="wrap_content"
android:scaleType="fitStart"

这将允许您将任何图标从 1dp 放置到 40dp，而不会破坏平衡(您不必更改图标和文本之间的间距，因为它与以前的情况一样保持 40dp)。

我在抽屉导航和菜单中使用它。

编辑:注意

规范说左右项目边距应该是 24dp 而不是平板电脑的 16dp (sw600dp)。您可以通过在平板电脑上添加左右项目布局填充 8dp 来解决此问题(使用动态值)。

规范还说项目之间的分隔符(如果存在)应该是项目的一部分。您必须为手机定义 72dp 和平板电脑 80dp 的“总左边距尺寸”，并将其用作分隔线 View 的左边距。第二个问题是在平板电脑上你有一个 8dp 的右填充。我这样说:如果您使用 ListView，请拧紧规范并设置自定义分隔符，该分隔符将在项目之间绘制。如果您使用 RecyclerView，请编写一个不错的 ItemDecorator，它将在项目上添加分隔符。

编辑 2

?listPreferredPaddingLeft 和 ?listPreferredPaddingRight 将在手机上扩展为 16dp，在平板电脑上扩展为 24dp(遵循 RTL 设置)。您可以将这些值用于列表项中的左右填充。然后为图标保留 40dp，间距为 16dp，最后是内容。

关于android - 带有头像、文本和图标的列表的 Material 设计建议，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27661305/