ListView中重写overScrollBy()方法 实现拉出回弹结果

Stella981
• 阅读 878

第一项目组  道理解析
IOS上的bounce功能给人的感触感染很爽,当一个可以迁移转变的区域被拖到鸿沟时,它容许用户将内容拖过界,甩手后再弹回来,以一种很是棒的体式格式提示了用户鸿沟的存在,是IOS的一大特点。android2.3新增了overscroll功能,听名字就知道应当是bounce功能的翻版,但也许是出于专利方面的推敲,google的默认实现跟IOS有所不合,它只是在list拖到鸿沟处时做了一个发光的动画,小我感觉体验比IOS差远了。并且这个的发光在黑色靠山下固然结果不错,在其它靠山下可就难说了,是以很多人想要关掉它。

日前google上搜刮“android overscroll”,对此结果的先允很多,但关于其具体应用体式格式和实现,则很少涉及,偶有说起,也经常答非所问或貌同实异,反而误导了别人。于是我查阅了android相干源码,并做了一些测试,在此讲讲我的懂得。

起首是overscroll功能本身,在最顶层的View类供给了支撑,可经由过程setOverScrollMode函数把握其呈现前提。但其实View中并没有实现overscroll功能,它仅仅供给了一个帮助函数overScrollBy,该函数按照overScrollMode和内容是否须要迁移转变把握最大迁移转变局限,最后将策画成果传给onOverScrolled实现具体的overscroll功能,但此函数在View类中是全空的。

overscroll功能真正的实现分别在ScrollView、AbsListView、HorizontalScrollView和WebView中各有一份,代码根蒂根基一样。以ScrollView为例,它在处理惩罚笔点移动消息时调用overScrollBy来迁移转变视图,然后重载了overScrollBy函数来实现具体功能,其地位策画经由过程OverScroller类实现。OverScroller作为一个策画引擎,应当是一个自力的模块,具体迁移转变结果和局限都不成能经由过程它来设置,我感觉没有须要细看。但迁移转变地位终极是它给出的,那相干数据必然要传递给它,回头看overScrollBy函数,它有两个把握overScroll出界局限的参数,几个实现里面都是取自ViewConfiguration.getScaledOverscrollDistance,而这个参数的值在我的源码中都是0,并且我没找到任何可以影响其成果的设置。

真悲催,绕了半天,android的默认实现里面底子没有给出overscroll功能,它只是供给了实现机制,要想用起来还得应用法度本身显式重写相干控件,估计还有一层隐含的意思,法令风险自大。在我的体系中一试,果真一个像素都不克不及拉出界。但那个闪光是怎么回事呢?

在处理惩罚笔点消息处,overScrollBy后面不远处有一段mEdgeGlowTop的操纵代码,看名字就像,用它一搜,相干机制就全熟悉打听了。mEdgeGlowTop在setOverScrollMode函数时创建,它应用的都是体系中固有的,甚至不克不及经由过程theme改变。它的实现道理也很简单,仅仅是两张png的合成,经由过程透明度的变更建造闪光的结果。更无语的是它既不克不及被应用法度接见,也不受任何把握,要封闭它的独一办法是setOverScrollMode(View.OVER_SCROLL_NEVER)。不然就重写onTouchEvent函数吧,想干啥都可以,只是得本身做。

谈到overScroll,很多文章都提到了ListView的setOverscrollHeader和setOverscrollFooter,很多人想经由过程这个来把握那个闪光结果。这两玩意不单可以经由过程函数设置,也可以在xml中指定,相当便利。但最后很多人发明没有任何感化,百思不得其解。其实这两张是用来作为overScroll拖过界时的靠山的,默认体系不克不及拖过界,天然永远都看不到,有些定制的体系中能拖出界几个像素,但也很丢脸清。

第二项目组  代码实现

  1. 在View中增长了overSrollBy办法,用于记录x, y 轴上迁移转变。

  2. 在AbsListView的onTouchEvent中断定是否达到鸿沟(顶部 或 底部) ,然后调用view.overScrollBy ,传入 mScrollY等参数

  3. overScrollBy 终极赋值给View的mScrollX, mScrollY 两个变量

  4. 在AbsListView中调用完overScrollBy之后,调用invalidate重绘

自定义ListView

public class BounceListView extends ListView{
    private static final int MAX_Y_OVERSCROLL_DISTANCE = 200;
     
    private Context mContext;
    private int mMaxYOverscrollDistance;
     
    public BounceListView(Context context){
        super(context);
        mContext = context;
        initBounceListView();
    }
     
    public BounceListView(Context context, AttributeSet attrs){
        super(context, attrs);
        mContext = context;
        initBounceListView();
    }
     
    public BounceListView(Context context, AttributeSet attrs, int defStyle){
        super(context, attrs, defStyle);
        mContext = context;
        initBounceListView();
    }
     
    private void initBounceListView(){
        //get the density of the screen and do some maths with it on the max overscroll distance
        //variable so that you get similar behaviors no matter what the screen size
         
        final DisplayMetrics metrics = mContext.getResources().getDisplayMetrics();
        final float density = metrics.density;
         
        mMaxYOverscrollDistance = (int) (density * MAX_Y_OVERSCROLL_DISTANCE);
    }
     
    @Override
    protected boolean overScrollBy(int deltaX, int deltaY, int scrollX, int scrollY, int scrollRangeX, int scrollRangeY, int maxOverScrollX, int maxOverScrollY, boolean isTouchEvent){ 
        //This is where the magic happens, we have replaced the incoming maxOverScrollY with our own custom variable mMaxYOverscrollDistance; 
        return super.overScrollBy(deltaX, deltaY, scrollX, scrollY, scrollRangeX, scrollRangeY, maxOverScrollX, mMaxYOverscrollDistance, isTouchEvent);  
    }
     
}


    public class MainActivity extends Activity {  
      
        @Override  
        public void onCreate(Bundle savedInstanceState) {  
            super.onCreate(savedInstanceState);  
              
            LinearLayout linearLayout = new LinearLayout(this);  
            linearLayout.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));  
              
            setContentView(linearLayout);  
              
              
            BounceListView bounceListView = new BounceListView(this);  
              
            String[] data = new String[30];  
            for (int i = 0; i < data.length; i++) {  
                data[i] = "回弹结果 " + i;  
            }  
              
            ArrayAdapter<String> arrayAdapter =   
                    new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1, data);  
              
            bounceListView.setAdapter(arrayAdapter);  
              
            linearLayout.addView(bounceListView);  
        }  
          
          
          
    }
点赞
收藏
评论区
推荐文章
blmius blmius
3年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
待兔 待兔
4个月前
手写Java HashMap源码
HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22
Jacquelyn38 Jacquelyn38
3年前
2020年前端实用代码段,为你的工作保驾护航
有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )
Stella981 Stella981
3年前
PhoneGap设置Icon
参考:http://cordova.apache.org/docs/en/latest/config\_ref/images.html通过config.xml中的<icon标签来设置Icon<iconsrc"res/ios/icon.png"platform"ios"width"57"height"57"densi
Stella981 Stella981
3年前
JS 苹果手机日期显示NaN问题
问题描述newDate("2019122910:30:00")在IOS下显示为NaN原因分析带的日期IOS下存在兼容问题解决方法字符串替换letdateStr"2019122910:30:00";datedateStr.repl
Easter79 Easter79
3年前
Twitter的分布式自增ID算法snowflake (Java版)
概述分布式系统中,有一些需要使用全局唯一ID的场景,这种时候为了防止ID冲突可以使用36位的UUID,但是UUID有一些缺点,首先他相对比较长,另外UUID一般是无序的。有些时候我们希望能使用一种简单一些的ID,并且希望ID能够按照时间有序生成。而twitter的snowflake解决了这种需求,最初Twitter把存储系统从MySQL迁移
Wesley13 Wesley13
3年前
mysql设置时区
mysql设置时区mysql\_query("SETtime\_zone'8:00'")ordie('时区设置失败,请联系管理员!');中国在东8区所以加8方法二:selectcount(user\_id)asdevice,CONVERT\_TZ(FROM\_UNIXTIME(reg\_time),'08:00','0
Wesley13 Wesley13
3年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
Python进阶者 Python进阶者
10个月前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这