Circle Menu in Android | Android Studio | Java

In this tutorial, we’re going to see how to add a circle menu in android. The Circle menu is a simple, elegant UI menu with a circular layout and material design animations.

Before going to create it, let’s see what we’re going to create

Now, let’s create it

Step 1: Add the dependency

in the build.gradle App file adds the dependency for the circle menu.

dependencies {    implementation 'com.ramotion.circlemenu:circle-menu:0.3.2'
}

Step 2: Add the menu icons

in the value, resource file creates a new value resource file where we are going to add our menu icons.

buttons.xml

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


Chip navigation bottom bar in android studio | Java

In this tutorial, we’re going to see how to add a custom bottom navigation bar in android studio. Here we will use the chip navigation bottom bar library for our app.

Before going to create it, let’s see what you’re going to create

Now, let’s create it.

Step 1: add the dependency

in the build.gradle app file add the chip navigation dependency. For a project without Kotlin, we need also to add the Kotlin library dependency.

//chip navigation
implementation 'com.ismaeldivita.chipnavigation:chip-navigation-bar:1.3.2'
implementation 'org.jetbrains.kotlin:kotlin-stdlib:1.4.31'

Step 2: create a menu

in the res, folder adds a menu resource directory and add a new…


Animated Folding Cell in Android Studio | Java

In this tutorial, we’re going to see how to create an animated folding cell. Animated Folding Cell is an Expanding content cell with animation inspired by folding paper card material design.

Requirements

  • Android 4.0 IceCreamSandwich (API level 14) or greater
  • Your favorite IDE

Installation

In build.gradle app file add the dependency of the folding cell

implementation 'com.ramotion.foldingcell:folding-cell:1.2.3'

Usage

  • Add com.ramotion.foldingcell.FoldingCell to your layout​
<com.ramotion.foldingcell.FoldingCell
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:folding-cell="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="wrap_content">
</com.ramotion.foldingcell.FoldingCell>
  • Add exactly two child elements to your cell. The first child (content view) always represents the unfolded state layout and the second child (title view) represents…


Good to Greate UI animation tips.

In this blog, we’re going to see some of the examples of UI animations going from good to greater. With a little bit of twitching here and there, you can elevate your UI patterns with animations.

1. Make the content in tabs slide


Firebase Phone number authentication in Android | Android Studio | Java

In the last of firebase phone number authentication, we design our layout of the phone number login and verification. Now in this tutorial, we’re going to add the functionality of the phone number login and verification.

If you’re not going through the first part of the Firebase Phone Authentication then click here.

Continue for the last part,

in the last part, we set our login button directly to the verification page without any validation of the number. …


Firebase Phone Authentication UI | Android Studio | Java

In this blog, we’re going to design a firebase phone authentication UI (User Interface) with Country Code Picker. In the later part, we will discuss its functionality.

Step 1: add the dependency

here we will use two dependencies. One is for Country Code Picker and another one is for the Loader.

dependencies {......
implementation 'com.hbb20:ccp:2.4.7'
implementation 'com.tuyenmonkey:mkloader:1.4.0'
}

Step 2: Login page

  • now in the login XML file, add the country code picker, and edit text for the phone number. And add a button to go to the verification page.
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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" …

How to create Custom Alert Dialog in Android | Android Studio | Java

In this blog, we are going to see how to create a custom alert dialog in android without any plugin.

Sometimes in your application, if you wanted to ask the user about deciding between yes or no in response to any particular action taken by the user, by remaining in the same activity and without changing the screen, you can use Alert Dialog.

Now, here we will create three different types of alert dialog.

  1. Success Alert Dialog.
  2. Warning Alert Dialog.
  3. Error Alert Dialog.

Before going to create…


JSON vs XML- What is the basic difference between JSON and XML.

What is JSON?

JSON is used to store information in an organized, and easy-to-access manner. Its full form is JavaScript Object Notation. It offers a human-readable collection of data that can be accessed logically. Extension of XML file is .json

What is XML?

XML is a markup language that is designed to store data. It’s popularly used for the transfer of data. It is case-sensitive. XML offers you to define markup elements and generate customized markup language. The basic unit in the XML is known as an element. Extension of XML file is .XML

JSON vs XML


How to implement Floating Action Button with Animation in Android (without plugin).

In this tutorial, we are going to create the floating action button with animations without any plugins or third-party libraries. We are going to create drawable animation files for our animations.

and

Feel free to visit my previous tutorial

Extended Floating Action Button

Floating Action Button with BottomAppBar

Before going to create it let’s see what we’re going to see.

Now, let’s create the floating action button with animations.

Step 1: create the animations files

go to the res folder and create a new Android Resource Directory named “menu” (/res/New/Android Resource Directory/menu). And in the menu resource directory create new…


Android Floating Action Button with Bottom App Bar | Android Studio | Java

A floating action button (FAB) performs the primary, or most common, action on a screen. It appears in front of all screen content, typically as a circular shape with an icon in its center.

Here we will see how to add a floating action button in bottomAppBar.

So let’s start creating.

Before going to create let’s see what you’re going to see.

Step 1: add the dependency

make sure to add the material design dependency in your build.gradle app file.

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

Step 2: add the drawable files

before going to design the main XML file, first…

Golap Gunjan Barman

Hi everyone, myself Golap an Android app developer with UI/UX designer.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store