Button On Activity Showing Over Fragment

Question

I have a fragment that needs to be displayed over the activity but the button in the activity keeps showing up over the fragment.I need the fragment to completely overlap the activity.

The xml of the activity.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="@color/colorPrimary"
    android:minHeight="?attr/actionBarSize"
    app:navigationIcon="@drawable/ic_close_black_24dp"
    app:popupTheme="@style/Theme.AppCompat.NoActionBar"
    app:titleTextColor="@color/toolbarTextColor" />

<android.support.design.widget.TextInputLayout

    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <EditText
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:inputType="textMultiLine"
        android:lines="3"
        android:maxLines="10"
        android:scrollbars="vertical" />


</android.support.design.widget.TextInputLayout>

</LinearLayout>

The fragment

    <?xml version="1.0" encoding="utf-8"?>
    <FrameLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent" 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@color/colorPrimary"
        android:minHeight="?attr/actionBarSize"
        app:navigationIcon="@drawable/ic_close_black_24dp"
        app:popupTheme="@style/Theme.AppCompat.NoActionBar"
        app:titleTextColor="@color/toolbarTextColor" />

    <TextView
        android:id="@+id/firstnameTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="@dimen/activity_horizontal_margin"
       />

    <TextView
        android:id="@+id/lastnameTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="@dimen/activity_horizontal_margin"
       />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"

        android:text="Chat" />

    <fragment
        android:id="@+id/fragment_chat"
        android:name="user.InitiateChat_Fragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</FrameLayout>

private void init() {
    final FragmentManager fragmentManager = getSupportFragmentManager();
    fragment = fragmentManager.findFragmentById(R.id.fragment_chat);
    final FragmentTransaction fragmentTransaction = getSupportFragmentManager().beginTransaction();
    fragmentTransaction.hide(fragment);
    fragmentTransaction.commit();
}

public void showChatForm() {
    showHideFragment(fragment);
}

private void showHideFragment(final Fragment fragment) {

    final FragmentTransaction fragTransaction = getSupportFragmentManager().beginTransaction();
    fragTransaction.setCustomAnimations(R.anim.fragment_slide_from_bottom, R.anim.fragment_slide_to_bottom);

    if (fragment.isHidden()) {
        fragTransaction.show(fragment);
    } else {
        fragTransaction.hide(fragment);
    }
    fragTransaction.commit();
}

The init code is called on activity create.Fragment is a global variable.

Please replace the layout for activity with framelayout and add the fragments as you wish with add() or replace(). The activity should only contains the container for holding the fragments. — Alvin Varghese, Feb 17 '17 at 09:40
@JudeFernandes try to swap fragment and button. Fragment above Button. Just try that — Zaki Pathan, Feb 17 '17 at 09:44
post the code where u are replacing the fragment..and which button is overlapping? — rafsanahmad007, Feb 17 '17 at 09:48
in above code fragment is binded to an activity. so @JudeFernandes you have to manage this at your layout only. If you are assuming that fragment and activity are two different thing that you have implement in this code. Its not there. This is like you added to layouts to a same activity. — Ankush Bist, Feb 17 '17 at 09:54
@AnkushBist could you provide some code that could help me achieve the same. — Jude Fernandes, Feb 17 '17 at 09:57
what you actullay trying to achieve? mean fragment in same activity at same time or fragment on some task performing in activity? — Ankush Bist, Feb 17 '17 at 09:59
@AnkushBist when the user clicks on the chat button a form pops up which allows him to fill in details and submit it and on submit it closes. — Jude Fernandes, Feb 17 '17 at 10:05
then its better to launch a new activity there and use startActivityForResult. this will return you the result from the activity too. Try searching for this. — Ankush Bist, Feb 17 '17 at 10:07

score 13 · Answer 1 · answered Mar 12 '18 at 17:01

13

Your Button is visible because is has a default elevation of 2dp when using a Material Design Theme. You should give the layout above the button an elevation with 2 or more dp. This will make the button disappear behind the fragment layout in your case.

   android:elevation="2dp"

answered Mar 12 '18 at 17:01

Christian D

455
6
9

This is the only correct way to solve it, thank you – Maksim Novikov Jul 19 '20 at 16:04
This was the most accurate, simple, and clear answer. This fixed my issue too! thank you! – 1QuickQuestion Oct 19 '20 at 03:44
This just solved my issue as well. Perfect response – UnknownError Jan 08 '21 at 14:57

score 1 · Accepted Answer · answered Feb 17 '17 at 10:23

Try this:

<fragment
    android:id="@+id/fragment_chat"
    android:name="user.InitiateChat_Fragment"
    android:layout_width="match_parent"
    android:background="?android:attr/colorBackground"   //add this
    android:layout_height="match_parent" />

2nd Way

Create a layout in your fragment and hide it's visibility during showing the fragment

    <?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@color/colorPrimary"
        android:minHeight="?attr/actionBarSize"
        app:navigationIcon="@drawable/ic_close_black_24dp"
        app:popupTheme="@style/Theme.AppCompat.NoActionBar"
        app:titleTextColor="@color/toolbarTextColor" />

    <LinearLayout
        android:id="@+id/activity_button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <TextView
            android:id="@+id/firstnameTextView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="@dimen/activity_horizontal_margin" />

        <TextView
            android:id="@+id/lastnameTextView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="@dimen/activity_horizontal_margin" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"

            android:text="Chat" />

    </LinearLayout>

    <fragment
        android:id="@+id/fragment_chat"
        android:name="user.InitiateChat_Fragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</FrameLayout>

Now in your code:

  private void showHideFragment(final Fragment fragment) {

    final FragmentTransaction fragTransaction = getSupportFragmentManager().beginTransaction();
    fragTransaction.setCustomAnimations(R.anim.fragment_slide_from_bottom, R.anim.fragment_slide_to_bottom);

    if (fragment.isHidden()) {
        fragTransaction.show(fragment); //show fragment
        layout.setVisibility(View.GONE);  //hide Linearlayout
    } else {
        fragTransaction.hide(fragment);
    }
    fragTransaction.commit();
}

Where LinearLayout layout =(LinearLayout)findViewById(R.id.activity_button);

Somehow that seemed to work , i just added the xml part and that was good to go. — Jude Fernandes, Feb 17 '17 at 10:41

score 0 · Answer 3 · answered Feb 17 '17 at 09:54

0

Try adding background color to your fragment like this

<?xml version="1.0" encoding="utf-8"?>
    <FrameLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent" 
    android:background="#ffffff" /* Add any color you want */
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools">

answered Feb 17 '17 at 09:54

Sarang

61
1
6

that did not work,the button still shows up over the fragment – Jude Fernandes Feb 17 '17 at 09:58
This will not make any difference – UnknownError Jan 08 '21 at 14:58

Button On Activity Showing Over Fragment

3 Answers3