真正的自定义按钮形状

时间:2012-07-01 16:20:57

标签: android transparent android-custom-view onclicklistener

给定任何形状(填充圆形,星形,三角形,带透明区域的位图等)我想知道是否可以(使用最新的Android API)知道用户是否点击了视图,或者在它之外。

例如,如果我有一个圆形按钮,我想知道用户是否在圈内点击了,但不是在圈外。

有可能吗?

如果没有,也许我可以轮询触摸事件的像素,如果它是透明的,则忽略它,如果不是,则将其作为点击事件处理?

4 个答案:

答案 0 :(得分:8)

ImageView image=(ImageView) findViewById(R.id.imageView1);
image.setOnTouchListener(this);
Bitmap bitmap = ((BitmapDrawable)image.getDrawable()).getBitmap();    

@Override
public boolean onTouch(View v, MotionEvent event) {
    // TODO Auto-generated method stub
    int pixel = bitmap.getPixel((int)event.getX(), (int)event.getY());
    int alphaValue=Color.alpha(pixel);
    return true;
}

这样您就可以获得所触摸像素的alpha值。现在,您可以轻松检查所触摸的像素是否透明。

答案 1 :(得分:2)

我也想做类似的事情,我最后调整了FrameLayout。 FrameLayout允许您在彼此之上添加多个视图。

添加FrameLayout。在里面你可以添加一个'视图'并将其高度和宽度设置为match_parent。在视图的顶部,添加您想要的按钮。

然后在您的代码中,获取View的引用并在其上设置onClickListener,以便每当用户触摸View时,您都可以处理该事件。同时在其他按钮上设置单击侦听器。

现在只需处理您的触摸事件即可。您现在将知道用户是否已单击按钮或其外部(用户已单击视图)。

如果要创建透明或半透明按钮,请选中https://stackoverflow.com/a/11689915/1117338。 我希望这会有所帮助。

答案 2 :(得分:1)

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    FrameLayout root = (FrameLayout)findViewById(R.id.root);
    root.setOnTouchListener(new OnTouchListener() {         
        public boolean onTouch(View v, MotionEvent event) {
            if (v.getId() == ID){
                // Your code
            }
            return true;
        }
    });
}

答案 3 :(得分:1)

好的,我找到了适用于任何类型视图的工作解决方案。

一些注意事项:

  • 遗憾的是它使用的是视图大小的位图,但只占用了很短的时间。

    之后,它会保留在可见区域以及可见区域之外的位置。

  • 我可以通过创建一个带有标志的整数数组来使它更加友好。目前它是一个简单的布尔数组。

  • 我可以在JNI中检查位图的alpha值,并避免在(短)时间内将位图和数组放在一起。

  • 如果有人能帮助它变得更好,那可能真的很棒。

这是代码:

public class MainActivity extends Activity
  {
  boolean[] _inVisibleAreaMap;
  private int _width,_height;

  @Override
  protected void onCreate(final Bundle savedInstanceState)
    {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    final View view=findViewById(R.id.imageView1);
    view.setDrawingCacheEnabled(true);
    runJustBeforeBeingDrawn(view,new Runnable()
      {
        @Override
        public void run()
          {
          final Bitmap bitmap=view.getDrawingCache();
          _width=bitmap.getWidth();
          _height=bitmap.getHeight();
          _inVisibleAreaMap=new boolean[_width*_height];
          for(int y=0;y<_width;++y)
            for(int x=0;x<_height;++x)
              _inVisibleAreaMap[y*_width+x]=Color.alpha(bitmap.getPixel(x,y))!=0;
          view.setDrawingCacheEnabled(false);
          bitmap.recycle();
          }
      });
    view.setOnTouchListener(new OnTouchListener()
      {
        @Override
        public boolean onTouch(final View v,final MotionEvent event)
          {
          final int x=(int)event.getX(),y=(int)event.getY();
          boolean isIn=x>=0&&y>=0&&x<_width&&y<_height;
          // if inside bounding box , check if in the visibile area
          if(isIn)
            isIn=_inVisibleAreaMap[y*_width+x];
          if(isIn)
            Log.d("DEBUG","in");
          else Log.d("DEBUG","out");
          return true;
          }
      });
    }

  private static void runJustBeforeBeingDrawn(final View view,final Runnable runnable)
    {
    final ViewTreeObserver vto=view.getViewTreeObserver();
    final OnPreDrawListener preDrawListener=new OnPreDrawListener()
      {
        @Override
        public boolean onPreDraw()
          {
          runnable.run();
          final ViewTreeObserver vto=view.getViewTreeObserver();
          vto.removeOnPreDrawListener(this);
          return true;
          }
      };
    vto.addOnPreDrawListener(preDrawListener);
    }
  }

如果imageView已将其宽度和高度设置为wrap_content,并且它确实达到了所需的大小,那么只有这样才能使用Adnan Zahid solution,这可以这样写:

public class MainActivity extends Activity
  {
  private int _width,_height;

  @Override
  protected void onCreate(final Bundle savedInstanceState)
    {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    final ImageView image=(ImageView)findViewById(R.id.imageView1);
    final Bitmap bitmap=((BitmapDrawable)image.getDrawable()).getBitmap();
    _width=bitmap.getWidth();
    _height=bitmap.getHeight();
    image.setOnTouchListener(new OnTouchListener()
      {
        @Override
        public boolean onTouch(final View v,final MotionEvent event)
          {
          final int x=(int)event.getX(),y=(int)event.getY();
          boolean isIn=x>=0&&y>=0&&x<_width&&y<_height;
          if(isIn)
            {
            final int pixel=bitmap.getPixel((int)event.getX(),(int)event.getY());
            final int alphaValue=Color.alpha(pixel);
            isIn=alphaValue!=0;
            }
          if(isIn)
            Log.d("DEBUG","in");
          else Log.d("DEBUG","out");
          return true;
          }
      });
    }
  }

编辑:runJustBeforeBeingDrawn的替代方案:https://stackoverflow.com/a/28136027/878126