How do I rotate Only one child at a time on swipe, like ViewPager.

I need to Apply Translate Animation for all the CircleImageView whenever a Circle layout is Called.
To do that, where should I call the Translate Animation method. So that the Animation method will be called Everytime my Activity starts.

Hi, Thank you for this wonderful & super useful widget.
Would it be possible to implement an icon in the center. When the icon is clicked, the menu would pop-up? At that point the icon changes to a cancel icon. When that icon is clicked again, the circle menu closes. You can see an example in iOS here. https://github.com/Ramotion/circle-menu

Ideally, the central button could be placed any where (say center point of the North-East quadrant), and if the radius was set to that half the size of the quadrant, the menu would show up in that North-East quadrant

Thanks in advance.

I have issues
int layoutId = extras.getInt(ARG_LAYOUT);
i need jest sample activity working without all activity

thank you and have nice day

I'd like to display an clickable imageview in the center of the circle view. Is there a way to do so without altering your code?

Thanks!

Hello Sir,,,
In this part of code i cant start new intent! is it the right way?

my code :

case R.id.main_cloud_image:
// Handle cloud click

                Intent myIntent = new Intent(getApplicationContext(), CloudOpen.class);
                startActivityForResult(myIntent, 0);
                break;

by the way I LOVE IT SO MUCH and THANNNK YOOOU 👍

Is it possible to add a caption under each menu item like in attached image?

Hello,
Is it possible the selected item going larger than another items drawable?

I rotated the circle_layout with below code

RotateAnimation rotate = new RotateAnimation(0, 360, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
	rotate.setDuration(10000);
	rotate.setInterpolator(new LinearInterpolator());
	rotate.setRepeatCount(Animation.INFINITE);
	com.szugyi.circlemenu.view.CircleLayout  image= (com.szugyi.circlemenu.view.CircleLayout)findViewById(R.id.circle_layout);
	image.startAnimation(rotate);

Now when I click on items they show toasts of different items id ,click is getting wrong in this scenario .

Thank you for your project. It's magic.
But I'd like to zoom out and zoom in image item gradually based on its angle when rotate.
How can I solve my problem?
See your answer soon.
Thanks, again.

Need to add an image in center of circle.

this code is not working properly if i include odd no icons like... if i include 7 icons the rotation and and placement of icons are not proper.

Awesome library, I'm trying to do the same on iOS(Swift), do you know something similar?

Hi szugyi,
how to set a image/button in center of the circular menu and can we draw a line that is connected with other menu item in circle.

hi
how change active child in circle menu ???????

1，如何点击CircleLayout外的一个按钮，实现CircleLayout滚动到我想的菜单
2，菜单数为奇数十，能否让最下面的菜单位于顶部

how can i hide the circle in a half in the bottom of the screen , thanks

Hi,
I'm really graceful for this awesome work. Thanks a lot!

However I have a question. So, I want to play a music, when the wheel is rotating. That's okay I can check the isRotating methods return value, but how can play music for ever, when the wheel rotating?
I need an Async task or maybe you have a better idea?
(I used this layout via gradle, so I don't exactly change the source code, if it possible.)

Best regards from a Hungarian android lover! 😉

Hello!
Great library! I ported some of the code to C# and I'm using it in Xamarin.

One question I have is how I would add an item in the middle? I want an item in the middle with 4 buttons around it.

Any pointers would be appreciated!

Thanks again.

Fantastic library! Is it possible to change the background color of the circle when adding it dynamically? If so, how would I go about this? Thanks

Hi, thanx for your project. Its awesome.

But i wonder, is there any way, when we start to turn, all imageviews' rotations does not change. I want their bottom always directioned to center. How to do this ?

Hi! Thank you for super project!
I'd like to implement drag and drop to this menu then I wrapped each CircleImageView to the LinearLayout to hang a drag listener. Then I prepare CircleLayout class somethink tike this:
LinearLayout lr = (LinearLayout) getChildAt(selected);
CircleImageView view = (CircleImageView) lr.getChildAt(0);
But the images of CircleImageView become invisible!
How can I solve this problem?

Hi, @szugyi
I'm glad after zooming child views when rotate successfully. And now, I want to add a title or a textview below each image child. I tried to make a customview extending RelativeLayout (contains an imageview and a textview) but the height and width childs are not fill. Do you have any ideas for me?
Thank you very much.

I have three Items in CircleMenu (What, When, Where). It starts from What screen and end/stop at Where screen. It will never scroll from last to first item like circular.

What Screen:
https://ibb.co/f2Jisx

When Screen:
https://ibb.co/h2HF5H

Thanks for the Wonderful Library ..
I have problem diffcult to find the solution ..

Problem is Child Icons are not clear visible. It place end of ViewGroup
How to reduce the radius and show the icon clear visible to center of border/stroke.

and other question it is possible to rotate the background image based upon ACTION_MOVE
Thanks in Advance

Hi,
How to stop the selected child view self rotation. I want circle menu to be rotatable but not the child which is selected. I gone through the circlelayout class but not able to figure out the thing.

Thank you for this wonderful & super useful widget.
@szugyi
I wonder how to detect whether a gesture was clockwise or anticlockwise,even through reading the source code ,i don't understand.

// get the quadrant of the start and the end of the fling
            int q1 = getPositionQuadrant(e1.getX() - (circleWidth / 2),
                    circleHeight - e1.getY() - (circleHeight / 2));
            int q2 = getPositionQuadrant(e2.getX() - (circleWidth / 2),
                    circleHeight - e2.getY() - (circleHeight / 2));

            if ((q1 == 2 && q2 == 2 && Math.abs(velocityX) < Math
                    .abs(velocityY))
                    || (q1 == 3 && q2 == 3)
                    || (q1 == 1 && q2 == 3)
                    || (q1 == 4 && q2 == 4 && Math.abs(velocityX) > Math
                    .abs(velocityY))
                    || ((q1 == 2 && q2 == 3) || (q1 == 3 && q2 == 2))
                    || ((q1 == 3 && q2 == 4) || (q1 == 4 && q2 == 3))
                    || (q1 == 2 && q2 == 4 && quadrantTouched[3])
                    || (q1 == 4 && q2 == 2 && quadrantTouched[3])) {
                // the inverted rotations
                animateTo(
                        getCenteredAngle(angle - (velocityX + velocityY) / 25),
                        25000L / speed);
            } else {
                // the normal rotation
                animateTo(
                        getCenteredAngle(angle + (velocityX + velocityY) / 25),
                        25000L / speed);
            }

when q1 == 2 && q2 == 2 && Math.abs(velocityX) < Math
.abs(velocityY),i think it also maybe the normal roration,thank you !

Hi ,
Your library is very awesome .
I have 2 question.
Can i increase the radius of the CircleLayout ? If yes , how ?
How can i make the item bigger when that item is at firstChildPosition ?
Thanks

Hi.
Thanks you for your library.
It's very great.
I have a problem.
How do i can set width/heigt for icon/image ?

How to make background of the circle layout which rotate along the icons. I tried it with seprate rotationanimation but it is out synch.

Is it possible to put Items on top half semicircle and when rotate to empty side back to filled semicircle?

I would like to have a button that makes the Circle Menu rotates de-accelerating until it chooses a menu item randomly with no touch involved, Can you please give me some hints on where to modify the code?

the code：

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <com.szugyi.circlemenu.view.CircleLayoutMenu
            android:id="@+id/main_circle_layout"
            android:layout_width="fill_parent"
            android:layout_height="300dp"
            android:layout_gravity="center_horizontal"
            circle:firstChildPosition="South"
            circle:isRotating="true"
            circle:rotateToCenter="true"
            circle:speed="75" >

When the rotation animation is not good

Hi.
Thanks you so much for this library. It's great!
How do i do set background for it ? like as this image:
http://i.imgur.com/88tmKXS.png
Background color and icon of each item will set from programmatically (from a list colors and icon).

Please help me.

Like this ..

How to place an image in the center menu ?

How can i change the Diameter of the Circle in the CircleMenu ?

is it possible to connect children to center with radial lines?

When I have seven icon, click on the left three ICONS no problem, but when click on the three ICONS on the right, there will be a shake!

How can I programatically move a certain child to the first position?

So i have implemented circleLayout.setOnItemSelectedListener but my problem is I am getting clicks for every other child except the first child in the CircleLayout

I have downloaded ur source code and then i click to the item and it spin to the firstChildPosition , but i cant find where u use this code in your source code . THanks

Thanks for great library,
when click on the child items its rotates, when can we stop the child items rotates in onItemClickListner.

Hello, thanks for great library. I want to achieve following in android :

https://www.youtube.com/watch?v=QB-K_maFoYw

I started with your library. But when i added my wheel images childs are not arranged properly. Here is output screenshot :

https://www.dropbox.com/s/2nxykthqkwy0uot/Wheel.mp4?dl=0

Here is my code :

`

<com.szugyi.circlemenu.view.CircleLayout
    android:id="@+id/circle_layout"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_above="@+id/imgspin"
    android:layout_gravity="center_horizontal"
    android:layout_marginBottom="-500dp"
    android:foregroundGravity="bottom"
    circle:isRotating="true">


    <com.szugyi.circlemenu.view.CircleImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/local"
        circle:isRotating="false" />

    <com.szugyi.circlemenu.view.CircleImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/onlineretailers"
        circle:isRotating="false" />

    <com.szugyi.circlemenu.view.CircleImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/fashion"
        circle:isRotating="false" />

    <com.szugyi.circlemenu.view.CircleImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/foodrestaurants"
        circle:isRotating="false" />


    <com.szugyi.circlemenu.view.CircleImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:src="@drawable/groupsavings"
        circle:isRotating="false" />


    <com.szugyi.circlemenu.view.CircleImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/homeauto"
        circle:isRotating="false" />


    <com.szugyi.circlemenu.view.CircleImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/holidaysales"
        circle:isRotating="false" />


    <com.szugyi.circlemenu.view.CircleImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/realestate"
        circle:isRotating="false" />


    <com.szugyi.circlemenu.view.CircleImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/b2b"
        circle:isRotating="false" />


    <com.szugyi.circlemenu.view.CircleImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/healthbeauty"
        circle:isRotating="false" />

    <com.szugyi.circlemenu.view.CircleImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/trialsoffers"
        circle:isRotating="false" />

    <com.szugyi.circlemenu.view.CircleImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/flashsales"
        circle:isRotating="false" />

    <com.szugyi.circlemenu.view.CircleImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/travelvacation"
        circle:isRotating="false" />

    <com.szugyi.circlemenu.view.CircleImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/dailydeals"
        circle:isRotating="false" />

</com.szugyi.circlemenu.view.CircleLayout>

Please help. Thanks in advance. `

Thanks for Library.

I just want to show appreciation.

Thanks to you, I was able to develop the roulette function correctly.

Thanks szugyi for share,
for remove child of circle ,need set On long click for child, is it possible?
generally, is it possible to remove child dynamically?

When filing from 1 quadrant to 3 slopes, the direction of rotation is reversed. To be more specific, Fling from upper right to lower left direction reverses direction.
Please check the attached video.

video.zip