ListView小知识整理：滑动背景、Item间隙等

最新推荐文章于 2021-05-27 20:12:09 发布

进击的小黑

最新推荐文章于 2021-05-27 20:12:09 发布

阅读量963

点赞数

分类专栏： android控件文章标签： ListView

android控件专栏收录该内容

35 篇文章 0 订阅

订阅专栏

在Android中，ListView是最常用的一个控件，在做UI设计的时候，很多人希望能够改变一下它的背景，使他能够符合整体的UI设计，改变背景很简单只需要准备一张图片，然后指定属性 android:background="@drawable/bg"，不过不要高兴地太早，当你这么做以后，发现背景是变了，但是当你拖动，或者点击 list空白位置的时候发现ListItem都变成黑色的了，破坏了整体效果，如下图所示:

这是为什么呢？

这个要从Listview的效果说起，默认的ListItem背景是透明的，而ListView的背景是固定不变的，所以在滚动条滚动的过程中如果实时地去将当前每个Item的显示内容跟背景进行混合运算，所以android系统为了优化这个过程用，就使用了一个叫做 android:cacheColorHint的属性，在黑色主题下默认的颜色值是#191919，所以就出现了刚才的画面，有一半是黑色的.

那怎么办呢？

如果你只是换背景的颜色的话，可以直接指定android:cacheColorHint为你所要的颜色，如果你是用图片做背景的话，那也只要将 android:cacheColorHint指定为透明（#00000000）就可以了，当然为了美化是要牺牲一些效率的。最后就不回出现上面所说的你不想要的结果了！

自定义ListView行间的分割线

在Android平台中系统控件提供了灵活的自定义选项，所有基于ListView或者说AbsListView实现的widget控件均可以通过下面的方法设置行间距的分割线，分割线可以自定义颜色、或图片。

在ListView中我们使用属性 android:divider="#FF0000" 定义分隔符为红色，当然这里值可以指向一个drawable图片对象，如果使用了图片可能高度大于系统默认的像素，可以自己设置高度比如6个像素 android:dividerHeight="6px" ，当然在Java中ListView也有相关方法可以设置。

点击Item时无背景颜色变化

在xml文件中的ListView控件中加入如下属性：

 
 android:listSelector="@drawable/timer_list_selector"

在drawable中定义timer_list_selector的属性值

timer_list_selector.xml中定义如下：

 
 <?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
<item android:state_selected="true" android:drawable="@android :color/transparent" /> 
</selector>

在values文件夹下的colors.xml中定义transparent如下：

 
 <color name="transparent">#50000000</color>

设置Item之间无间隙

在xml文件中ListView控件中加入如下属性：

 
 android:divider="#00000000"

或者在javaCode中如下定义：

 
 listView.setDividerHeight(0);

自定义的BaseAdapter中调用notifyDataSetChanged()方法会重新调用BaseAdapter的getView()方法。

listview中在设置了背景之后，会有些问题：

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 是一个图片资源

总体如下：

 
 <ListView 
android:id="@+id/myListView01" 
android:layout_width="fill_parent" 
android:layout_height="287dip" 
android:fadingEdge="none"  
android:scrollingCache="false" 
android:divider="@drawable/list_driver" 
android:background="@drawable/list"> 
</ListView>  

____________________________________________________________________________________________________________________________________________________

android ListView 的scrollState
     
1.  SCROLL_STATE_IDLE 滑动后静止
2.  SCROLL_STATE_FLING 手指离开屏幕后，惯性滑动
3.  SCROLL_STATE_TOUCH_SCROLL 手指在屏幕上滑动

一般执行顺序为：3---》2---》1

问题：ListView接收到MotionEvent.ACTION_CANCEL事件时，有可能导致无法触发SCROLL_STATE_IDLE状态。
解决方法：主动调用onScrollStateChanged触发SCROLL_STATE_IDLE状态

____________________________________________________________________________________________________________________________________________________
精确监听AbsListView滚动至底部 

  用户使用android客户端时，当ListView滚动至底部，可以由一个按钮来提示用户是否读下一页，那么如果使用GridView呢？现在很多WEB 2.0上的体验就是当底部时自动读取下一页数据，GridView(ListView也可)可以采用这种方法。网上已经有很多文章介绍了如何判断ListView是否滚动至底部，原理是 AbsListView.getLastVisiblePosition() = (AbsListView.getCount() - 1) 即到底，如果往上拖一点，用户看起来已经离开底部，但实际上 AbsListView.getLastVisiblePosition() == (AbsListView.getCount() - 1) 依然成立，会导致误判断。本文在它们基础上加以改进，做到更精确地监听是否滚动至底部。先来看看本文程序运行的效果：
 
本文在 Android入门第八篇之GridView(九宫图)基础上加入滚到事件判断，文件名为AutoLoadListener.java，原理是在AbsListView.getLastVisiblePosition() = =(AbsListView.getCount() - 1) 时，保存最后一个Item的绝对坐标，如果两次获取的绝对Y值都一样，即到底然后执行回调函数......源码如下：
 
 
  
  
   
   
    
    [java] view plaincopyprint?
   
   
  
  
  
  <span style="font-family:Comic Sans MS;">package com.testScroll;  
  
import android.util.Log;  
import android.view.View;  
import android.widget.AbsListView;  
import android.widget.Toast;  
import android.widget.AbsListView.OnScrollListener;  
/** 
 * 滚动至列表底部，读取下一页数据 
 */  
public class AutoLoadListener implements OnScrollListener{  
  
    public interface AutoLoadCallBack {  
        void execute(String url);  
    }  
  
    private int getLastVisiblePosition = 0,lastVisiblePositionY=0;  
    private AutoLoadCallBack  mCallback;  
    public AutoLoadListener(AutoLoadCallBack callback)  
    {  
        this.mCallback = callback;  
    }  
      
    public void onScrollStateChanged(AbsListView view, int scrollState) {  
  
        if (scrollState == OnScrollListener.SCROLL_STATE_IDLE) {  
            //滚动到底部  
            if (view.getLastVisiblePosition() == (view.getCount() - 1)) {  
                View v=(View) view.getChildAt(view.getChildCount()-1);  
                int[] location = new  int[2] ;  
                v.getLocationOnScreen(location);//获取在整个屏幕内的绝对坐标  
                int y=location [1];  
  
                Log.e("x"+location[0],"y"+location[1]);  
                if (view.getLastVisiblePosition()!=getLastVisiblePosition  
                        && lastVisiblePositionY!=y)//第一次拖至底部  
                {  
                    Toast.makeText(view.getContext(), "再次拖至底部，即可翻页",500).show();  
                    getLastVisiblePosition=view.getLastVisiblePosition();  
                    lastVisiblePositionY=y;  
                    return;  
                }  
                else if (view.getLastVisiblePosition()==getLastVisiblePosition  
                        && lastVisiblePositionY==y)//第二次拖至底部  
                {  
                    mCallback.execute(">>>>>拖至底部");  
                }  
            }  
              
            //未滚动到底部，第二次拖至底部都初始化  
            getLastVisiblePosition=0;     
            lastVisiblePositionY=0;  
        }  
    }  
  
    public void onScroll(AbsListView arg0, int arg1, int arg2, int arg3) {  
          
    }  
}  
</span>  
 
 
主程序为testScroll.java，源码如下：
 
 
  
  
   
   
    
    [java] view plaincopyprint?
   
   
  
  
  
  <span style="font-family:Comic Sans MS;">package com.testScroll;  
  
import java.util.ArrayList;  
import java.util.HashMap;  
  
import com.testScroll.AutoLoadListener.AutoLoadCallBack;  
  
  
import android.app.Activity;  
import android.os.Bundle;  
import android.view.View;  
import android.widget.AdapterView;  
import android.widget.AdapterView.OnItemClickListener;  
import android.widget.GridView;  
import android.widget.SimpleAdapter;  
import android.widget.Toast;  
  
public class testScroll extends Activity {  
    /** Called when the activity is first created. */  
    @Override  
    public void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.main);  
        setTitle("精确监听AbsListView滚动至底部----hellogv");  
        GridView gridview = (GridView) findViewById(R.id.gridview);  
  
        // 生成动态数组，并且转入数据  
        ArrayList<HashMap<String, Object>> lstImageItem = new ArrayList<HashMap<String, Object>>();  
        for (int i = 0; i < 30; i++) {  
            HashMap<String, Object> map = new HashMap<String, Object>();  
            map.put("ItemImage", R.drawable.icon);// 添加图像资源的ID  
            map.put("ItemText", "NO." + String.valueOf(i));// 按序号做ItemText  
            lstImageItem.add(map);  
        }  
        // 生成适配器的ImageItem <====> 动态数组的元素，两者一一对应  
        SimpleAdapter saImageItems = new SimpleAdapter(this, // 没什么解释  
                lstImageItem,// 数据来源  
                R.layout.night_item,// night_item的XML实现  
  
                // 动态数组与ImageItem对应的子项  
                new String[] { "ItemImage", "ItemText" },  
  
                // ImageItem的XML文件里面的一个ImageView,两个TextView ID  
                new int[] { R.id.ItemImage, R.id.ItemText });  
           
        //添加自动读页的事件  
        AutoLoadListener autoLoadListener =new AutoLoadListener(callBack);  
        gridview.setOnScrollListener(autoLoadListener);  
        // 添加并且显示  
        gridview.setAdapter(saImageItems);  
        // 添加消息处理  
        gridview.setOnItemClickListener(new ItemClickListener());  
    }  
  
    AutoLoadCallBack callBack=new AutoLoadCallBack(){  
  
        public void execute(String url) {  
            Toast.makeText(testScroll.this, url, 500).show();  
        }  
          
    };  
    // 当AdapterView被单击(触摸屏或者键盘)，则返回的Item单击事件  
    class ItemClickListener implements OnItemClickListener {  
        public void onItemClick(AdapterView<?> arg0,// The AdapterView where the  
                                                    // click happened  
                View arg1,// The view within the AdapterView that was clicked  
                int arg2,// The position of the view in the adapter  
                long arg3// The row id of the item that was clicked  
        ) {  
            // 在本例中arg2=arg3  
            HashMap<String, Object> item = (HashMap<String, Object>) arg0  
                    .getItemAtPosition(arg2);  
            // 显示所选Item的ItemText  
            setTitle((String) item.get("ItemText"));  
        }  
  
    }  
}  
</span>