Bottom Sheet Dialog in Andriod application .

Bottom Sheet Dialog box :  Bottom Sheet Dialog is a component that slides up from the bottom of the screen. There are two types of bottom sheets Persistant Bottom Sheet and Modal Bottom Sheet.

Persistant Bottom Sheet : This bottom sheet shows in-application content. It will be shown at the base of the screen with a portion of its part noticeable , it shows full substance in the wake of growing it.

Modal Bottom Sheet : This bottom sheet functions as a menu or discourse with choices, it implies this replaces menu or exchange. It has a higher height than the determined base sheet. For the most part, they are utilized for incorporating profound connecting picker activities.

 How to implement bottom sheet dialog box in Android  app ?

Bottom Sheet Dialogs are very commonly used in a lot of applications today.

Here we will be imitating a bottom sheet dialog like the  Whatsapp App that enables us to set the profile name of our profile.

Like this one …


Let’s get started…

First we will design the basic profile layout. The design of this doesn’t matter much as this blog is focused more on the bottom sheet dialog. So to create the base profile layout paste the following code in your activity_main.xml file 

text_background.xml

After that we need to create a fragment that will be our bottom sheet dialog fragment. In the bottom_sheet,xml file paste in the following code.


Now to handle the functionality of the bottom sheet dialog box, paste the following code in BottomSheet.java file 


And finally, in the MainActivity.java file add this code...

Output :
 Happy Coding !!

Comments

Post a Comment

Popular posts from this blog

How to play Audio on Button Click in app | Android App Development | Java

 In this post, you will learn how to play audio on button click feature in your Android App. We will be using the MediaPlayer to implement this functionality. MediaPlayer class can be used to control playback of audio/video files and streams. MediaPlayer is not thread-safe. Creation of and all access to player instances should be on the same thread. If registering  c allbacks, the thread must have a Looper. Implementation: First, in the activity_main.xml file, add the following code: Then, create a new Android Resources Directory of type ' raw ' and add the audio sounds of your choice in it. Then in the MainActivity.java file, add the following code: Output:
Read more

Custom SeekBar in Android Studio .

Image
In this post, you will learn to create a custom seekbar   in android studio.  A SeekBar is an extension of ProgressBar that adds a draggable thumb. The user can touch the thumb and drag left or right to set the current progress level or use the arrow keys to do so. To create a custom seekbar need follow these steps .  Create a drawable resource file in the drawable folder. Name it whatever you want. In this we will create a custom appearance for the thumb of the seekbar .  Copy the following code in this drawable folder :   custom_thumb.xml: Now create another drawable resource file for the custom background of the seekbar . Paste in the following code in this. Now in your activity_main.xml file, copy this code : activity_main.xml: Output:
Read more

How to implement simple Pie Chart in app | Android Studio | Java | Android App Development

Image
In this post, you will learn how to implement Pie Chart in you Android Application with Java. What is Pie Chart and what are its uses ? Pie charts are used in data handling and are circular charts divided up into segments which each represent a value. Pie charts are divided into sections (or 'slices') to represent values of different sizes. Pie charts are a visual device to help us understand data more easily. Implementation: First, add the dependency for Pie Chart in build.gradle(Module: app) with latest version. implementation 'com.github.blackfizz:eazegraph:1.2.5l@aar' implementation 'com.nineoldandroids:library:2.4.0' Now, in the activity_main.xml file, add the following code: Now, in the MainActivity.java file, add the following code: (make sure to include your package name while copying the code) Output:
Read more