androidscrollviewfade

making the edge of the scrollview fade when scrolling in android


I have a ScrollView with an image in it.

I want the edges of the ScrollView to make a fade effect when I scroll the image. I'm not talking about the effect you get when you get to the end of the scroll. I want the fade to always exist.

That's what i did (not doing any effect):

<ScrollView
    android:id="@+id/scrollView1"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="0.84"
    android:background="@drawable/screen_nespresso"
    android:fadingEdge="horizontal"
    android:fadingEdgeLength="@dimen/padding_large"
    android:fillViewport="false"
    android:scrollbarAlwaysDrawVerticalTrack="true"
    android:visibility="visible" >

Thanks!


Solution

  • Here is what worked for me:

    <ScrollView
        android:requiresFadingEdge="vertical"
        android:fadingEdgeLength="150dp">
    

    Or instead in your code, you could do the following:

    ScrollView scroll = findById(...);
    scroll.setVerticalFadingEdgeEnabled(true);
    // Or `scroll.setHorizontalFadingEdgeEnabled(true)`.
    scroll.setFadingEdgeLength(150);