Bounds In Custom Triangle Button

I created a custom button as shown in the image. My problem is that the bounds still clickble. Is there any way to wrap the triangle. Image custom button My shape xml file :

Solution 1:

Sorry for my late reply. I don't know you have found the solution yet. Because android:pivotX="-10%" ,your black triangle have distance with the top edge.

You can remove android:pivotX, android: pivotY, and add android:layout_marginBottom="-50dp"in your button like this:

<LinearLayout
android:orientation="vertical"android:layout_width="match_parent"android:layout_height="100dp"android:layout_alignParentBottom="true"android:layout_alignParentRight="true"android:layout_alignParentEnd="true"android:weightSum="1"android:layout_marginBottom="-50dp"
>

<Button
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:background="@drawable/triangle"
    android:id="@+id/button"
    />
</LinearLayout>

Now your black triangle has no distance with the top edge. But it doesn't really wrap the triangle. If you want to wrap the triangle, there are some solution (It's Not Easy):

You can override the OnTouch Event method in a CustomView / CustomButton.

Inside you have the MotionEvent were you can check if the Touch was inside your Triangle (with the help of some mathematics :P)

Or you can do the same:

Android Custom Shape Button

Share