Android xml layer-list not displayed correctly on some devices

I've fixed the issue. Apparently on some devices (android 4.0 and 4.1.1) the following code made all layers below the following shape to be overpainted with black color.

<item>    <shape>        <stroke            android:width="4dp"            android:color="@color/yellow_color" />    </shape></item>

I have added transparent solid color for the shape and now it works fine.

<item>    <shape>        <stroke            android:width="4dp"            android:color="@color/yellow_color" />        <solid android:color="@android:color/transparent" />    </shape></item>

So never leave shapes with border without color as some devices will paint it black!

The phones use different API levels: 16 & 17. Make sure you don't have several values directories for specific targets (e.g. values-v16 & values-v17).

Also, the items that are not displayed contain references to some drawables, so make sure the files are correct in every drawable directory for each screen dpi.

That is probably because the drawable's android:src="@drawable/dotted_bg", android:src="@drawable/dotted_bg" and android:src="@drawable/tls_bg" are too big. Find the screen density of your device and check it's corresponding resource folder (e.g. drawable-xhdpi) and make your drawable's in that folder smaller.