ListView常用方法总结
1、listview拖动变黑解决方法
在Android中,ListView是最常用的一个控件,在做UI设计的时候,很多人希望能够改变一下它的背景,使他能够符合整体的UI设计,改变背景背很简单只需要准备一张图片然后指定属性 android:background="@drawable/bg",不过不要高兴地太早,当你这么做以后,发现背景是变了,但是当你拖动,或者点击list空白位置的时候发现ListItem都变成黑色的了。
这个要从Listview的效果说起,默认的ListItem背景是透明的,而ListView的背景是固定不变的,所以在滚动条滚动的过程中如果实时地去将当前每个Item的显示内容跟背景进行混合运算,android系统为了优化这个过程用,就使用了一个叫做android:cacheColorHint的属性,在黑色主题下默认的颜色值是#191919.
如果你只是换背景的颜色的话,可以直接指定android:cacheColorHint为你所要的颜色,如果你是用图片做背景的话,那也只要将android:cacheColorHint指定为透明(#00000000)就可以了,当然为了美化是要牺牲一些效率的。最后就不回出现上面所说的你不想要的结果了。
1.、listview在拖动的时候背景图片消失变成黑色背景。等到拖动完毕我们自己的背景图片才显示出来。
2 、listview的上边和下边有黑色的阴影。
3、lsitview的每一项之间需要设置一个图片做为间隔。
针对以上问题 在listview的xml文件中设置一下语句。
问题1 有如下代码结解决 android:scrollingCache="false"
问题2 用如下代码解决:android:fadingEdge="none"
问题3 用如下代码解决: android:divider="@drawable/list_driver" 其中 @drawable/list_driver 是一个图片资源
2、自定义ListView行间的分割线
Android平台中系统控件提供了灵活的自定义选项,所有基于ListView或者说AbsListView实现的widget控件均可以通过下面的方法设置行间距的分割线,分割线可以自定义颜色、或图片。
在ListView中我们使用属性 android:divider="#FF0000" 定义分隔符为红色,当然这里值可以指向一个drawable图片对象,如果使用了图片可能高度大于系统默认的像素,可以自己设置高度比如6个像素 android:dividerHeight="6px" ,在Java中ListView也有相关方法可以设置。
属性名称 | 描述 |
android:choiceMode | 规定此ListView所使用的选择模式。缺省状态下,list没有选择模式。 属性值必须设置为下列常量之一: none,值为0,表示无选择模式; singleChoice,值为1,表示最多可以有一项被选中; multipleChoice,值为2,表示可以多项被选中。 可参看全局属性资源符号choiceMode。 |
android:divider | 规定List项目之间用某个图形或颜色来分隔。可以用"@[+] [package:]type:name"或者"?[package:][type:]name"(主题属性)的形式来指向某个已有资源;也可以用"#rgb","#argb","#rrggbb"或者"#aarrggbb"的格式来表示某个颜色。 可参看全局属性资源符号divider。 |
android:dividerHeight | 分隔符的高度。若没有指明高度,则用此分隔符固有的高度。必须为带单位的浮点数,如"14.5sp"。可用的单位如px(pixel像素),dp(density-independent pixels 与密集度无关的像素), sp(scaled pixels based on preferred font size 基于字体大小的固定比例的像素), in (inches英寸), mm (millimeters毫米)。 可以用"@[package:]type:name "或者"?[package:][type:]name"(主题属性)的格式来指向某个包含此类型值的资源。 可参看全局属性资源符号dividerHeight。 |
android:entries | 引用一个将使用在此ListView里的数组。若数组是固定的,使用此属性将比在程序中写入更为简单。 必须以"@[+][package:]type:name"或者 "?[package:][type:]name"的形式来指向某个资源。 可参看全局属性资源符号entries。 |
android:footerDividersEnabled | 设成flase时,此ListView将不会在页脚视图前画分隔符。此属性缺省值为true。 属性值必须设置为true或false。 可以用"@[package:]type:name "或者"?[package:][type:]name"(主题属性)的格式来指向某个包含此类型值的资源。 可参看全局属性资源符号footerDividersEnabled。 |
android:headerDividersEnabled | 设成flase时,此ListView将不会在页眉视图后画分隔符。此属性缺省值为true。 属性值必须设置为true或false。 可以用"@[package:]type:name "或者"?[package:][type:]name"(主题属性)的格式来指向某个包含此类型值的资源。 可参看全局属性资源符号headerDividersEnabled。 |
3、listview中的常用布局样式
android.R.layout.simple_list_item_1 一行text
android.R.layout.simple_list_item_2 --里面有两个text,一个可以当做title,一个可以当做内容
- SimpleAdapter adapter = new SimpleAdapter(this, data1,android.R.layout.simple_list_item_2,
- new String[]{"num","value"}, new int[]{android.R.id.text1,android.R.id.text2});
- listView.setAdapter(new ArrayAdapter<String>(this,
- android.R.layout.simple_list_item_single_choice, data));
- listView.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE); //单选按钮样式也可以设置为多选
- listView.setAdapter(new ArrayAdapter<String>(this,
- android.R.layout.simple_list_item_multiple_choice, data));
- listView.setChoiceMode(ListView.CHOICE_MODE_SINGLE);//多选按钮样式也可设置单选行为
- android.R.layout.simple_list_item_checked, data));
- listView.setChoiceMode(ListView.CHOICE_MODE_SINGLE);
listview的显示需要三个元素:
1.ListVeiw 用来展示列表的View。
2.适配器 用来把数据映射到ListView上的中介。
3.数据 具体的将被映射的字符串,图片,或者基本组件。
根据列表的适配器类型,列表分为三种,ArrayAdapter,SimpleAdapter和SimpleCursorAdapter
一、ArrayAdapter的listview
- private ListView listView;
- @Override
- public void onCreate(Bundle savedInstanceState){
- super.onCreate(savedInstanceState);
- listView = new ListView(this);
- //android.R.layout.simple_list_item_1是系统定义好的布局文件只显示一行文字
- listView.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_expandable_list_item_1,getData()));
- setContentView(listView);
- }
- private List<String> getData(){
- List<String> data = new ArrayList<String>();
- data.add("测试数据1");
- data.add("测试数据2");
- data.add("测试数据3");
- data.add("测试数据4");
- return data;
- }
- }
![](https://i-blog.csdnimg.cn/blog_migrate/636a15cd558b1882eedc80cc74871902.png)
二、CursorAdapter
通过游标获得数据后,在listview中显示结果。
Cursor cursor = getContentResolver().query(People.CONTENT_URI, null, null, null, null);先获得一个指向系统通讯录数据库的Cursor对象获得数据来源。
startManagingCursor(cursor);我们将获得的Cursor对象交由Activity管理,这样Cursor的生命周期和Activity便能够自动同步。
SimpleCursorAdapter 构造函数前面3个参数和ArrayAdapter是一样的,最后两个参数:一个包含数据库的列的String型数组,一个包含布局文件中对应组件id的int型数组。其作用是自动的将String型数组所表示的每一列数据映射到布局文件对应id的组件上。下面的代码,将NAME列的数据一次映射到布局文件的id为text1的组件上。
注意:需要在AndroidManifest.xml中如权限:<uses-permission android:name="android.permission.READ_CONTACTS"></uses-permission>
- <SPAN style="FONT-SIZE: 14px">public class MainActivity extends Activity {
- private ListView listView;
- @Override
- public void onCreate(Bundle savedInstanceState){
- super.onCreate(savedInstanceState);
- listView = new ListView(this);
- Cursor cursor = getContentResolver().query(People.CONTENT_URI, null,
- null, null, null);
- startManagingCursor(cursor);
- ListAdapter listAdapter = new SimpleCursorAdapter(this,
- android.R.layout.simple_expandable_list_item_1, cursor,
- new String[] { People.NAME }, new int[] { android.R.id.text1 });
- listView.setAdapter(listAdapter);
- setContentView(listView);
- }
- }</SPAN>
如果将simplecursoradapter改成这样:
- android.R.layout.simple_expandable_list_item_2, cursor,
- new String[] { People.NAME, People.NAME }, new int[] { android.R.id.text1,android.R.id.text2 });
则会显示android.R.layout.simple_expandable_list_item_2对应格式的list。
三、SimpleAdapter
SimpleAdapter可以自定义拓展listview。
使用simpleAdapter的数据用一般都是HashMap构成的List,list的每一节对应ListView的每一行。HashMap的每个键值数据映射到布局文件中对应id的组件上。因为系统没有对应的布局文件可用,我们可以自己定义一个布局vlist.xml。下面做适配,new一个SimpleAdapter参数一次是:this,布局文件,HashMap的 title 和 info,img。布局文件的组件id,title,info,img。布局文件的各组件分别映射到HashMap的各元素上,完成适配。
- <?xml version="1.0" encoding="utf-8"?>
- <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
- android:orientation="horizontal" android:layout_width="fill_parent"
- android:layout_height="fill_parent">
- <ImageView android:id="@+id/img"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_margin="5px"/>
- <LinearLayout android:orientation="vertical"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content">
- <TextView android:id="@+id/title"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:textSize="22px" />
- <TextView android:id="@+id/info"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:textSize="13px" />
- </LinearLayout>
- </LinearLayout>
- public class MainActivity extends ListActivity {
- @Override
- public void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- SimpleAdapter adapter = new SimpleAdapter(this, getData(),
- R.layout.activity_main,
- new String[] { "title", "info", "img" }, new int[] {
- R.id.title, R.id.info, R.id.img });
- setListAdapter(adapter);
- }
- private List<Map<String, Object>> getData() {
- List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();
- Map<String, Object> map = new HashMap<String, Object>();
- map.put("title", "1");
- map.put("info", " 1 ");
- map.put("img", R.drawable.ic_launcher);
- list.add(map);
- map = new HashMap<String, Object>();
- map.put("title", "2");
- map.put("info", " 2 ");
- map.put("img", R.drawable.ic_launcher);
- list.add(map);
- map = new HashMap<String, Object>();
- map.put("title", "3");
- map.put("info", " 3 ");
- map.put("img", R.drawable.ic_launcher);
- list.add(map);
- return list;
- }
- }
*使用simpleadapter我们可以显示许多自定义的复杂视图,但是按钮是无法在simpleadapter中使用的。
四、BaseAdapter
BaseAdapter是一个公共基类适配器,直接提供相关控件的数据提供。
- <SPAN style="FONT-SIZE: 14px"><?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" >
- <ImageView
- android:id="@+id/img"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_margin="5px" />
- <LinearLayout
- android:layout_width="wrap_content"
- 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="22px" />
- <TextView
- android:id="@+id/info"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:textSize="13px" />
- </LinearLayout>
- <Button
- android:id="@+id/view_btn"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_gravity="bottom|right"
- android:text="btn" />
- </LinearLayout></SPAN>
- <SPAN style="FONT-SIZE: 14px">public class MainActivity extends ListActivity {
- //通过一个list去映射数据显示在listview中
- private List<Map<String, Object>> mData;
- @Override
- public void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- mData = getData();
- MyAdapter adapter = new MyAdapter(this);
- setListAdapter(adapter);
- }
- private List<Map<String, Object>> getData() {
- List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();
- Map<String, Object> map = new HashMap<String, Object>();
- map.put("title", "1");
- map.put("info", " 1 ");
- map.put("img", R.drawable.ic_launcher);
- list.add(map);
- map = new HashMap<String, Object>();
- map.put("title", "2");
- map.put("info", " 2 ");
- map.put("img", R.drawable.ic_launcher);
- list.add(map);
- map = new HashMap<String, Object>();
- map.put("title", "3");
- map.put("info", " 3 ");
- map.put("img", R.drawable.ic_launcher);
- list.add(map);
- return list;
- }
- // ListView 中某项被选中后的逻辑
- @Override
- protected void onListItemClick(ListView l, View v, int position, long id) {
- Log.v("MyListView4-click", (String) mData.get(position).get("title"));
- }
- /**
- * listview中点击按键弹出对话框
- */
- public void showInfo() {
- new AlertDialog.Builder(this).setTitle("Btn listview")
- .setMessage("123")
- .setPositiveButton("确定", new DialogInterface.OnClickListener() {
- public void onClick(DialogInterface dialog, int which) {
- }
- }).show();
- }
- public final class ViewHolder {
- public ImageView img;
- public TextView title;
- public TextView info;
- public Button viewBtn;
- }
- public class MyAdapter extends BaseAdapter {
- private LayoutInflater mInflater;
- public MyAdapter(Context context) {
- this.mInflater = LayoutInflater.from(context);
- }
- public int getCount() {
- // TODO Auto-generated method stub
- return mData.size();
- }
- public Object getItem(int arg0) {
- // TODO Auto-generated method stub
- return null;
- }
- public long getItemId(int arg0) {
- // TODO Auto-generated method stub
- return 0;
- }
- public View getView(int position, View convertView, ViewGroup parent) {
- ViewHolder holder = null;
- if (convertView == null) {
- holder = new ViewHolder();
- convertView = mInflater.inflate(R.layout.activity_main, null);
- holder.img = (ImageView) convertView.findViewById(R.id.img);
- holder.title = (TextView) convertView.findViewById(R.id.title);
- holder.info = (TextView) convertView.findViewById(R.id.info);
- holder.viewBtn = (Button) convertView
- .findViewById(R.id.view_btn);
- convertView.setTag(holder);
- } else {
- holder = (ViewHolder) convertView.getTag();
- }
- holder.img.setBackgroundResource((Integer) mData.get(position).get(
- "img"));
- holder.title.setText((String) mData.get(position).get("title"));
- holder.info.setText((String) mData.get(position).get("info"));
- holder.viewBtn.setOnClickListener(new View.OnClickListener() {
- public void onClick(View v) {
- showInfo();
- }
- });
- return convertView;
- }
- }
- }</SPAN>
下面将对上述代码,做详细的解释,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了。
运行效果如图
五、本次要讲的是一个listview的进阶效果,主要实现的功能是,单击显示的item时,会显示出一个大图,以突出效果,即抽屉效果的ListView。效果如下所示:
其主要实现思路是:在getView的时候,动态修改布局,将选中的item添加新的View,这样就做到了点击的时候,与其他的item不同的效果。
代码如下:
- public class MainActivity extends ListActivity {
- DrawListAdapter adapter;
- int[] imgs={R.drawable.image,R.drawable.packed,R.drawable.paste,R.drawable.text,R.drawable.delete};
- String[] text={"第一抽屉","第二抽屉","第三抽屉","第四抽屉","第五抽屉"};
- int currentItem=0;
- @Override
- public void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- adapter = new DrawListAdapter(this);
- //setListAdapter和getListView方法是ListActivity的方法,分别用于设置adapter和获得一个listview
- this.setListAdapter(adapter);
- this.getListView().setOnItemClickListener(new OnItemClickListener(){
- public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
- long arg3) {
- // TODO Auto-generated method stub
- currentItem=arg2;
- //notifyDataSetChanged()可以在修改适配器绑定的数组后,不用重新刷新Activity,通知Activity更新ListView
- adapter.notifyDataSetChanged();
- }
- });
- }
- public class DrawListAdapter extends BaseAdapter{
- Activity activity;
- LayoutInflater inflater;
- public DrawListAdapter(Activity a){
- activity=a;
- inflater=activity.getLayoutInflater();
- }
- public int getCount() {
- // TODO Auto-generated method stub
- return imgs.length;
- }
- public Object getItem(int arg0) {
- // TODO Auto-generated method stub
- return null;
- }
- public long getItemId(int position) {
- // TODO Auto-generated method stub
- return position;
- }
- public View getView(int position, View convertView, ViewGroup arg2) {
- // TODO Auto-generated method stub
- LinearLayout layout=new LinearLayout(activity);
- layout.setOrientation(LinearLayout.VERTICAL);
- layout.addView(addTitleView(position));
- if(currentItem==position){
- layout.addView(addCustomView(position));
- }
- return layout;
- }
- //获取选中项的内容
- private View addCustomView(int i) {
- // TODO Auto-generated method stub
- View view=new View(activity);
- ImageView iv=new ImageView(activity);
- //根据点击的position设置相应要显示的图片
- switch (i) {
- case 0:
- iv.setImageResource(R.drawable.ic_launcher);
- view=iv;
- break;
- case 1:
- iv.setImageResource(R.drawable.ic_launcher);
- view=iv;
- break;
- case 2:
- iv.setImageResource(R.drawable.ic_launcher);
- view=iv;
- break;
- case 3:
- iv.setImageResource(R.drawable.ic_launcher);
- view=iv;
- break;
- case 4:
- iv.setImageResource(R.drawable.ic_launcher);
- view=iv;
- break;
- }
- return view;
- }
- //获取list的标题内容
- private View addTitleView(int i) {
- // TODO Auto-generated method stub
- LinearLayout layout=new LinearLayout(activity);
- layout.setOrientation(LinearLayout.HORIZONTAL);
- ImageView iv=new ImageView(activity);
- iv.setImageResource(imgs[i]);
- layout.addView(iv,new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,LinearLayout.LayoutParams.WRAP_CONTENT));
- TextView tv=new TextView(activity);
- tv.setText(text[i]);
- layout.addView(tv,new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,LinearLayout.LayoutParams.WRAP_CONTENT));
- layout.setGravity(Gravity.CENTER);
- return layout;
- }
- }
- }