android fadingedge,【教程】Android加强ScrollView的FadingEdge的实现方法

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼

开发者交流裙 188168040

今天我们来分享一下Android当中的ScrollView中常见到的一个效果:FadingEdge.

一般我们常常会在ListView当中见到这种效果，每当我们滑到屏幕底端或者顶端的

时候就会出现我们上面提到的FadingEdge(跟iOS不一样，iOS提供的是一种Spring动画，

即时弹性的，很自然，也很漂亮)，FadingEdge是Android当中独有的。我个人还是

更喜欢FadingEdge一些。尤其到了5.0以后，FadingEdge会变的特别的明显，而且

FadingEdge还会随着我们的手势的不同，起伏的形状也会发生变化(强烈建议你实际体验

以下，刷一个5.0绝对体验很棒。当然刷机的问题也可以来我们的论坛里讨论)。好了，

扯的有点远。

下面我们还是继续讨论以下ScrollView当中的FadingEdge的问题(我们以下讨论的都是

Android-L之前的ScrollView)。

在ScrollView当中，FadingEdge只会在我们的ScrollView本身具有内容且确实可以滑动

的情况下才会出现fadingEdge。具体点说，就是当我们的ScrollView本身定义的height

是100dp，但是里面的内容之后50dp。那么我们无论怎么滑动这个ScrollView当中的内容，

都不会出现FadingEdge这种效果的。除非这个ScrollView当中的Content的长度比ScrollView

的height要大一点。

但是如果我们想要在scrollView当中的Content就是比较少，没有填满ScrollView的

情况下依然出现FadingEdge的效果，我们可以在这个ScrollView的顶部或者底端加一下

Drawables(这也是我们创建自定义fadingEdge的实现方法)。

但是这样并不是最好的解决办法，因为我们家在了Drawable就会影响ScrollView的效果。

所以我们还是决定采用ScrollView当中内置的FadingEdge来实现这种效果。

我们通过继承ScrollView，然后改写里面的几个方法就可以了。

以下就是我们修改之后的结果，确实很简单，但是可以达到我们的要求。

@Override

protected float getTopFadingEdgeStrength()

{

if (getChildCount() == 0)

{

return 0.0f;

}

return 1.0f;

}

@Override

protected float getBottomFadingEdgeStrength()

{

if (getChildCount() == 0)

{

return 0.0f;

}

return 1.0f;

}

复制代码

以下就是我们修改之前的代码，我们可以看到原生的代码里会根据距离把FadingEdge的效果

减弱，这样显的更真实以下，但是不是我们希望的效果。

@Override

protected float getTopFadingEdgeStrength()

{

if (getChildCount() == 0)

{

return 0.0f;

}

final int length = getVerticalFadingEdgeLength();

if (mScrollY < length)

{

return mScrollY / (float) length;

}

return 1.0f;

}

@Override

protected float getBottomFadingEdgeStrength()

{

if (getChildCount() == 0)

{

return 0.0f;

}

final int length = getVerticalFadingEdgeLength();

final int bottomEdge = getHeight() - mPaddingBottom;

final int span = getChildAt(0).getBottom() - mScrollY - bottomEdge;

if (span < length)

{

return span / (float) length;

}

return 1.0f;

}