Android 滚动时，带有ImageView位置的Listview会出错

我有一个有12行的列表视图。每行项目包含一个ImageView和两个TextView。ImageView的可见性都设置为不可见。单击行时，我会将ImageView的可见性更改为可见

因此，我点击第一行，它的ImageView变得可见，这很好。但是，当我滚动ListView时，我发现其他行的ImageView也变得可见。我做了很多搜索，发现这是因为我使用了ViewHolder模式，所以循环使用了视图

我已经查看了以下链接

但是我没有能够在我的代码中实现它。我真的不知道该怎么做。下面是我的相关代码

listview\u item.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_gravity="center"
    android:gravity="center_vertical"
    android:background="@color/frame_background"
    android:padding="5dp"
    >

    <!-- the innner view - provides the white rectangle -->
    <RelativeLayout android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/frame" >

        <!-- the icon view -->
        <ImageView android:id="@+id/ivIcon"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="5dp"
            android:scaleType="fitXY"
            android:layout_alignParentLeft="true"
            android:visibility="invisible"
            />

        <!-- the container view for the title and description -->
        <RelativeLayout android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@id/ivIcon"
            android:layout_centerVertical="true"
            >

            <!-- the title view -->
            <TextView android:id="@+id/tvTitle"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textAppearance="@android:style/TextAppearance.Medium" />

            <!-- the description view -->
            <TextView android:id="@+id/tvDescription"
                android:layout_below="@id/tvTitle"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textAppearance="@android:style/TextAppearance.Small" />
        </RelativeLayout>

    </RelativeLayout>

</RelativeLayout>

ListViewDemoAdapter.java

public class ListViewItem {

    public final String title;        // the text for the ListView item title
    public final String description;  // the text for the ListView item description
    public final int drawableRef; //Ref to drawable so Picassco can load it
    public boolean visible;

    public ListViewItem(int drawableRef, String title, String description) {
        this.drawableRef=drawableRef;
        this.title = title;
        this.description = description;
    }

    public void setVisible(boolean value)
    {
        visible = value;
    }

    public boolean getVisible()
    {
        return visible;
    }
}

public class ListViewDemoAdapter extends ArrayAdapter<ListViewItem> {


    public ListViewDemoAdapter(Context context, List<ListViewItem> items) {
        super(context, R.layout.listview_item,items);
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder viewHolder;

        if(convertView == null) {
            // inflate the GridView item layout
            LayoutInflater inflater = LayoutInflater.from(getContext());
            convertView = inflater.inflate(R.layout.listview_item, parent, false);

            // initialize the view holder
            viewHolder = new ViewHolder();
            viewHolder.ivIcon = (ImageView) convertView.findViewById(R.id.ivIcon);
            //viewHolder.ivIcon.setVisibility(View.INVISIBLE);
            viewHolder.tvTitle = (TextView) convertView.findViewById(R.id.tvTitle);
            viewHolder.tvDescription = (TextView) convertView.findViewById(R.id.tvDescription);
            convertView.setTag(viewHolder);
        } else {
            // recycle the already inflated view
            viewHolder = (ViewHolder) convertView.getTag();
        }

        if(position==ListViewDemoFragment.getSelectedPosition())
        {
            viewHolder.ivIcon.setVisibility(View.VISIBLE);
        }
        // update the item view
        ListViewItem item = getItem(position);
        //viewHolder.ivIcon.setImageDrawable(item.icon);
        Picasso.with(getContext()).load(item.drawableRef).into(viewHolder.ivIcon);
        viewHolder.tvTitle.setText(item.title);
        viewHolder.tvDescription.setText(item.description);


        return convertView;
    }

    private static class ViewHolder {
        ImageView ivIcon;
        TextView tvTitle;
        TextView tvDescription;
    }
}

public class ListViewDemoFragment extends ListFragment {

    private static List<ListViewItem> mItems;        // ListView items list
    private static int mSelectedItem=-1;
    private static ListViewDemoAdapter adapter;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        // initialize the items list
        mItems = new ArrayList<ListViewItem>();
        Resources resources = getResources();

        mItems.add(new ListViewItem(R.drawable.harley1, "TITLE 1", "DESCRIPTION 1"));
        mItems.add(new ListViewItem(R.drawable.harley2, "TITLE 2", "DESCRIPTION 2"));
        mItems.add(new ListViewItem(R.drawable.harley3, "TITLE 3", "DESCRIPTION 3"));

        mItems.add(new ListViewItem(R.drawable.harley4, "TITLE 4", "DESCRIPTION 4"));
        mItems.add(new ListViewItem(R.drawable.harley5, "TITLE 5", "DESCRIPTION 5"));
        mItems.add(new ListViewItem(R.drawable.harley6, "TITLE 6", "DESCRIPTION 6"));

        mItems.add(new ListViewItem(R.drawable.harley7, "TITLE 7", "DESCRIPTION 7"));
        mItems.add(new ListViewItem(R.drawable.harley8, "TITLE 8", "DESCRIPTION 8"));
        mItems.add(new ListViewItem(R.drawable.harley9, "TITLE 9", "DESCRIPTION 9"));

        mItems.add(new ListViewItem(R.drawable.harley10, "TITLE 10", "DESCRIPTION 10"));
        mItems.add(new ListViewItem(R.drawable.harley11, "TITLE 11", "DESCRIPTION 11"));
        mItems.add(new ListViewItem(R.drawable.harley12, "TITLE 12", "DESCRIPTION 12"));

        // initialize and set the list adapter

        adapter = new ListViewDemoAdapter(getActivity(), mItems);
        setListAdapter(adapter);
    }

    @Override
    public void onViewCreated(View view, Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
        // remove the dividers from the ListView of the ListFragment
        getListView().setDivider(null);
    }

    @Override
    public void onListItemClick(ListView l, View v, int position, long id) {
        // retrieve theListView item
        ListViewItem item = mItems.get(position);
        mSelectedItem = position;
        adapter.notifyDataSetChanged();
        // do something
        Toast.makeText(getActivity(), item.title, Toast.LENGTH_SHORT).show();
    }

    public static int getSelectedPosition()
    {
        return mSelectedItem;
    }

    public static List<ListViewItem> getList()
    {
        return mItems;
    }

    public static ListViewDemoAdapter getAdapter()
    {
        return adapter;
    }

}

ListViewDemoFragment onClick方法更改

public void onListItemClick(ListView l, View v, int position, long id) {
    // retrieve theListView item
    ListViewItem item = mItems.get(position);
    mSelectedItem = position;

    item.setVisible(true);
    adapter.notifyDataSetChanged();
    // do something
    Toast.makeText(getActivity(), item.title, Toast.LENGTH_SHORT).show();
}

else {
            // recycle the already inflated view
            viewHolder = (ViewHolder) convertView.getTag();
        }

        ListViewItem item = getItem(position);
        if(position==ListViewDemoFragment.getSelectedPosition())
        {
            if(item.getVisible()==true) {
                viewHolder.ivIcon.setVisibility(View.VISIBLE);
            }
        }
        // update the item view

        //viewHolder.ivIcon.setImageDrawable(item.icon);
        Picasso.with(getContext()).load(item.drawableRef).into(viewHolder.ivIcon);
        viewHolder.tvTitle.setText(item.title);
        viewHolder.tvDescription.setText(item.description);


        return convertView;

getView（）函数更改

public void onListItemClick(ListView l, View v, int position, long id) {
    // retrieve theListView item
    ListViewItem item = mItems.get(position);
    mSelectedItem = position;

    item.setVisible(true);
    adapter.notifyDataSetChanged();
    // do something
    Toast.makeText(getActivity(), item.title, Toast.LENGTH_SHORT).show();
}

else {
            // recycle the already inflated view
            viewHolder = (ViewHolder) convertView.getTag();
        }

        ListViewItem item = getItem(position);
        if(position==ListViewDemoFragment.getSelectedPosition())
        {
            if(item.getVisible()==true) {
                viewHolder.ivIcon.setVisibility(View.VISIBLE);
            }
        }
        // update the item view

        //viewHolder.ivIcon.setImageDrawable(item.icon);
        Picasso.with(getContext()).load(item.drawableRef).into(viewHolder.ivIcon);
        viewHolder.tvTitle.setText(item.title);
        viewHolder.tvDescription.setText(item.description);


        return convertView;

---

由于您有一个可见的

布尔值

来记录状态，因此无需执行以下操作：

if(position==ListViewDemoFragment.getSelectedPosition())
    {
        if(item.getVisible()==true) {
            viewHolder.ivIcon.setVisibility(View.VISIBLE);
        }
    }

只需让数据确定

ImageView

的可见性即可。将下面的代码写入getView

ListViewItem item = getItem(position);
if (item.getVisible()) {
    viewHolder.ivIcon.setVisibility(View.VISIBLE);
} else {
    viewHolder.ivIcon.setVisibility(View.INVISIBLE);
}

---

您是否希望已设置为“可见”的图像在从屏幕上滚下然后重新打开后保持可见？@steve Yes，我希望图像在被单击后保持可见，无论它们在屏幕上的位置如何。我会向您的

ListViewItem

添加一个类似

boolean imageVisibile=false

的属性，当单击某个项目时，您可以将其更改为

true

。然后，在适配器的

getView

方法中，您可以检查属性并切换

ImageView

的可见性。您需要获取所单击视图的索引，检索该索引处的

ListViewItem

，然后将

imageVisible

属性切换为

true

。不幸的是，我没有时间模拟代码。@steve我做了你建议的更改，但仍然遇到同样的问题。我编辑了我的帖子，这样你就可以看到我做了什么。哇，这真是太棒了。我完全忘记了设置其他项目也不可见。我制作的这个ListView是我想在工作中做的一个简化版本（我必须通过OnProgressUpdate更新ListView中ImageView的可见性）。希望我能遵循这一点，并在那里应用类似的东西。谢谢。