Skip to content
Related Articles
Get the best out of our app
GeeksforGeeks App
Open App

Related Articles

Circle Menu in Android

Improve Article
Save Article
Like Article
Improve Article
Save Article
Like Article

A circle menu (also known as a radial menu, round menu, circular menu) is a creative menu design concept that arranges the sub-menu items around a circle or arc style menu toggle button.

Circle Menu in Android

Circle Menu in Android

What we are going to build in this article?

Here we will see how to implement a circular menu and when a user click on items of the menu then it displays a message to the user. A sample video of this application is shown below. Note that we are going to build this application using Java language.

Step by Step Implementation

Step 1. Create a new project

  • Open a new project.
  • We will be working on Empty Activity with language as Java. Leave all other options unchanged.
  • You can change the name of the project at your convenience.
  • There will be two default files named activity_main.xml and

If you don’t know how to create a new project in Android Studio then you can refer to How to Create/Start a New Project in Android Studio?  

Step 2. Add the JitPack repository to your build file

maven { url "" }

Step 3. Add the dependency to your file

 implementation 'com.github.Hitomis:CircleMenu:v1.1.0'

Step 4. Working with actvity_main.xml file

Navigate to app > res > layout > activity_main.xml file and use the following code in it-


<?xml version="1.0" encoding="utf-8"?>
        app:layout_constraintVertical_bias=".1" />
        app:layout_constraintTop_toBottomOf="@+id/textView" />
        app:layout_constraintTop_toTopOf="parent" />

Step 5. Working with file

Go to the file and use the following code in it-


package com.example.circlemenu;
import androidx.constraintlayout.widget.ConstraintLayout;
import android.os.Bundle;
import android.widget.Toast;
import com.hitomi.cmlibrary.CircleMenu;
import com.hitomi.cmlibrary.OnMenuSelectedListener;
public class MainActivity extends AppCompatActivity {
    CircleMenu circleMenu;
    ConstraintLayout constraintLayout;
    protected void onCreate(Bundle savedInstanceState) {
                .setOnMenuSelectedListener(new OnMenuSelectedListener() {
                    public void onMenuSelected(int index) {
                            case 0:
                                Toast.makeText(MainActivity.this, "home", Toast.LENGTH_SHORT).show();
                            case 1:
                                Toast.makeText(MainActivity.this, "search", Toast.LENGTH_SHORT).show();
                            case 2:
                                Toast.makeText(MainActivity.this, "notification", Toast.LENGTH_SHORT).show();
                            case 3:
                                Toast.makeText(MainActivity.this, "settings", Toast.LENGTH_SHORT).show();
                            case 4:
                                Toast.makeText(MainActivity.this, "gps", Toast.LENGTH_SHORT).show();

Note: Add all the required icons in the mipmap folder according to your choice.

Our application is now complete and you can run it successfully but there are some more optional steps to make the UI of our application more beautiful.

Step 6. Removing Action Bar

Go to app > res > values > themes > themes.xml and then change “parent=”Theme.MaterialComponents.DayNight.DarkActionBar” to parent=”Theme.MaterialComponents.DayNight.NoActionBar” and hence action bar will be removed successfully.

Step 7. Changing the color of the status bar

Change the color of the status bar to black. If you don’t know how to change the color of the status bar in the android application then go through – How to Change the Color of Status Bar in an Android App?


My Personal Notes arrow_drop_up
Last Updated : 18 Feb, 2022
Like Article
Save Article
Similar Reads
Related Tutorials