ListView项目'滚动listView时背景混淆了

时间:2016-08-10 20:28:43

标签: java android listview android-viewholder

我试图更改标题为"不同项目"的列表视图中特定项目的背景。当我向下滚动列表时,所有项目都是'背景是正确的。当我到达列表的末尾(其中"不同的项目"是),并向上滚动时,有一些随机项目获得与"不同项目"相同的背景。我相信这是由于我使用的视图持有者模式以及android回收每个视图再次使用的事实,但我不太了解这里的问题,以及如何解决它。 这是我的 MainActivity.java

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.ListView;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        final ListView listView = (ListView)findViewById(R.id.list_view);
        listView.setAdapter(new CustomAdapter(this));
    }
}

这是我的 CustomAdapter.java

import android.content.Context;
import android.graphics.Color;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;

import java.util.ArrayList;
import java.util.List;

public class CustomAdapter extends BaseAdapter {

    private Context mContext;
    private List<String> mItems;

    public CustomAdapter(Context context) {
        mContext = context;
        mItems = new ArrayList<>();
        for (int i = 0; i < 20; i++) {
            mItems.add("Item " + i);
        }
        mItems.add("Different Item");
    }

    @Override
    public int getCount() {
        return mItems.size();
    }

    @Override
    public Object getItem(int i) {
        return mItems.get(i);
    }

    @Override
    public long getItemId(int i) {
        return i;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup viewGroup) {
        View view;
        ViewHolder viewHolder;
        TextView textView;

        if (convertView == null) {
            LayoutInflater inflater = (LayoutInflater) mContext.getSystemService(
                    Context.LAYOUT_INFLATER_SERVICE);
            view = inflater.inflate(R.layout.list_item_template, viewGroup, false);
        } else {
            view = convertView;
        }

        if (view.getTag() == null) {
            textView = (TextView)view.findViewById(R.id.items_text_view);
            viewHolder = new ViewHolder(textView);
            view.setTag(viewHolder);
        }
        else {
            viewHolder = (ViewHolder)view.getTag();
            textView = viewHolder.getTextView();
        }

        textView.setText(mItems.get(position));

        if (mItems.get(position).equals("Different Item")) {
            textView.setBackgroundColor(Color.parseColor("#DDDDDD"));
        }

        return view;
    }

    private class ViewHolder {
        private TextView mTextView;

        public ViewHolder(TextView textView) {
            this.mTextView = textView;
        }

        public TextView getTextView() {
            return this.mTextView;
        }
    }
}

这是我的 activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    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"
    android:padding="16dp">

    <ListView
        android:id="@+id/list_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"></ListView>
</RelativeLayout>

和我的 list_item_template.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              xmlns:tools="http://schemas.android.com/tools"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent">
    <TextView
        android:id="@+id/items_text_view"
        android:textSize="20sp"
        android:padding="20dp"
        tools:text="test text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

</LinearLayout>

问题的截图: 首先,当我向下滚动列表时,一切看起来都很好:

at first, it looks good

向上和向下滚动列表视图后,视图会混淆:

after scrolling it gets mixed up

2 个答案:

答案 0 :(得分:3)

在此部分之后:

 if (mItems.get(position).equals("Different Item")) {
            textView.setBackgroundColor(Color.parseColor("#DDDDDD"));
        }

你应该有这样的其他:

else
     textView.setBackgroundColor(Color.parseColor("#FFFFFF"));

它将解决您的问题。

答案 1 :(得分:1)

你的直觉是正确的。

当您在&#34;不同项目&#34;上设置背景时在某些时候,当outerObject视图离开屏幕时,视图会被回收并重新使用,并且适配器需要再次使用该视图。

它会被重复用于其他不属于&#34;不同的项目&#34;,如果你没有明确地将背景重置为默认颜色那些&#34;项目[x ]&#34;项目,您将遇到背景不一致的问题。

此外,此上下文中的innerObject语句对效果有影响。