07 - 基本控件：ListView 列表

最新推荐文章于 2020-06-07 18:32:08 发布

依那

最新推荐文章于 2020-06-07 18:32:08 发布

阅读量722

点赞数

分类专栏： Android 文章标签： adapter Adapter android Android listview listView ListView

本文链接：https://blog.csdn.net/Eana_Don/article/details/8290428

版权

Android 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

转载注明出处： http://blog.csdn.net/eana_don/article/details/8290428

参考资料：《疯狂Android讲义》，官网API

列表视图是一种很常运用的的组件，以垂直的形式展示所有的列表项。创建列表视图有两种方法，一种是直接使用ListView，一种是让Activity继承ListActivity。
对于两种方法，创建ListView的方法都是一样的，而且有很多种，可根据需要选择使用哪种Adapter。

首先，基本页面的布局如下：

三个按钮分别对应三种创建ListView的方法。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" 
    android:orientation="vertical"
    android:gravity="center_horizontal">
    <LinearLayout 
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        <Button 
            android:id="@+id/btn_1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="ArrayAdapter创建列表"/>
        <Button 
            android:id="@+id/btn_2"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="SimpleAdapter创建列表"/>
        <Button 
            android:id="@+id/btn_3"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="自定义BaseAdapter创建列表"/>
    </LinearLayout>
   
    <!-- 使用ArrayAdapter包装数组 -->
    <ListView
        android:id="@+id/listview2"
        android:layout_width="fill_parent"
    	android:layout_height="wrap_content"
    	android:cacheColorHint="#00000000"
        android:fadeScrollbars="true"
        android:divider="@drawable/devider_03"
        android:listSelector="@android:color/transparent" 
        ></ListView>
     <!-- android:listSelector去除点击时产生的系统背景色 -->
	 <!-- android:cacheColorHint去除listView 按下拖动时出现的黑色背景-->
	 <!-- android:divider 设置分割线 -->
</LinearLayout>

按钮对应的监听事件如下：

private Button btn1 = null;
	private Button btn2 = null;
	private Button btn3 = null;
	ListView listview = null;
	List<Map<String, String>> adpterData = new ArrayList<Map<String,String>>();
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_list_view);
        listview = (ListView)findViewById(R.id.listview2);
        btn1 = (Button) findViewById(R.id.btn_1);
        btn1.setOnClickListener(new Btn1Listener());
        btn2 = (Button) findViewById(R.id.btn_2);
        btn2.setOnClickListener(new Btn2Listener());
        btn3 = (Button) findViewById(R.id.btn_3);
        btn3.setOnClickListener(new Btn3Listener());
        //初始化数据
        for(int i = 0 ;i < 10 ;i++){
			Map<String,String> map = new HashMap<String, String>();
			map.put("name", "用户" + i);
			map.put("id", "id:"+i);
			adpterData.add(map);
		}
    }

界面如下：

一、使用ArrayAdapter形成ListView

class Btn1Listener implements OnClickListener{

    	//ArrayAdapter创建列表
		@Override
		public void onClick(View v) {
			// TODO Auto-generated method stub
			String[] language = new String[]{
					"好",
					"哈喽",
					"开学",
					"放学",
					"下班",
			};
			ArrayAdapter<String> adapter = new ArrayAdapter<String>(
	        		ListViewActivity.this, 
	        		android.R.layout.simple_list_item_1,//使用android内带的样式
	        		language//数据来源
	        		);
	        listview.setAdapter(adapter);
		}
    	
    }

运行结果如下：

二、使用SimpleAdapter形成ListView

使用SimpleAdapter时。这里不再使用android自带的样式，因为不满足于我们的需求，所以自定义了一个列表项的样式，如下：item_with_icon_ahead.xml

<?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="horizontal" 
    android:background="#ffffff">
    <ImageView
        android:id="@+id/contact_list_icon" 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:src="@drawable/contact"
        android:layout_marginLeft="20dp"
        />
    <TextView android:id="@+id/name"
        android:layout_width="wrap_content" 
		android:layout_height="wrap_content"
		android:layout_marginLeft="10dp"
		android:textColor="#000000" 
		android:height="36dp"
		android:textSize="16sp"
		android:gravity="center_vertical"/>
   <TextView android:id="@+id/id"
        android:layout_width="fill_parent" 
		android:layout_height="fill_parent"
		android:layout_marginLeft="10dp"
		android:textColor="#000000" 
		android:height="36dp"
		android:textSize="16sp"
		android:gravity="center_vertical"/>

</LinearLayout>

而代码中的写法为：（将数据填充到列表项布局去）

class Btn2Listener implements OnClickListener{
    	//SimpleAdapter创建列表
		@Override
		public void onClick(View v) {
			// TODO Auto-generated method stub
	    	SimpleAdapter simpleAdapter = new SimpleAdapter(ListViewActivity.this
	    		//数据来源
	    		, adpterData 
	    		//列表项的样式，自定义的样式
	    		, R.layout.item_with_icon_ahead  
	    		//与下一个参数一一对应，取出数据来源中的对应名称数据填充到列表项样式中id符合的view中
	    		, new String[]{"name","id"}
	    		, new int[]{R.id.name,R.id.id});
	    	listview.setAdapter(simpleAdapter);
		}
    	
    }

运行结果如下：

三、自定义BaseAdapter形成ListView

当列表项中存在着需要我们可以点击的控件时，simpleAdapter的应用就显得不够了。这时候我们还需要一种更自由的列表项来实现我们需要的各种操作。所以我们便可以自己继承BaseAdapter，实现我们想要的效果。

列表项的布局文件：item_with_checkbox.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <ImageView
        android:id="@+id/item_with_chkbox_icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:layout_marginLeft="20dp"
        android:src="@drawable/contact" />
    
    <CheckBox
        android:id="@+id/item_with_chkbox_chkbox"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_marginRight="10dp"
        android:button="@drawable/list_checkable_item_state"
        android:visibility="gone" />
    <!-- CheckBox中使用 android:button属性可以更改样式，但是这个样式需要有两种装谈
    	这里的 @drawable/list_checkable_item_state 就是由selector形成的图片资源-->

    <TextView
        android:id="@+id/item_with_chkbox_tv_contact_name"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_marginLeft="10dp"
        android:layout_toLeftOf="@id/item_with_chkbox_chkbox"
        android:layout_toRightOf="@id/item_with_chkbox_icon"
        android:gravity="center_vertical"
        android:height="36dp"
        android:text="这里要填用户姓名的"
        android:textColor="#000000"
        android:textSize="16sp" />
    

</RelativeLayout>

在上面的布局中，我们使用的CheckBox是自定义样式的，，但是CheckBox的自定义样式不是从background来更改而是android:button，它必须有两种状态：选中与不被选中状态下的图片。所以我们使用了一个包含selector的drawable资源：list_checkable_item_state.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
	<item android:state_checked="false" 
	    android:drawable="@drawable/unchecked_cell"
	    />
	<!-- 指定失去焦点时的颜色 -->
	<item android:state_checked="true"
		android:drawable="@drawable/checked_cell"
	/>
</selector>

在代码中，则是这么写的：

class Btn3Listener implements OnClickListener{

    	//自定义BaseAdapter创建列表
		@Override
		public void onClick(View v) {
			// TODO Auto-generated method stub
			
			listview.setAdapter(new ListAdapter());
		}
    	
    }
    
    class ListAdapter extends BaseAdapter{

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

		@Override
		public Object getItem(int position) {
			// TODO Auto-generated method stub
			return adpterData.get(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
			//生成列表项的内容
			RelativeLayout layout = null;
			if(convertView==null){
				layout = (RelativeLayout)LayoutInflater.from(ListViewActivity.this).inflate(R.layout.item_with_checkbox, null);
			}else{
				layout = (RelativeLayout)convertView;
			}
			final Map <String,String> map = adpterData.get(position);
			TextView textview = (TextView)layout.findViewById(R.id.item_with_chkbox_tv_contact_name);
			textview.setText(map.get("name"));
			final CheckBox chkbox = (CheckBox)layout.findViewById(R.id.item_with_chkbox_chkbox);
			chkbox.setVisibility(View.VISIBLE);
			chkbox.setOnClickListener(new OnClickListener() {
				
				@Override
				public void onClick(View v) {
						// TODO Auto-generated method stub
					if(chkbox.isChecked()){
						Toast.makeText(ListViewActivity.this, map.get("name") + "被选中", Toast.LENGTH_SHORT).show();
					}else{
					}
				}
			});
			return layout;
		}
    	
    }

运行结果如下：

依那

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
07 - 基本控件：ListView 列表

转载注明出处：http://blog.csdn.net/eana_don/article/details/8290428参考资料：《疯狂Android讲义》，官网API列表视图是一种很常运用的的组件，以垂直的形式展示所有的列表项。创建列表视图有两种方法，一种是直接使用ListView，一种是让Activity继承ListActivity。对于两种方法，创建ListView的方法
复制链接

扫一扫