how can I implement non-rectangular shapes for buttons in android

Question

hi i have to realize this layout . it has this layout. inactive buttons

I could try to use the icons as imagebuttons but the active state of a button is somewhat like this one !

one button has been pressed

How should i proceed with this ?

That's too much of a question to give you one answer. The buttons on top are quite easy positioned ImageButtons. Tricky is the circle in the middle. You can create ImageButtons for each part and position them programmatically around the circle, but the clickable areas will overlap. So I think the best way is to make the whole circle with all buttons clickable and have a touch listener that detects whicht part of the circle was actually clicked. Maybe you can simplify and focus your question around that specific part. BTW: Nice design! — jboi
– jboi, Commented Oct 20, 2013 at 9:14
@jboi you got it 100%. will I be bale to show both states of each button using the touch listner method? Any eaxample ? — dmSherazi
– dmSherazi, Commented Oct 20, 2013 at 13:46
For the different states of drawables you can use selector or LevelListDrawable. With them you define the different bitmaps for touched and untouched state at different levels. With ImageView.setLevel(...) you set the level at runtime. — jboi
– jboi, Commented Oct 20, 2013 at 15:37

Ketan Ahir · Accepted Answer · 2013-10-20 09:06:10Z

1

You should use selector as follows:

Prepare 2 images for button states, and put it into res/drawable folder.

button_normal_green.png – Default image button.

button_pressed_yellow.png – Display when button is pressed.

Now, create a new XML file in “res/drawable/” folder, in whatever name you want, in this case, we just give a name as “new_button.xml“. This file defined which button state is belong to which image.

<?xml version="1.0" encoding="utf-8"?>
  <selector xmlns:android="http://schemas.android.com/apk/res/android">
     <item android:drawable="@drawable/button_pressed_yellow" android:state_pressed="true" />

     <item android:drawable="@drawable/button_normal_green" />
  </selector>

3.set background to button

<ImageButton
    android:id="@+id/imageButtonSelector"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/new_button" />

Have a look at Complete Example

answered Oct 20, 2013 at 9:06

Ketan Ahir

6,7481 gold badge26 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

dmSherazi Over a year ago

thanks, my actual problem is the shape of buttons , if i use rectangular shapes either i have to either leave some part of the buttons to be unclickable or they will overlap

Dims Over a year ago

How can selector help buttons to be non-rectangular?

Collectives™ on Stack Overflow

how can I implement non-rectangular shapes for buttons in android

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related