Open In App
Related Articles

How to Move Views Out of the Way With dodgeInsetEdges in Android?

Improve Article
Save Article
Like Article

We have used the Floating Action Button which is having its behavior of expanding to an upward direction and show the snackbar message below that Floating Action button. This behavior is present with the Floating Action Button with default behavior, but if we want to add this type of behavior in our custom view. So in this article, we will take a look at How to moves out of the way with dodgeInsetEdges in Android. 

What we are going to build in this article? 

We will be building a simple expandable view which we will display on button click in Android. A sample GIF is given below to get an idea about what we are going to do in this article. Note that we are going to implement this project using the Java language. 

Move Views out of the way with dodgeInsetEdges in Android Sample GIF

Step by Step Implementation

Step 1: Create a New Project

To create a new project in Android Studio please refer to How to Create/Start a New Project in Android Studio. Note that select Java as the programming language.

Step 2: Working with the activity_main.xml file

Navigate to the app > res > layout > activity_main.xml and add the below code to that file. Below is the code for the activity_main.xml file. 


<?xml version="1.0" encoding="utf-8"?>
<!--we are using coordinator layout for this example-->
    <!--button to expand the view-->
        android:text="Click to Expand"
        app:layout_dodgeInsetEdges="bottom" />
    <!--Nested scroll view to display 
        bottom scrolled layout-->
        <!--we will be displaying a simple text
            view in that nested scroll view-->
            android:text="Welcome to the DSA Self paced Course,
                          where you will get to learn all about 
                          Data Structures and Algorithms in detail."
            android:textStyle="bold" />

Step 3: Working with the file

Go to the file and refer to the following code. Below is the code for the file. Comments are added inside the code to understand the code in more detail.


import android.os.Bundle;
import android.view.View;
import android.widget.Button;
public class MainActivity extends AppCompatActivity {
    // creating a new variable for bottom sheet behaviour.
    private BottomSheetBehavior bottomSheetBehavior;
    protected void onCreate(Bundle savedInstanceState) {
        // initializing view for our bottom sheet below.
        View bottomSheet = findViewById(;
        // initializing bottom sheet behaviour
        // with our bottom sheet view.
        bottomSheetBehavior = BottomSheetBehavior.from(bottomSheet);
        // initializing the button where we will
        // be displaying our expanded view.
        Button button = findViewById(;
        //adding on click listener to our button.
        button.setOnClickListener(new View.OnClickListener() {
            public void onClick(View v) {
                // below line is use to expand our view on button click in android.

Now run the app and see the output of the app. 


Last Updated : 28 Jan, 2021
Like Article
Save Article
Similar Reads
Related Tutorials