Skip to content Skip to sidebar Skip to footer

Android Fly-in Menu Shadow

I have been toying with a few different libraries and code snippets for the past few days. I am trying to create a menu like the one seen in the facebook app. Now there are many li

Solution 1:

What I did is I'm putting a shadow at the right of my menu view (ie behindView) with a margin on the right of your above view :

<!-- Show shadow on the right of the menu -->
    <RelativeLayout 
        android:id="@+id/menuShadow"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:focusable="false"
        android:clickable="false"
        android:background="#00000000"
        android:layout_marginRight="40dp">
        <ImageView 
            android:layout_alignParentRight="true"
            android:layout_alignParentTop="true"
            android:layout_alignParentBottom="true"
            android:layout_width="6dp"
            android:layout_height="fill_parent"
            android:background="@layout/border_menu_progressive_shadow"/>
    </RelativeLayout>

With my shadow layout:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item>
        <shape>
            <gradient
                android:startColor="#00101010"
                android:endColor="#252525"
                android:angle="0" />
        </shape>
    </item>

</selector>

Post a Comment for "Android Fly-in Menu Shadow"