Question

I have an ImageView, and I want it to be clickable. The image itself is only 32×32 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

Suggestions (never tried it myself):

1. Create ImageView as large as you want than put image into it without scaling

   ImageView.setScaleType(ImageView.ScaleType.CENTER).
   

2. Brute force approach: create new larger png that has original image centered and the rest of it is transparent.