recyclerview 不适合所有屏幕尺寸答案

【问题标题】：recyclerview is not fit for all screen sizesrecyclerview 不适合所有屏幕尺寸
【发布时间】：2018-04-27 16:07:05
【问题描述】：

我使用 recylerview 和 gridlayout 管理器，每行都有卡片视图，我的行视图（子视图）根本没有响应。

我想以这样的方式显示 15 个卡片视图，在纵向模式下，我的所有 15 个子视图都应该可见，并且我的 recyclerview 不应该是可滚动的，而在横向模式下它应该反之亦然（应该是可滚动的）

我已经尝试了很多关于 SO 的建议，但似乎没有任何效果。

目前在不同屏幕尺寸上的表现如下

在上面附加的屏幕截图中，第 3 列、第 4 和第 5 行不可见

在上面给定的屏幕中，我的用户界面非常适合纵向模式，但在横向模式下我看不到所有卡片视图。

在上面附加的屏幕截图中，第 5 行不可见，并且在横向模式下存在一些响应错误。 cardview.xml

<android.support.v7.widget.CardView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:cardview="http://schemas.android.com/apk/res-auto"
    android:layout_width="127dp"
    android:layout_height="118dp"
    android:layout_margin="5dp"
    cardview:cardCornerRadius="4dp">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <ImageView
                android:id="@+id/mReminder_Image_Id"
                android:layout_width="match_parent"
                android:layout_height="90dp"
                android:scaleType="fitXY"
                android:background="#ffffff"/>
            <TextView
                android:id="@+id/mReminder_Text_Id"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:gravity="center"
                android:textColor="#2d2d2d"
                android:textSize="13sp"
                android:text="Reminder texts"/>
        </LinearLayout>
</android.support.v7.widget.CardView>

fragment_reminders.xml

<LinearLayout 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"
    android:orientation="vertical"
    tools:context=".Fragments.Reminders">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:background="@color/colorPrimary"
        app:layout_scrollFlags="scroll|enterAlways"
        app:popupTheme="@style/AppTheme.PopupOverlay">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Reminders"
            android:textSize="20dp"
            android:textStyle="bold"
            android:textColor="@color/tab_background"
            android:layout_gravity="center" />
    </android.support.v7.widget.Toolbar>

    <android.support.v7.widget.RecyclerView
        android:id="@+id/mRecyclerView_id"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    </android.support.v7.widget.RecyclerView>

</LinearLayout>

谁能指导我解决这个问题。谢谢。

【问题讨论】：

@Kling Klang 你对这个问题有什么想法
有一种方式你可能不喜欢，你应该为不同的屏幕尺寸创建不同的布局或使用协调器布局，也使用包装内容而不是设置特定值
我们可以设计支持多种屏幕尺寸的应用程序，那我为什么要针对不同的屏幕进行多种设计。
如果你能设计 supporting multiple screen sizes 它应该可以工作
总之，你需要为不同的屏幕尺寸设计不同的布局。 [Android 开发者网站][1] 上有关于该主题的良好文档但是，您看到这种行为的原因是因为您专门将 XML 中的 ImageView 的大小定义为 90dp，TextView 位于 13sp所以无论方向如何，每张卡片的视图大小都将约为103dp。 [1]：developer.android.com/training/multiscreen/screensizes

标签： android android-recyclerview android-cardview

【解决方案1】：

你可以用这个：

recyclerView.setLayoutManager(new RecyclerView.GridLayoutManager(this, span_count)

你可以有一个带有<integer> 元素的res/values/ints.xml 文件，给整数一个名称（名称属性）和值（<integer> 节点的文本）。您还可以拥有res/values-w600dp/ints.xml 或res/values-land 或资源的其他变体，您可以在其中提供不同的值用于不同的屏幕尺寸。然后，在运行时，调用 getResources().getInteger() 检索要使用的资源的正确值对于当前设备，并在您的 GridLayoutManager 构造函数中使用它。现在，您可以通过控制跨度的数量来控制有多少列提供给构造函数。

https://developer.android.com/training/multiscreen/screensizes

Chiu-Ki Chan 建议的另一种方法是创建一个 RecyclerView，您可以在其上为所需的近似值提供自定义属性列宽。然后，在您的子类的onMeasure() 方法中，您可以计算用于为您提供所需列宽的跨度数。

https://developer.android.com/reference/android/support/v7/widget/GridLayoutManager.html#GridLayoutManager(android.content.Context,%20int)

https://developer.android.com/reference/android/support/v7/widget/RecyclerView#setlayoutmanager

【讨论】：

我已经有了 recyclerView.setLayoutManager(new GridLayoutManager(getActivity(),3));
@Nikson 您可以使用资源<integer> 标签并区分横向和纵向或屏幕尺寸
我不知道，请解释一下或给我任何参考

【解决方案2】：

如下创建一个类：

    import android.graphics.Rect;
    import android.support.v7.widget.GridLayoutManager;
    import android.support.v7.widget.RecyclerView;
    import android.view.View;

    public class EqualSpacingItemDecoration extends RecyclerView.ItemDecoration {
      private final int spacing;
      private int displayMode;

      public static final int HORIZONTAL = 0;
      public static final int VERTICAL = 1;
      public static final int GRID = 2;

      public EqualSpacingItemDecoration(int spacing) {
        this(spacing, -1);
      }

      public EqualSpacingItemDecoration(int spacing, int displayMode) {
        this.spacing = spacing;
        this.displayMode = displayMode;
      }

      @Override
      public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        int position = parent.getChildViewHolder(view).getAdapterPosition();
        int itemCount = state.getItemCount();
        RecyclerView.LayoutManager layoutManager = parent.getLayoutManager();
        setSpacingForDirection(outRect, layoutManager, position, itemCount);
      }

      private void setSpacingForDirection(Rect outRect,
                                          RecyclerView.LayoutManager layoutManager,
                                          int position,
                                          int itemCount) {

        // Resolve display mode automatically
        if (displayMode == -1) {
          displayMode = resolveDisplayMode(layoutManager);
        }

        switch (displayMode) {
          case HORIZONTAL:
            outRect.left = spacing;
            outRect.right = position == itemCount - 1 ? spacing : 0;
            outRect.top = spacing;
            outRect.bottom = spacing;
            break;
          case VERTICAL:
            outRect.left = spacing;
            outRect.right = spacing;
            outRect.top = spacing;
            outRect.bottom = position == itemCount - 1 ? spacing : 0;
            break;
          case GRID:
            if (layoutManager instanceof GridLayoutManager) {
              GridLayoutManager gridLayoutManager = (GridLayoutManager) layoutManager;
              int cols = gridLayoutManager.getSpanCount();
              int rows = itemCount / cols;

              outRect.left = spacing;
              outRect.right = position % cols == cols - 1 ? spacing : 0;
              outRect.top = spacing;
              outRect.bottom = position / cols == rows - 1 ? spacing : 0;
            }
            break;
        }
      }

      private int resolveDisplayMode(RecyclerView.LayoutManager layoutManager) {
        if (layoutManager instanceof GridLayoutManager) return GRID;
        if (layoutManager.canScrollHorizontally()) return HORIZONTAL;
        return VERTICAL;
      }
    }

并将其与您的回收站视图一起使用：

1)对于网格视图：

recyclerView.addItemDecoration(new EqualSpacingItemDecoration(<sizeofpixels>, EqualSpacingItemDecoration.GRID));

2)垂直视图：

recyclerView.addItemDecoration(new EqualSpacingItemDecoration(<sizeofpixels>, EqualSpacingItemDecoration.VERTICAL));

3) 对于水平视图： recyclerView.addItemDecoration(new EqualSpacingItemDecoration(<sizeofpixels>, EqualSpacingItemDecoration.HORIZONTAL));

希望对你有所帮助。

【讨论】：