Gradient background does not work on some devices

Question

I use a gradient that can be used for the inner inner shadow. It works great for some devices (check the emulator), but it doesn't work on some. At first I thought that it would depend on the api level of the device, but today I check the same on a tablet with api level “16” (that is, jelly bean), and it also does not work on it.

Gradient code (for inner shadows for all four sides):

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

    <item>
        <shape android:shape="rectangle" >
        </shape>
    </item>
    <item
        android:bottom="114dip"
        android:top="0dip">
        <shape android:shape="rectangle" >
            <gradient
                android:angle="270"
                android:endColor="#00000000"
                android:startColor="#40000000" />
        </shape>
    </item>
    <item
        android:bottom="0dip"
        android:top="114dip">
        <shape android:shape="rectangle" >
            <gradient
                android:angle="90"
                android:endColor="#00000000"
                android:startColor="#40000000" />
        </shape>
    </item>
    <item
        android:left="0dip"
        android:right="114dip">
        <shape android:shape="rectangle" >
            <gradient
                android:angle="360"
                android:endColor="#00000000"
                android:startColor="#40000000" />
        </shape>
    </item>
    <item
        android:left="114dip"
        android:right="0dip">
        <shape android:shape="rectangle" >
            <gradient
                android:angle="180"
                android:endColor="#00000000"
                android:startColor="#40000000" />
        </shape>
    </item>

</layer-list>

my layout code:

 <FrameLayout
                android:id="@+id/about"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:layout_weight="1"
                android:background="@color/light_green" >

                <ImageView
                    android:id="@+id/home_icon_placeholder"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="@drawable/home_icon_placeholder" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:drawablePadding="5dp"
                    android:drawableTop="@drawable/about_icon"
                    android:gravity="center"
                    android:text="@string/about_champions_club_btn_txt"
                    android:textColor="@android:color/white"
                    android:textSize="12sp"
                    android:textStyle="bold" />
            </FrameLayout>

and uisng gradient in my code:

int sdk = android.os.Build.VERSION.SDK_INT;
        if (sdk < android.os.Build.VERSION_CODES.JELLY_BEAN) {
            placeHolderImageViewAbout.setBackgroundColor(getResources().getColor(R.color.transparent));
        } else {
//shadow background is above mention gradient
            placeHolderImageViewAbout.setBackgroundResource(R.drawable.shadow_background);
}

Answer 1

Remove this block (block of the first element) from your shadow_background.xml.

<item>
    <shape android:shape="rectangle" >
    </shape>
</item>

---

shadow_background, , ( API10 xml).
( , LinearLayout .)

FrameLayout
(Background = @color/light_green)
    LinearLayout
    (Background = @drawable/shadow_background)