Expand clickable area of an ImageView by using padding?

Question

I have an ImageView, and I want it to be clickable. The image itself is only 32x32 pixels, but I want the clickable region to be larger so it's easier to hit. I was hoping I could set the layout margin values to increase the size of the imageview's clickable area:

<ImageView    layout_width="32dip"    layout_height="32dip"    layout_margin="20dip" /> 

That doesn't work, what I could do is just recreate the image resource to have a larger transparent region around it. That's a bit annoying because it's hard to tweak if I ever need to change the clickable region. It's not just a single png either, it's a statelistdrawable so I have to resize 3 different pngs if I ever need to tweak the clickable area.

Anything else I can do?

Thanks

Answer 1

Use padding. layout margins are used if for inserting space outside the boundary of the view.

for equal padding on all sides

  <ImageView        android:padding="20dip" /> 

or to set the padding on each side

<ImageView      android:paddingLeft="10dip"      android:paddingRight="15dip"      android:paddingTop="23dip"      android:paddingBottom="12dip" /> 

Hope that helps !