Question

过去2小时我一直在努力让RecycleView的布局按照我想要的方式运行。基本上我想要的是RecycleView的三个项目适合一个屏幕宽度，如下所示：Example 每个方框都包含图像。

这是它目前产生的： Current State

这就是我得到的：

listitem.xml：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                xmlns:app="http://schemas.android.com/apk/res-auto"
                android:layout_margin="1dp">

    <android.support.v7.widget.CardView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        app:cardCornerRadius="4dp"
        app:cardMaxElevation="2dp"
        app:cardElevation="1dp"
        android:layout_centerInParent="true"
        android:weightSum="3">


        <GridLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:columnCount="4"
            android:rowCount="5"
            android:layout_weight="1">
            <ImageView
                android:layout_column="0"
                android:layout_columnSpan="4"
                android:layout_row="0"
                android:layout_rowSpan="5"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:scaleType="centerCrop"
                android:id="@+id/image_view"
                android:src="@drawable/ic_launcher_background"/>

            <Space
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_row="0"
                android:layout_column="0"
                android:layout_columnWeight="4"
                android:layout_rowWeight="2"
                android:layout_gravity="center" />


            <CustomFontTextView
                android:layout_row="3"
                android:layout_rowSpan="1"
                android:layout_column="0"
                android:layout_columnSpan="4"
                android:layout_gravity="left"
                android:gravity="left"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Canada"
                android:id="@+id/name"
                android:textColor="#fff"
                android:layout_marginLeft="20dp"
                android:textSize="20dp"
                android:autoSizeTextType="uniform"
                android:autoSizeMinTextSize="24dp"
                android:autoSizeMaxTextSize="48dp"/>

            <Space
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_row="3"
                android:layout_column="0"
                android:layout_columnWeight="4"
                android:layout_rowWeight="2"
                android:layout_gravity="center" />


            <CustomFontTextView
                android:layout_row="4"
                android:layout_rowSpan="1"
                android:layout_column="0"
                android:layout_columnSpan="4"
                android:layout_gravity="left"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Canada"
                android:gravity="left"
                android:layout_marginLeft="20dp"
                android:layout_marginRight="20dp"
                android:id="@+id/description"
                android:layout_marginTop="10dp"
                android:textColor="#8Fffffff"
                android:layout_marginBottom="10dp"
                android:autoSizeTextType="uniform"
                android:textSize="16dp"
                android:autoSizeMinTextSize="18dp"
                android:autoSizeMaxTextSize="24dp"/>




        </GridLayout>



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

</RelativeLayout>

活动：

<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="activities.MainActivity"
    android:background="#f2f2f2">

    <android.support.v7.widget.RecyclerView
        android:layout_marginTop="100dp"
        android:layout_marginBottom="100dp"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:id="@+id/recyclerView"
        android:orientation="horizontal">
    </android.support.v7.widget.RecyclerView>

</android.support.constraint.ConstraintLayout>

这几乎是我想要的，但现在根据描述的长度来确定项目的大小。相反，我希望描述在需要时包装。有人可以详细说明为什么会发生这种情况吗？

Answer 1

为什么会这样？

将RelativeLayout的宽度设置为换行内容。正如名字所示，它使widh包含在内容中。

如何修复

您必须将其更改为固定值，例如200dp。

以下是我在提供的布局中注意到的其他一些事项：

您应该考虑使用"match_parent"代替"fill_parent"，因为自API级别8以来已弃用。
layout_centerInParent="true"对CardView无效，因为它已填充到父级
删除weightSum="3"中的CardView行，因为它不适用于RelativeLayout

RecyclerView项目模板

1 个答案: