title: Make background of custom button not clickable
body: <p>Basically, I have a total of 6 ImageButtons. However, is it possible to have a layout like this? </p>
  
  <p>Button Layout</p>
  
  <p><img src="https://i.stack.imgur.com/NTnFi.png" alt="Button Layout"></p>
  
  <p>One of my concerns is that the buttons will overlap each other.</p>
  
  <p>Overlapping Buttons
  <img src="https://i.stack.imgur.com/fhkEU.png" alt="Overlapping Buttons"></p>
  
  <p>How can I specify that the area with the image is the only clickable part? How will I make the transparent area not clickable?</p>