android ListView进阶

ListView

1.在android 开发中很多时候都要用到ListView的这个控件的，但用这个控件的时候会遇到一些问题，如在ListView中有Button按钮，就需要将按钮的监听事件给分离出来，且将Button该为自己的定义的Button控件

这只是一个思路，在进行例子之前，对一些小的知识点进行一下复习：

2.API是开发中最好的老师，它对ListView的解释是：

 

3.这里就对ListView运行机制做个解释（引用别人的一段话）:

listView在开始绘制的时候，系统首先调用getCount（）函数，根据他的返回值得到listView的长度（这也是为什么在开始的第一张图特 别的标出列表长度），然后根据这个长度，调用getView（）逐一绘制每一行。如果你的getCount（）返回值是0的话，列表将不显示同样 return 1，就只显示一行。　　系统显示列表时，首先实例化一个适配器（这里将实例化自定义的适配器）。当手动完成适配时，必须手动映射数据，这需要重写 getView（）方法。系统在绘制列表的每一行的时候将调用此方法。getView()有三个参数，position表示将显示的是第几 行，covertView是从布局文件中inflate来的布局。我们用LayoutInflater的方法将定义好的vlist2.xml文件提取成 View实例用来显示。然后将xml文件中的各个组件实例化（简单的findViewById()方法）。这样便可以将数据对应到各个组件上了。但是按钮 为了响应点击事件，需要为它添加点击监听器，这样就能捕获点击事件。至此一个自定义的listView就完成了，现在让我们回过头从新审视这个过程。系统 要绘制ListView了，他首先获得要绘制的这个列表的长度，然后开始绘制第一行，怎么绘制呢？调用getView()函数。在这个函数里面首先获得一 个View（实际上是一个ViewGroup），然后再实例并设置各个组件，显示之。好了，绘制完这一行了。那 再绘制下一行，直到绘完为止。在实际的运行过程中会发现listView的每一行没有焦点了，这是因为Button抢夺了listView的焦点，只要布 局文件中将Button设置为没有焦点就OK了

4.在给按钮添加OnClickListener的时候，一开始很下意识的会想在ListView的adapter的getView方法中找到每个 Button并new一个OnClickListener分配给这个button。但是当数据量很大的时候，new出来这么多个监听器势必会对内存造成一 定的压力，而且每个Listener的功能完全一样，Listener里面所需知道的

　　所以自定一个MyOnClickListener(用了单例模式，这样就不会造成new了很多同一个对象了)

public class MyOnClickListener implements OnClickListener {

    private static MyOnClickListener instance;
    private Context context;

    public MyOnClickListener() {
    }

    public static MyOnClickListener instance() {
        if (instance == null) {

            instance = new MyOnClickListener();
        }

        return instance;
    }

    @Override
    public void onClick(View v) {
        MyButton button = (MyButton) v;
        String userID = button.getUserID();
        Toast.makeText(context, "所获得的用户ID为:" + userID, Toast.LENGTH_SHORT)
                .show();
    }

    /**
     * @return the context
     */
    public Context getContext() {
        return context;
    }

    /**
     * @param context
     *            the context to set
     */
    public void setContext(Context context) {
        this.context = context;
    }

}

5.因为要从外面获取参数别进行处理，而处理是交给MyOnClickListener的，而MyOnClickLister能获取到的就是Button了，这时就需要一个自己定的Button（MyButton）来获取到外部数据：

MyButton：

public class MyButton extends Button {

    private String userID;

    public MyButton(Context context) {
        super(context);
    }

    public MyButton(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public MyButton(Context context, AttributeSet attrs, int defstyle) {
        super(context, attrs, defstyle);
    }

    /**
     * @return the userID
     */
    public String getUserID() {
        return userID;
    }

    /**
     * @param userID
     *            the userID to set
     */
    public void setUserID(String userID) {
        this.userID = userID;
    }

}

6.主要的两个类都完成了，现在就是很普通的一些东西了

MianActivity：

public class MainActivity extends Activity {

    private ListView listView;
    private List<HashMap<String, Object>> list;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initData();
        listView = (ListView)findViewById(R.id.listView);
        MyAdapter adapter = new MyAdapter();
        listView.setAdapter(adapter);
    }

    private void initData() {
        list = new ArrayList<HashMap<String, Object>>();
        HashMap<String, Object> map1 = new HashMap<String, Object>();
        map1.put("image", R.drawable.ic_launcher);
        map1.put("userID", "1");
        HashMap<String, Object> map2 = new HashMap<String, Object>();
        map2.put("image", R.drawable.ic_launcher);
        map2.put("userID", "2");
        HashMap<String, Object> map3 = new HashMap<String, Object>();
        map3.put("image", R.drawable.ic_launcher);
        map3.put("userID", "3");
        HashMap<String, Object> map4 = new HashMap<String, Object>();
        map4.put("image", R.drawable.ic_launcher);
        map4.put("userID", "4");
        HashMap<String, Object> map5 = new HashMap<String, Object>();
        map5.put("image", R.drawable.ic_launcher);
        map5.put("userID", "5");
        list.add(map1);
        list.add(map2);
        list.add(map3);
        list.add(map4);
        list.add(map5);

    }

    public class MyAdapter extends BaseAdapter {

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

        @Override
        public Object getItem(int position) {
            return list.get(position);
        }

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

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            View view = LayoutInflater.from(MainActivity.this).inflate(
                    R.layout.item, null);
            TextView textView = (TextView) view.findViewById(R.id.userID);
            textView.setText((CharSequence) list.get(position).get("userID"));
            MyButton button = (MyButton) view.findViewById(R.id.button);
            button.setUserID((String) list.get(position).get("userID"));
            button.setOnClickListener(MyOnClickListener.instance());
            MyOnClickListener.instance().setContext(MainActivity.this);
            return view;
        }

    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

}

7.ListView中的每个item布局文件

item.xml:

<?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="match_parent"
    android:orientation="horizontal" >

    <ImageView
        android:id="@+id/image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_launcher" />

    <TextView
        android:id="@+id/userID"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="用户ID" />

    <com.example.listview.MyButton
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="显示ID" />

</LinearLayout>

MianActivity就不贴出来了，他里面就一个 ListView

运行后的效果是：

 

当点击第三个按钮的时候，弹出对应的数字：

ListView中button点击事件盖掉onItemClick解决办法在：这里可以查看到

源码下载：下载