自定义三角形按钮中的边界

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>

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

您可以在自定义视图/自定义按钮中重写 OnTouch 事件方法。

在里面你有MotionEvent，你可以检查触摸是否在你的三角形内（在一些数学:P的帮助下）

或者您也可以这样做：

安卓自定义形状按钮