ListView Item选择问题解决之道

 

在Android应用开发中，很多时候都会遇到这样的需求，一个listView，含有N项，当点击某项时，该项展开，显示该项中隐藏的某些控件，再点击，该项收回，重新隐藏部分控件，当一项打开状态，点击另一项，另一项展开，该项关闭。（说的有点绕，看下图）

        在去年的时候，自己的一篇文章（http://blog.csdn.net/aomandeshangxiao/article/details/6643831），里面有Item的选择问题，用的方法比较笨，要遍历一遍，把所有的item全部都设置一下，应该是很浪费资源的。还有一个问题就是，当listview的item多于一个屏幕的时候，会出现重复选择问题，就是当你选中一项滑动的时候，可能会发现滑动后出现的某项也是在选中状态，这个问题令人十分抓狂。见网上有个方法是：在adapter的getView里面不使用convertview。每一个view都是重新创建一个。能够解决问题，但是还是有点浪费资源。

 

        先看下效果图：第二项被选中

 

第四项被选中：

 

 

        这个方法也是在他人的帮助下，努力得来，分享一下!

[java] 
public class ListViewTestActivity extends Activity implements OnItemClickListener{ 
    private ListView mListView; 
    private ListAdapter mAdapter; 
    @Override 
    public void onCreate(Bundle savedInstanceState) { 
        super.onCreate(savedInstanceState); 
        setContentView(R.layout.main); 
         
        mListView = (ListView)findViewById(R.id.list); 
        mAdapter = new  ListAdapter(this); 
        mListView.setAdapter(mAdapter); 
        mListView.setOnItemClickListener(this); 
    } 
     
    @Override 
    public void onItemClick(AdapterView<?> parent, View view, int position, long id) { 
        mAdapter.changeImageVisable(view, position); 
    } 
} 

        这里应该注意到与平常的不同，onItemClick方法里面调用了自定义ListAdapter里面的自定义changeImageViewVisable方法。
看ListAdapter：

[html] 
public class ListAdapter extends BaseAdapter { 
    private Context mContext; 
    private View mLastView; 
    private int mLastPosition; 
     
    public ListAdapter(Context context) { 
        this.mContext = context; 
    } 
 
    @Override 
    public int getCount() { 
        return 8; 
    } 
 
    @Override 
    public Object getItem(int position) { 
        return null; 
    } 
 
    @Override 
    public long getItemId(int position) { 
        return 0; 
    } 
 
    @Override 
    public View getView(int position, View convertView, ViewGroup parent) { 
        Holder holder; 
        if(convertView == null ) { 
            LayoutInflater inflater = LayoutInflater.from(mContext); 
            convertView = inflater.inflate(R.layout.list_item, null); 
            holder =new Holder(); 
            holder.textView = (TextView)convertView.findViewById(R.id.textView); 
            holder.UEFAView = (ImageView)convertView.findViewById(R.id.image_uefa); 
            holder.mascotView = (ImageView)convertView.findViewById(R.id.image_mascot); 
            holder.hint = convertView.findViewById(R.id.hint_image); 
            convertView.setTag(holder); 
        } else { 
            holder = (Holder) convertView.getTag(); 
        } 
        holder.textView.setText("Hello,It is " + position); 
        return convertView; 
    } 
     
    class Holder { 
        TextView textView; 
        ImageView UEFAView; 
        ImageView mascotView; 
        View hint; 
    } 
     
    public void changeImageVisable(View view,int position) { 
        if(mLastView != null && mLastPosition != position ) { 
            Holder holder = (Holder) mLastView.getTag(); 
            switch(holder.hint.getVisibility()) { 
            case View.VISIBLE: 
                holder.hint.setVisibility(View.GONE); 
                break; 
            default : 
                break; 
            } 
        } 
        mLastPosition = position; 
        mLastView = view; 
        Holder holder = (Holder) view.getTag(); 
        switch(holder.hint.getVisibility()) { 
        case View.GONE: 
            holder.hint.setVisibility(View.VISIBLE); 
            break; 
        case View.VISIBLE: 
            holder.hint.setVisibility(View.GONE); 
            break; 
        } 
    } 
 
} 

       代码的最下端是changeImageVisable方法。（注意：在这个方法中，博客代码版本和提供下载代码版本中有细微差异，博客代码较下载代码性能更优，这也体现了Holder类的优越性，一定要好好用好Holder，应好好思考下，为什么这样写性能就更好些呢？欢迎留言讨论）。
        布局文件：

main.xml：

[html] 
<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:orientation="vertical" > 
 
    <TextView 
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content" 
        android:text="ListView Test" /> 
    <ListView  
        android:id="@+id/list" 
        android:layout_width="wrap_content" 
        android:layout_height="fill_parent" 
        ></ListView> 
 
</LinearLayout> 

list_item.xml：

[html]
<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="vertical" 
    > 
    <TextView  
        android:id="@+id/textView" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="Test" 
        android:textSize="20sp" 
        /> 
    <LinearLayout 
        android:id="@+id/hint_image" 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:orientation="horizontal" 
        android:visibility="gone"> 
        <ImageView  
            android:id="@+id/image_uefa" 
            android:layout_width="0dp" 
            android:layout_height="60dp" 
            android:layout_weight="1" 
            android:src="@drawable/uefa" 
            /> 
        <ImageView  
            android:id="@+id/image_mascot" 
            android:layout_width="0dp" 
            android:layout_height="60dp" 
            android:layout_weight="1" 
            android:src="@drawable/mascot" 
            /> 
         
    </LinearLayout> 
     
</LinearLayout> 
作者：aomandeshangxiao