Show view out of layout border

Question

I have created custom bottom navigation view in separate layout.

What I want is to achieve this:

Instead of this (in red is the bottom navigation layout border):

Is there a tricky way to achieve this?

Answer 1

Is there a tricky way to achieve this?

Yes:

Layout scheme:

<ConstraintLayout>
    <Fragment>
    <BottomLayout>
    <Guideline>
</ConstraintLayout>

• The Guideline is horizontal & should have the same height as the BottomNavView
• Fragment has a bottom constraints to the top of the Guideline
• The CoordinatorLayout of the BottomLayout should have a transparent background in order to show the fragment on the background

The downside is that the touch events on the intersection area of the BottomLayout with the Fragment will be intercepted by the BottomLayout.