随着ScrollView的滑动，渐渐的执行动画View

今天是实现了一个小功能的东西。看看效果图：

实现方式：

1.自定义ScrollView   复写onScrollChange方法，来计算滑动的位置。

2.自定义接口，通过接口来在ScrollView中控制，滑动的高度的进度。

3.在自定义View中去执行动画。

代码实现：

1.ScrollView   最主要的代码只有计算滑动位置的代码了，其实也是很简单的，获取子View的个数，每次都去for循环，去计算字View的位置，以及当前ScrollView的top bottom

代码：

@Override

    protected void onScrollChanged(int l, int t, int oldl, int oldt) {

        super.onScrollChanged(l, t, oldl, oldt);

        int currentBottom = t + height ;

        int currentTop = t ; 

        Log.e("Slide", "onScrollChange") ;

        

        for (int i = 0; i < childCount; i++) {

            View childView = contentLayout.getChildAt(i )  ;

            if (!(childView  instanceof EasySlideInter)) {

                continue ; 

            }

            int childTop = childView.getTop() ; 

            int childBottom = childView.getBottom() ;

            int childHeight = childView.getHeight() ; 

            EasySlideInter inter = (EasySlideInter) childView ; 

            if ( currentTop > childTop && currentTop < childBottom ) {

                inter.contentSlide(countProgress(currentTop, childBottom, childHeight)); 

            }else if (currentBottom > childTop && currentBottom < childBottom ) {

                inter.contentSlide(100 - countProgress(currentBottom, childBottom, childHeight)); 

            }else if(childTop >= currentTop && childBottom <= currentBottom){

                inter.resetContent();

            }

        }

}  

通过childView的top位置与ScrollView的当前的top位置来判断是哪个子View正在慢慢的出现，计算出progress 传递给子View中去。

其实最终要的代码就是这么一段，动画的执行都在子View的接口方法中去做的。

我贴上一个子View的实现：

    

    @Override

    public void contentSlide(int progress) {

        textAnimator.setCurrentPlayTime(progress);

        backAnimator.setCurrentPlayTime(progress);

    }

    @Override

    public void resetContent() {

        textAnimator.setCurrentPlayTime(100);

        backAnimator.setCurrentPlayTime(100);

    }

    

    

    private void initAnimation(){

        textAnimator = ObjectAnimator.ofInt(text, "textColor", Color.BLUE , Color.RED); 

        textAnimator.setEvaluator(new ArgbEvaluator());

        textAnimator.setDuration(100)  ;

        textAnimator.setInterpolator(new LinearInterpolator()) ;

        

        backAnimator = ObjectAnimator.ofInt(this, "backgroundColor", Color.BLACK , Color.BLUE , Color.BLACK); 

        backAnimator.setEvaluator(new ArgbEvaluator());

        backAnimator.setDuration(100)  ;

        backAnimator.setInterpolator(new LinearInterpolator()) ;

        

}  

实现两个接口的方法，在这两个方法中，去控制动画的进度。

很简单的，不再累赘叙述了。

源码下载：

百度网盘：  http://pan.baidu.com/s/1dDtVzSt 

github地址 : https://github.com/flyme2012/EasySlide 

来自为知笔记(Wiz)

附件列表