RecyclerView 项目不在 GridLayoutManager 的中心

问题描述

我有一个 RecyclerView 和一个 GridLayoutManager 可以加载这样的项目：

如您所见，左边有一个边距。我没有向 recyclerview 添加任何类型的 Itemdecoration，也没有向此处的任何布局添加任何边距。

我已经试过了：

android:layout_width="wrap_content"
android:layout_gravity="center_horizontal"

并使用 LinearSnapHelper 但没有人修复它。

项目布局：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="@dimen/_130sdp"
    android:layout_gravity="center_horizontal"
    android:layout_height="wrap_content"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <LinearLayout

        android:layout_width="@dimen/_130sdp"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:gravity="center_horizontal">


        <androidx.cardview.widget.CardView
            app:cardPreventCornerOverlap="true"
            app:cardElevation="@dimen/_5sdp"
            app:cardCornerRadius="@dimen/_3sdp"
            android:layout_width="@dimen/_60sdp"
            android:layout_height="@dimen/_90sdp"
            android:layout_marginTop="@dimen/_20sdp">
            <com.makeramen.roundedimageview.RoundedImageView
                android:id="@+id/choosestorycoverimage"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                app:riv_corner_radius="@dimen/_3sdp"
                android:scaleType="fitXY"
                android:src="@drawable/test"/>
            <com.makeramen.roundedimageview.RoundedImageView
                android:id="@+id/choosestorycoverimagelayer"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                app:riv_corner_radius="@dimen/_3sdp"
                android:visibility="gone"
                android:scaleType="fitXY"
                android:src="@drawable/choosen_story_layer"/>
        </androidx.cardview.widget.CardView>
        <TextView
            android:id="@+id/choosestorynametext"

            android:layout_marginTop="@dimen/_3sdp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="@dimen/_15sdp"
            android:text="text"/>
    </LinearLayout>


</RelativeLayout>

活动布局：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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=".ChooseStoryActivity">



    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/choosestoryrecyclerview"
        android:layout_alignParentTop="true"
        android:layout_width="match_parent"
        android:layout_gravity="center_horizontal"

        android:layout_height="match_parent" />

</RelativeLayout>

recyclerview 适配器：

public class ChooseStoryRecyclerViewAdapter extends RecyclerView.Adapter<ChooseStoryRecyclerViewAdapter.ViewHolder> {
    private static final String TAG = "LibraryRecyclerViewAdap";
    private ArrayList<String> coverImageUrlList = new ArrayList<>();
    private ArrayList<String> nameTextList = new ArrayList<>();

    private ArrayList<String> shelfNameList = new ArrayList<>();
    private ArrayList<HashSet<String>> shelfStoryIDList = new ArrayList<>();

    private HashSet<String> shelfStoryIDSet = new HashSet<>();
    private Context context;

    public ChooseStoryRecyclerViewAdapter(ArrayList<String> coverImageUrlList,ArrayList<String> nameTextList,Context context) {
        this.coverImageUrlList = coverImageUrlList;
        this.nameTextList = nameTextList;
        this.context = context;
    }

    @NonNull
    @Override
    public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent,int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.choose_story_item,parent,false);
        ViewHolder viewHolder = new ViewHolder(view);
        return viewHolder;
    }
    //***********the main method***********
    @Override
    public void onBindViewHolder(@NonNull ViewHolder holder,int position) {
        Glide.with(context)
                .asBitmap()
                .load(coverImageUrlList.get(position))
                .into(holder.coverImage);
        holder.coverImage.setonClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if(holder.coverImageLayer.getVisibility() == View.VISIBLE){
                    holder.coverImageLayer.setVisibility(View.GONE);
                }
                else{
                    holder.coverImageLayer.setVisibility(View.VISIBLE);
                }
            }
        });
        holder.nameText.setText(nameTextList.get(position));




    }

    @Override
    public int getItemCount() {
        return coverImageUrlList.size();
    }

    public class ViewHolder extends RecyclerView.ViewHolder{
        RoundedImageView coverImage;
        TextView nameText;
        RoundedImageView coverImageLayer;

        public ViewHolder(@NonNull View itemView) {
            super(itemView);
            coverImage = itemView.findViewById(R.id.choosestorycoverimage);
            nameText =itemView.findViewById(R.id.choosestorynametext);
            coverImageLayer = itemView.findViewById(R.id.choosestorycoverimagelayer);
        }
    }


}

解决方法

从您的 recyclerView 标签中删除这些不必要的属性：

• android:layout_alignParentTop="true"
• android:layout_gravity="center_horizo​​ntal"

您应该将项目布局的父RelativeLayout的宽度更改为使用ma​​tch_parent而不是固定宽度，然后使用spanCount 属性 GridLayoutManager 如果你想要更小的项目布局

如果您真的不需要任何自定义 GridLayoutManager，您还应该直接在您的 activity_main.xml 中添加 GridLayoutManager。 为此，从 MainActivity.java 中删除 GridLayoutManager（如果有）并在 recyclerView 标记中添加这两行新行

• app:layoutManager="androidx.recyclerview.widget.GridLayoutManager"
• app:spanCount="3"