BottomSheetDialogFragment in Android

BottomSheetDialogFragment

Bottom Sheet Fragment can be implemented by extending BottomSheetDialogFragment

Implementation

Add Dependency

    implementation 'com.google.android.material:material:1.0.0'

1	implementation 'com.google.android.material:material:1.0.0'

Create Bottom Sheet layout

<?xml version="1.0" encoding="utf-8"?>
<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=".BottomSheetFragment">

    <!-- TODO: Update blank fragment layout -->
    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="@string/bottom_sheet_fragment" />

</FrameLayout>

<?xml version="1.0" encoding="utf-8"?>

<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=".BottomSheetFragment">

<TextView

android:layout_width="match_parent"

android:layout_height="match_parent"

android:text="@string/bottom_sheet_fragment" />

</FrameLayout>

BottomSheetFragment class

package com.example.bottomsheetfragment;

import android.os.Bundle;

import androidx.fragment.app.Fragment;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import com.google.android.material.bottomsheet.BottomSheetDialogFragment;

public class BottomSheetFragent extends BottomSheetDialogFragment {


    public BottomSheetFragment() {
        // Required empty public constructor
    }



    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

    }

    @Override
    public View onCreateView(LayoutInflater inflater , ViewGroup container ,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        return inflater.inflate(R.layout.fragment_bottom_sheet , container , false);
    }
}

package com.example.bottomsheetfragment;

import android.os.Bundle;

import androidx.fragment.app.Fragment;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import com.google.android.material.bottomsheet.BottomSheetDialogFragment;

public class BottomSheetFragent extends BottomSheetDialogFragment {

public BottomSheetFragment() {

// Required empty public constructor

}

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

}

@Override

public View onCreateView(LayoutInflater inflater , ViewGroup container ,

Bundle savedInstanceState) {

// Inflate the layout for this fragment

return inflater.inflate(R.layout.fragment_bottom_sheet , container , false);

}

MainActivity layout

<?xml version="1.0" encoding="utf-8"?>
<androidx.appcompat.widget.LinearLayoutCompat 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:orientation="vertical"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

<androidx.appcompat.widget.AppCompatButton
    android:layout_width="match_parent"
    android:text="@string/app_name"
    android:id="@+id/btm_frag"
    android:layout_height="wrap_content"/>

</androidx.appcompat.widget.LinearLayoutCompat>

<?xml version="1.0" encoding="utf-8"?>

<androidx.appcompat.widget.LinearLayoutCompat 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:orientation="vertical"

android:layout_height="match_parent"

tools:context=".MainActivity">

<androidx.appcompat.widget.AppCompatButton

android:layout_width="match_parent"

android:text="@string/app_name"

android:id="@+id/btm_frag"

android:layout_height="wrap_content"/>

</androidx.appcompat.widget.LinearLayoutCompat>

MainActivity

package com.example.bottomsheetfragment;

import androidx.appcompat.app.AppCompatActivity;
import androidx.appcompat.widget.AppCompatButton;

import android.os.Bundle;
import android.view.View;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        AppCompatButton button=findViewById(R.id.btm_frag);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                BottomSheetFrag frag= new BottomSheetFrag();
                frag.show(getSupportFragmentManager(),"Ashwani");
            }
        });
    }
}

package com.example.bottomsheetfragment;

import androidx.appcompat.app.AppCompatActivity;

import androidx.appcompat.widget.AppCompatButton;

import android.os.Bundle;

import android.view.View;

import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

AppCompatButton button=findViewById(R.id.btm_frag);

button.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View view) {

BottomSheetFrag frag= new BottomSheetFrag();

frag.show(getSupportFragmentManager(),"Ashwani");

}

});

}

Bottom Sheet Fragment How to implement Bottom Sheet fragment

Ashwani Yadav

2 Dec, 2020
Updated by - Ashwani Yadav
30 Nov, 2020
Created by - Ashwani Yadav

. . .

BottomSheetDialogFragment in Android

Leave a Comment Cancel Reply

Message Sent!