android控件学习之listview

listview用来展示列表数据

一、entries生成数据

 <ListView 
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:entries="@array/books" 
  android:footerDividersEnabled="false" 
    />

arrays.xml的配置

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string-array name="books">
        <item>android</item>
        <item>think in java</item>
        <item>我的未来不是梦</item>
    </string-array>
</resources>

效果显示

 

二、ArrayAdapter生成数据

布局xml的配置

<ListView android:id="@+id/list1"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content" />

android中的代码

ListView listView = (ListView) findViewById(R.id.list1);
        String teches[] = { "android", "java", "oracle" };
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
                android.R.layout.simple_list_item_1, teches);
        listView.setAdapter(adapter);

这里需要注意的是arrayadapter的第二个参数，有多少选择，这里不做深入讨论

三、继承ListActivity生成数据

public class ListView2 extends ListActivity{

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        
        String arrs[]={"aa","bb"};
        ArrayAdapter<String>adapter=new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1,arrs);
        setListAdapter(adapter);
        
        
    }
}

这里需要注意的是无需指定一个布局xml

四、SimpleAdapter生成数据

xml布局

 

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" android:layout_height="match_parent">

    <ImageView android:id="@+id/iamgeview1" android:layout_width="wrap_content" android:layout_weight="1"
        android:layout_height="wrap_content"></ImageView>

<LinearLayout android:layout_width="wrap_content" android:layout_weight="1"
        android:layout_height="wrap_content" android:orientation="vertical">
        <TextView android:id="@+id/title" android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:textSize="18sp"></TextView>
        
        <TextView android:id="@+id/content" android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:textSize="14sp" android:gravity="bottom|center_vertical"></TextView>
        
        </LinearLayout>

</LinearLayout>

android中的代码

public class ListView3 extends ListActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);

        SimpleAdapter adapter = new SimpleAdapter(this, getData(),
                R.layout.listview3, new String[] { "img", "title", "content" },
                new int[] { R.id.iamgeview1, R.id.title, R.id.content });
        this.setListAdapter(adapter);

    }

    int images[] = new int[] { R.drawable.ferrari, R.drawable.lamborghini,
            R.drawable.porsche };

    public List<Map<String, Object>> getData() {
        List<Map<String, Object>> datas = new ArrayList<Map<String, Object>>();
        for (int i = 0; i < images.length; i++) {
            Map<String, Object> map = new HashMap<String, Object>();
            map.put("img", images[i]);
            map.put("title", "superCar" + i);
            map.put("content", "superCar description" + i);
            datas.add(map);
        }
        return datas;
    }

}

效果图

由于图片比较大，造成展示的效果不是很好，姑且先如此吧

五、自定义BaseAdapter生成数据

这里需要说明的是，实际开发中，自定义baseAdapter来完成需求是很常用的，同时也是listview真正需要掌握的地方

自定义好处在于可以灵活布局

假设现在我们有一个需求，那就是给list中的每条记录添加一个button控件，并且添加事件，用之前的方式就无法满足我们的需求

对比用SimpleAdapter的方式

效果图先上

布局xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" android:layout_height="match_parent">

    <ImageView android:id="@+id/img" android:layout_width="wrap_content" 
        android:layout_height="wrap_content"></ImageView>

<LinearLayout android:layout_width="wrap_content" 
        android:layout_height="wrap_content" android:orientation="vertical">
        <TextView android:id="@+id/head" android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:textSize="18sp"></TextView>
        
        <TextView android:id="@+id/info" android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:textSize="14sp" android:gravity="bottom|center_vertical"></TextView>
        
        </LinearLayout>
        
        <Button android:id="@+id/btn" android:layout_width="wrap_content" 
        android:layout_height="wrap_content"></Button>

</LinearLayout>

    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        //datas = getData();
        MyAdapter adapter=new MyAdapter(this);
        setListAdapter(adapter);

    }

/** 自定义适配器 */
    public  class MyAdapter extends BaseAdapter {
        private LayoutInflater mInflater;

        public MyAdapter(Context context) {
            this.mInflater = LayoutInflater.from(context);

        }

        @Override
        public int getCount() {
            // TODO Auto-generated method stub
            return datas.size();
        }

        @Override
        public Object getItem(int position) {
            // TODO Auto-generated method stub
            return position;
        }

        @Override
        public long getItemId(int position) {
            // TODO Auto-generated method stub
            return position;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            // TODO Auto-generated method stub
            // convertView.setTag(tag)
            ViewHolder holder = null;
            if (null == convertView) {
                convertView = this.mInflater.inflate(R.layout.listview4, null);
                
            ImageView img=        (ImageView)convertView.findViewById(R.id.img);
            TextView info=(TextView)convertView.findViewById(R.id.info);
            TextView head=(TextView)convertView.findViewById(R.id.head);
            Button btn=(Button)convertView.findViewById(R.id.btn);
            img.setBackgroundResource(R.drawable.icon);
            info.setText("info"+position);
            head.setText("head_"+position);
            btn.setText("btn_"+position);
            final int index=position;
            btn.setOnClickListener(new OnClickListener() {
            
                @Override
                public void onClick(View v) {
                    new AlertDialog.Builder(ListView4.this).setTitle("title").setMessage("info"+index)
                    .setPositiveButton("", new DialogInterface.OnClickListener() {
                        
                        @Override
                        public void onClick(DialogInterface dialog, int which) {
                            // TODO Auto-generated method stub
                            
                        }
                    }).show();
                    
                }
            });
            
            return convertView;
        }

考虑到多次展示问题，android为我们提供了缓存机制，避免每一次都去findviewid一次