Android RecyclerView GridLayout大小问题

时间:2018-01-18 22:00:20

标签: android android-recyclerview grid-layout gridlayoutmanager recyclerview-layout

我正在努力实现以下结果。

Expected Result Image

我得到了以下结果。

Actual Result Image

任何人都可以指导我达到预期的效果。

我在下面分享了我的代码,

 mLayoutManager = new GridLayoutManager(MyGridActivity.this,3);
 recyclerView.setLayoutManager(mLayoutManager);
 adapter = new MyGridAdapterAdapter(MyGridActivity.this,arrayList);
 recyclerView.setAdapter(adapter);

为网格列表共享我的item_layout 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="wrap_content"
xmlns:app="http://schemas.android.com/apk/res-auto">

<android.support.v7.widget.CardView

    app:cardElevation="3dp"
    app:cardUseCompatPadding="true"
    app:cardCornerRadius="10dp"
    android:layout_margin="10dp"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/cardView">

    <LinearLayout

        android:id="@+id/itemLayout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:gravity="center"
        android:orientation="vertical">

        <ImageView
            android:id="@+id/iv_icon"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="5dp"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:layout_marginTop="20dp"
            android:paddingLeft="10dp"
            android:paddingRight="10dp"
            android:scaleType="center"
            android:src="@mipmap/health_2" />

        <TextView
            android:id="@+id/tv_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/cardView"
            android:layout_marginBottom="20dp"
            android:gravity="center"
            android:text="Health" />

    </LinearLayout>

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

2 个答案:

答案 0 :(得分:0)

您的TextView长度令人不安GridItems

为您的父级布局提供固定高度或为TextView提供固定高度

试试这个......

更新您的TextView
<TextView
    android:id="@+id/tv_name"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/cardView"
    android:layout_marginBottom="20dp"
    android:gravity="center"
    android:text="Health" />

    <TextView
        android:lines="2"
        android:maxLines="2"
        android:ellipsize="end"
        android:id="@+id/tv_name"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/cardView"
        android:layout_marginBottom="20dp"
        android:gravity="center"
        android:text="Health" />

结果

Result

答案 1 :(得分:0)

尝试使用此代码,只需在初始化时复制并粘贴活动

mLayoutManager = new GridLayoutManager(MyGridActivity.this,3);
recyclerView.setLayoutManager(mLayoutManager);

recyclerView.setHasFixedSize(true);//This line

adapter = new MyGridAdapterAdapter(MyGridActivity.this,arrayList);
recyclerView.setAdapter(adapter);