How to create Custom shaped Buttons?

How to create custom shaped button, instead of normal rectangle button. I just want to create a button like start shape. Important thing is it should not fire event when we press out of the start border with in that frame.

It Should fire when user tap on the start shape only. Please check this image


You can use an ImageView for this; add an event listener for the 'click' event, then use the x, y coordinates of the click event to determine whether the user clicked inside the star shape.

var iv = Ti.UI.createImageView ({ ... });
 
iv.addEventListener ('click', function (e) {
    Ti.API.debug ("x,y: " + e.x + ", " + e.y);
});