Incorrect overlay behavior in FrameLayout

Question

According to the docs, child views in FrameLayout are drawn on top of each other with the most recently added view on top. I have notice though, that this seems to not be accurate in Lollipop or later. For example, in the following xml, the button is still visible even though it should be covered by my custom view.

It is worth mentioning that although my custom view extends FrameLayout, I do inflate a child view, so my FrameLayout isn't empty.

<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/some_btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:layout_gravity="center"
        android:text="button"/>

    <mycustomframelayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#000000"/>

</FrameLayout>

Any idea what I am missing here?

Possible duplicate of [Button always displays on top in FrameLayout](http://stackoverflow.com/questions/32307245/button-always-displays-on-top-in-framelayout) — Rahul Tiwari, Oct 08 '15 at 14:17

score 15 · Accepted Answer · answered Oct 08 '15 at 14:10

15

Buttons in Lollipop and higher have a default elevation to them which causes them to always draw on top. You can change this by overriding the default StateListAnimator.

Try putting this into your button XML:

android:stateListAnimator="@null"

The FrameLayout should now cover the button.

answered Oct 08 '15 at 14:10

NoChinDeluxe

3,446
1
16
29

1

you should be answering [this question](http://stackoverflow.com/questions/32307245/button-always-displays-on-top-in-framelayout) as well – Rahul Tiwari Oct 08 '15 at 14:16
@RahulTiwari Hmm...not sure that is the same issue. – NoChinDeluxe Oct 08 '15 at 14:23
@Rahul Tiwari Trouble is that the answers provided for that question aren't satisfactory answers. – Ari Oct 09 '15 at 00:53
that's why I asked @drschultz to write an answer. – Rahul Tiwari Oct 09 '15 at 06:39
Works perfectly. – WHOATEMYNOODLES Jul 23 '19 at 03:18

score 4 · Answer 2 · answered Dec 17 '15 at 14:20

4

Try putting an elevation to the FrameCustom:

<mycustomframelayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#000000"
        android:elevation="100dp"/>

answered Dec 17 '15 at 14:20

romelapj

41
2

1

whats the default button elevation for android ? – j2emanue Jul 17 '17 at 05:11
elevation more than 5 is working fine. – Ayman Al-Absi Oct 18 '22 at 20:40

Incorrect overlay behavior in FrameLayout

2 Answers2

Linked