Question

我创建了一个自定义按钮，如图所示。我的问题是边界仍然可点击。有没有办法包装三角形。

我的形状xml文件：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item>
    <rotate
        android:fromDegrees="45"
        android:toDegrees="45"
        android:pivotX="-10%"
        android:pivotY="87%" >
        <shape
            android:shape="rectangle" >
            <stroke  android:color="@color/transparent" android:width="30dp"/>
            <solid 
             android:color="@android:color/black" />

        </shape>
    </rotate>
</item>
</layer-list>

按钮：

    <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">

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

    </LinearLayout>

我也尝试过画布方式并遇到同样的问题。

Answer 1

很抱歉我迟到的回复。我不知道你找到了解决方案。因为android:pivotX="-10%"，您的黑色三角形与顶边有距离。

您可以删除android:pivotX, android: pivotY，并在按钮中添加android:layout_marginBottom="-50dp"，如下所示：

<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>

现在你的黑色三角形与顶边没有距离。但它并没有真正包裹三角形。如果你想包装三角形，有一些解决方案（这不容易）：

您可以在CustomView / CustomButton中覆盖OnTouch事件方法。

在你有MotionEvent的内部，你可以检查Touch是否在你的三角形内部（借助一些数学：P）

或者你也可以这样做：

Android Custom Shape Button

自定义三角形按钮的界限

1 个答案: