Android Circle button

Question

How I can to make custom circle button? (only make clicks on circle )

Is any way to make it with circle png file?

I tried with imageView override onTouch method but it works very badly because view.getWidth(), view.getHeight() and view.getTop... methods works very bad

public boolean inCircle(MotionEvent e, int radius, int x, int y) {
    int dx = (int) (e.getX() - x);
    int dy = (int) (e.getY() - y);
    double d = Math.sqrt((dx * dx) + (dy * dy));
    if (d < radius)
        return true;
    return false;
}

Thanks.

This might help: http://stackoverflow.com/questions/3914329/round-button-in-android — Costi Muraru, Aug 03 '12 at 08:58
http://stackoverflow.com/questions/9049868/round-button-in-android-avoid-presses-outside-the-button — shoren, Dec 03 '12 at 02:45
Here is an example https://github.com/arlindiDev/CircleCheckBox — Arlind Hajredinaj, Feb 08 '16 at 01:52

score 4 · Answer 1 · answered Jun 06 '13 at 03:02

Its very simple. Create a custom shape drawable and set that as the background of your view. Example:

round_button_drawable.xml in drawable/

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval" >
    <solid android:color="@android:color/holo_orange_dark"/>
</shape>

set this drawable as the background of any view.

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/round_button_drawable"
    android:text="btn"
/>

score 0 · Answer 2 · answered Aug 03 '12 at 08:57

0

Another way would be to extend Button and override its onDraw method You can then draw a circle on the canvas using canvas.drawCircle method.

You can also draw the circle.png file on the canvas using Drawable.draw method

answered Aug 03 '12 at 08:57

Gautam

7,868
12
64
105

1

IMHO too complicated suggestion.. :S he need to implement redrawing for change of button states as well? why to invent already invented wheel? – Ewoks Aug 03 '12 at 09:05
I was just giving him another option. – Gautam Aug 03 '12 at 09:07
approved ;) don't get me wrong, I just think there is much simpler solution ;) cheers – Ewoks Aug 03 '12 at 09:09
Yes I agree this may be kind of overkill – Gautam Aug 03 '12 at 09:10
I have buttons under my circle button and I need to make them also clickable – Bera Aug 03 '12 at 09:25
what do you mean by buttons under my button ? Do you mean a button inside a button ? – Gautam Aug 03 '12 at 09:28

score 0 · Answer 3 · edited Aug 03 '12 at 10:10

0

there is ImageButton class which can serve ur purpose..

edited Aug 03 '12 at 10:10

BoltClock

700,868
160
1,392
1,356

answered Aug 03 '12 at 08:57

Ewoks

12,285
8
58
67

Somebody who went mad and voted negative on all answers should comment what is the problem – Ewoks Dec 30 '15 at 08:18

score 0 · Answer 4 · edited Aug 03 '12 at 09:16

0

Dont go for complex logic just select any rounded image and set that image as a background of your simple button it will look like simple round button and it will accept click only on that round shape.

edited Aug 03 '12 at 09:16

Lucifer

29,392
25
90
143

answered Aug 03 '12 at 09:15

Yash

1,751
13
14

I have buttons under my circle button and I need to make them also clickable – Bera Aug 03 '12 at 09:24
3

button under circle button means what...? – Yash Aug 03 '12 at 09:25

Android Circle button

4 Answers4