创建两个自定义按钮

Question

请问有人可以帮我创建如下的自定义按钮吗？这是可能的吗？我已经搜索了很多，并且只能找到一些东西，但它们都是矩形/正方形。但是我想要两个三角形的按钮，并且它们要相互叠放，并且只能在各自占用的区域内单独点击。如果您有代码示例，将不胜感激。

- Apparatus

---

可以通过创建一个类似于上面图片的图像来以逻辑方式实现。因为你无法重新设计命令按钮的形状。 - Raynold

@Raynold 但是如果我们创建了一张图片，那么如何将点击事件分离到它们各自的形状上呢？ - Apparatus

你怎么解决这个问题？我在这里有一个问题。 - MAURICIO SIERRA

Answer 1

您可以通过扩展View并子类化其onTouchEvent方法来实现, 代码示例如下：

public class BottomLeftTriangleButton extends View {

    // Copy superclass contructors

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        if (event.getX() / getWidth() < event.getY() / getHeight()) {
            return super.onTouchEvent(event);
        }
        return false;
    }

}

这样，您的自定义视图仅拦截底部左侧区域的点击事件，对应于您的“按钮2”区域。通过将“<”符号更改为“>”，您可以使其他区域可点击。

然后将您的2个视图放置在同一个FrameLayout中，就完成了。

- minipif

---

请问您能详细说明如何创建三角形按钮并将它们像上面的图像一样排列在一起吗？ - Apparatus

将您的两个自定义按钮放置在同一个FrameLayout中，并为它们都设置android:background为您的按钮图像。三角形按钮没有默认资源，您需要自己制作图像。您可以使用State List来使用不同的图像来表示按下和正常状态。 - minipif

感谢您的时间。我的问题是如何准备这些自定义按钮。 - Apparatus

我不明白你所说的“准备”是什么意思？只需在XML中添加自定义视图，然后你就可以开始了。 - minipif