不规则/自定义形状的ImageButton for Android

时间:2013-01-28 12:12:17

标签: android user-interface transparent imagebutton viewgroup

我想基于按钮图像的透明区域为Android创建不规则形状的图像按钮。

基本上,如果单击按钮的透明区域,而不是处理事件,它应该“向下”传播到自身下方的视图。因此,如果您重叠其中两个按钮,您实际上可以点击'bottom'一个(重叠'top'),如果您点击'top'的透明区域但是非透明区域'bottom'

基于iOS相同原理的工作解决方案是OBShapedButton http://www.cocoacontrols.com/platforms/ios/controls/obshapedbutton


我的第一个想法是创建一个ImageButton子类(CustomShapedButton)来实现此功能。在给定实际可绘制状态和MotionEvent的情况下,以下代码可用于确定您是否单击了透明区域。

public class CustomShapedButton extends ImageButton {
[...]

    if (e.getAction() == MotionEvent.ACTION_UP)
    {
        // click coordinates of (MotionEvent e)
        float x = e.getX();
        float y = e.getY();

        // get current state of drawable and the color under the click
        StateListDrawable s = (StateListDrawable)this.getBackground();
        int color = ((BitmapDrawable)s.getCurrent()).getBitmap().getPixel((int)x, (int)y);

        Log.d(TAG, "custom shaped button clicked at x: "+x+" y: "+y+" with color: "+color);

        if (color != 0)
        {
            // normal region clicked, should count as click
            // ...
        }
        else
        {
            // transparent region clicked, should NOT count as click
            // ...
        }
    }

[...]
}

我应该将上面的代码放在哪里以获得正确的功能?我试图覆盖public boolean onTouchEvent(MotionEvent e)public boolean dispatchTouchEvent(MotionEvent e)方法,但没有运气(也许我只是没有为每个案例找到正确的返回值)。

基于Android API文档,public boolean interceptTouchEvent(MotionEvent e)看起来像是这种行为的可能解决方案,但它在ViewGroup类中定义,因此不能用于ImageView子类

如果您有处理/支持触摸事件的经验并且知道我的问题的答案,请回复!

1 个答案:

答案 0 :(得分:0)

我在控制触摸方面遇到了类似的问题。我的解决方案是扩展WebView,使其处理自己的触摸。我也用大TextView做了同样的事情。您可以在此zipfile中找到第一个来源:

http://this-voice.org/dnlds/MoDaBrowserGNU.zip

至于按钮,我不知道这是否有帮助。但是,与使用ImageButton相比,将图像放在常规Button上的效果不同。您可能会在那里找到满足您需求的东西。此外,也许您已经尝试过这个,但是您可以使用XML中的边距将一个按钮放在另一个按钮上。至于传递按下,你将不得不截取类似我的WebView解决方案的按键坐标并“模拟”重叠。我使用引号因为所有这些都是模拟,对吧?去让用户觉得他正在做你想让他体验的事情。什么是引擎盖下并不重要。