向上滚动时项目覆盖

Question

我开发了一个 android 应用程序，在一个屏幕上有一个 gridview，其中有两个项目。

每个项目都由一张图片和下面的文字组成。

加载布局时，它会以正确的方式显示元素，但是当我向上滚动获取第一个元素时，会覆盖具有多行文本的项目。

这是元素的代码：

布局

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

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

        <GridView
            android:id="@+id/atlas_list"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:numColumns="2"
            android:orientation="vertical"
            android:dividerHeight="15dp"
            android:layout_marginStart="20dp"
            android:layout_marginEnd="20dp"
            android:layout_marginBottom="15dp"
            android:divider="@android:color/transparent"/>
    </LinearLayout>
</RelativeLayout>

项目

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:layout_margin="10dp">

    <ImageView
        android:id="@+id/atlas_item_image"
        android:layout_width="match_parent"
        android:layout_height="90dp"
        android:layout_gravity="center"
        android:layout_margin="15dp"/>

    <TextView
        android:id="@+id/atlas_item_text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="20sp"
        android:textStyle="bold"
        android:textColor="@android:color/holo_blue_dark"
        android:fontFamily="casual"
        android:textAlignment="center"/>

</LinearLayout>

将项目添加到 GridView 的代码是：

final GridView gridView = findViewById(R.id.atlas_list);
AtlasItemAdapter adapter = new AtlasItemAdapter(activity, atlasItems);
gridView.setAdapter(adapter);

其中 AtlasItemAdapter 是自定义 class 扩展 ArrayAdapter<AtlasItem>，覆盖 getView 方法。

您可以检查 Play Store 中的应用程序以重现该行为。

提前致谢

Answer 1

我不太清楚为什么会这样，但我会做的是：使用 RecyclerView 和 GridLayoutManager 作为 LayoutManeger。

文件如下：

layout.xml:

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

Activity.java:

RecyclerView myRecycler = findViewById(R.id.atlasList);
RecyclerView.LayoutManager mLayoutManager = new GridLayoutManager(context, 2);
myRecycler.setLayoutManager(mLayoutManager);
MyAdapter adapter = new MyAdapter(atlasList);
myRecycler.setAdapter(adapter);

Adapter.java:

class MyAdapter extends RecyclerView.Adapter<Viewholder> {
    private List<Atlas> list;
    public MyAdapter(List<Atlas> atlasList) { this.list = atlasList; }

    // needed methods of RecyclerView.Adapter class
}

向上滚动时项目覆盖

Item overlay when scroll up

android

android-gridview