CIRCLE MENU [JAVA]
A simple, elegant UI menu with a circular layout and material design animations
We specialize in the designing and coding of custom UI for Mobile Apps and Websites.
Stay tuned for the latest updates:
Requirements
- Android 4.1 Jelly Bean (API lvl 16) or greater
- Your favorite IDE
Installation
Just download the package from here and add it to your project classpath, or just use the maven repo:
Gradle:
implementation 'com.ramotion.circlemenu:circle-menu:0.3.2'
SBT:
libraryDependencies += "com.ramotion.circlemenu" % "circle-menu" % "0.3.2"
Maven:
<dependency>
<groupId>com.ramotion.circlemenugroupId>
<artifactId>circle-menuartifactId>
<version>0.3.2version>
dependency>
Basic usage
Place the CircleMenuView in your layout and set the icons and colors of the buttons, as shown below.
app:button_colors="@array/colors"
app:button_icons="@array/icons"
Example of arrays colors and icons in res\values\buttons.xml:
xml version="1.0" encoding="utf-8"?>
<resources>
<array name="icons">
<item>@drawable/ic_home_white_24dpitem>
<item>@drawable/ic_search_white_24dpitem>
<item>@drawable/ic_notifications_white_24dpitem>
<item>@drawable/ic_settings_white_24dpitem>
<item>@drawable/ic_place_white_24dpitem>
array>
<array name="colors">
<item>@android:color/holo_blue_lightitem>
<item>@android:color/holo_green_darkitem>
<item>@android:color/holo_red_lightitem>
<item>@android:color/holo_purpleitem>
<item>@android:color/holo_orange_lightitem>
array>
resources>
Or use the constructor
CircleMenuView(@NonNull Context context, @NonNull List<Integer> icons, @NonNull List<Integer> colors)
to add CircleMenuView and configure the buttons programmatically (in the code).
Next, connect the event handler CircleMenuView.EventListener as shown below, and override the methods you need.
final CircleMenuView menu = (CircleMenuView) findViewById(R.id.circle_menu);
menu.setEventListener(new CircleMenuView.EventListener() {
@Override
public void onMenuOpenAnimationStart(@NonNull CircleMenuView view) {
Log.d("D", "onMenuOpenAnimationStart");
}
@Override
public void onMenuOpenAnimationEnd(@NonNull CircleMenuView view) {
Log.d("D", "onMenuOpenAnimationEnd");
}
@Override
public void onMenuCloseAnimationStart(@NonNull CircleMenuView view) {
Log.d("D", "onMenuCloseAnimationStart");
}
@Override
public void onMenuCloseAnimationEnd(@NonNull CircleMenuView view) {
Log.d("D", "onMenuCloseAnimationEnd");
}
@Override
public void onButtonClickAnimationStart(@NonNull CircleMenuView view, int index) {
Log.d("D", "onButtonClickAnimationStart| index: " + index);
}
@Override
public void onButtonClickAnimationEnd(@NonNull CircleMenuView view, int index) {
Log.d("D", "onButtonClickAnimationEnd| index: " + index);
}
});
You can use open(boolean animate) and close(boolean animate) methods, to open and close menu programmatically
Here are the attributes you can specify through XML or related setters:
button_icons- Array of buttons icons.button_colors- Array of buttons colors.icon_menu- Menu default icon.icon_close- Menu closed icon.icon_color- Menu icon color.duration_ring- Ring effect duration.duration_open- Menu opening animation duration.duration_close- Menu closing animation duration.distance- Distance between center button and buttons
🗂
Check this library on other language:
📄
License
Circle Menu Android is released under the MIT license. See LICENSE for details.
This library is a part of a selection of our best UI open-source projects
If you use the open-source library in your project, please make sure to credit and backlink to www.ramotion.com
📱
Get the Showroom App for Android to give it a try
Try this UI component and more like this in our Android app. Contact us if interested.
is it possible in android .
79k Dec 31, 2022
5 Feb 4, 2022
30 Sep 20, 2022
2 Sep 21, 2021
7 Sep 2, 2022
131 Jan 5, 2023
1k Jan 5, 2023
3 May 13, 2021
2 Sep 30, 2021
3 Jan 9, 2022
2 Jun 6, 2022
5 Dec 28, 2022
3 Jan 31, 2022
20 Oct 31, 2022
1 Jan 31, 2022
1 Feb 12, 2022
7 Dec 15, 2022
1 Nov 30, 2022
18 Dec 29, 2022