Recyclerview网格第一行的维度错误

时间:2017-07-10 06:55:28

标签: android android-recyclerview android-gridlayout

我正在尝试使用带有两列的网格布局管理器列出我的回收站视图中的项目。

然而,网格的第一行似乎有宽度问题。

first row showing different width than the others

当我向下滚动直到第一行不可见时,然后向上滚动,它将自行修复并显示正确的宽度。

correct arrangement of the grid

我的项目是从himoviedb API中检索的,

adapter.setMovieWrapper(body); // body contains data from the API    
recyclerView.setLayoutManager(new GridLayoutManager(this, 2));
recyclerView.setAdapter(adapter);

以下是网格项的布局代码:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="200dp"
    android:padding="2dp"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/movie_thumbnail"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="centerInside"
        android:contentDescription="@string/movie_thumbnail_description"/>

    <TextView
        android:background="@drawable/bg_shade"
        android:id="@+id/movie_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:textColor="#FFF"
        android:ellipsize="end"
        android:padding="8dp"/>
</FrameLayout>

以下是适配器代码:

public class MovieGridAdapter extends RecyclerView.Adapter<MovieGridItemViewHolder> {
    MovieWrapper movieWrapper;
    private Context context;

    public MovieGridAdapter(Context context) {
        this.context = context;
    }

    public MovieWrapper getMovieWrapper() {
        return movieWrapper;
    }

    public void setMovieWrapper(MovieWrapper movieWrapper) {
        this.movieWrapper = movieWrapper;
        this.notifyDataSetChanged();
    }

    @Override
    public MovieGridItemViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        return new MovieGridItemViewHolder(
                LayoutInflater.from(context)
                        .inflate(R.layout.movie_grid_item, parent, false)
        );
    }

    @Override
    public void onBindViewHolder(MovieGridItemViewHolder holder, int position) {
        Movie movie = movieWrapper.getResults().get(position);
        Uri uri = Uri.parse("https://image.tmdb.org/t/p/w185");
        uri = uri.buildUpon().appendEncodedPath(movie.getPosterPath()).build();

        Picasso.with(context)
                .load(uri)
                .into(holder.getThumbnail());

        holder.getTitle().setText(movie.getTitle());
    }

    @Override
    public int getItemCount() {
        if (movieWrapper != null && movieWrapper.getResults() != null) {
            return movieWrapper.getResults().size();
        }
        return 0;
    }
}

以下是托管回收站视图XML布局的活动:

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.adityapurwa.popularmovies.MainActivity">

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

</android.support.constraint.ConstraintLayout>

任何人都知道导致此问题的原因以及解决方法? 谢谢!

2 个答案:

答案 0 :(得分:0)

我的ConstraintLayout托管RecyclerView似乎存在问题,我将其更改为FrameLayout,问题就消失了。即使布局和RecyclerView都将其维度设置为match_parent,但无论如何都无法检测维度。

注意:将尺寸更改为绝对尺寸(例如100dp)也解决了问题,但它会使布局无响应。

答案 1 :(得分:0)

我在FrameLayout附近使用了Recyclerview,但没有用,我在解决方案中使用了这种方法,对于前2个项目,我添加了虚拟项目并隐藏了视图,这对我有用这不是一个完美的解决方案