向上滚动时项目叠加

时间:2018-10-15 15:22:07

标签: android android-gridview

我已经开发了一个android应用,并且在一个屏幕中有一个gridview,其中有逐行的两个项目。

每个项目都由下面带有文字的图像合成。

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

Layout when the scrren is loaded

Layout when the user scroll up

这是元素的代码:

布局

<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是扩展ArrayAdapter<AtlasItem>的自定义类,覆盖了getView方法。

您可以在Play Store中检查该应用,以重现该行为。

提前谢谢

1 个答案:

答案 0 :(得分:0)

我不太确定为什么会发生这种情况,但我要做的是:将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
}