我可以通过编程方式增加按钮onclick-area吗？

Question

有时我的UI中有一个按钮，它很小，很难点击。到目前为止，我的解决方案是在photoshop中的按钮周围添加一个透明边框。只是增加按钮上的填充不起作用，因为这也会拉伸图像。由于每次我想要改变可点击的表面时打开photoshop是一件大事，有没有办法以编程的方式做到这一点？我已经尝试在按钮后面放置一个框架布局，并使其可点击，但随后该按钮不会改变触摸的外观，因为它应该。当然，我还可以在framelayout上添加一个ontouchlistener，它可以改变按钮的外观，但如果我有几个这样的按钮，那么它就是一些代码。

干杯，

Answer 1

我刚刚发现了一个巧妙的方法来解决这个问题。

1. 将按钮用一个说法放在围绕按钮的一个LinearLayout中，该按钮带有填充四周的按钮。
2. 将相同的onclick添加到按钮的LinearLayout。

3. 在按钮中将duplicateParentState设置为true，当按钮在按钮外部但在LinearLayout内部单击时，该按钮将突出显示。

   <LinearLayout 
       android:layout_height="fill_parent" 
       android:onClick="searchButtonClicked" 
       android:layout_centerVertical="true" 
       android:orientation="horizontal" 
       android:layout_width="wrap_content" 
       android:paddingRight="10dp" 
       android:paddingLeft="30dp"> 
       <Button 
        android:id="@+id/search_button" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:background="@drawable/toggle_button_selector" 
        android:textColor="#fff" 
        android:text="Search" 
        android:focusable="true" 
        android:textStyle="bold" 
        android:onClick="searchButtonClicked" 
        android:layout_gravity="center_vertical" 
        android:duplicateParentState="true"/> 
   </LinearLayout> 
   

Answer 2

也许你可以做到这一点通过观察X和MotionEvent传递到onTouchEvent的Y坐标？

Answer 3

我认为你的解决方案是目前可用的最好的解决方案，如果你不想深入一些android的东西，并自己拦截所有的motionEvent和TouchEvents，那么你也需要触发按下的视图你自己的按钮等。

只需创建一个带有可拉伸透明边框的nine patch image。通过这种方式，您可以更改图像的大小而无需更改图像本身，并且您的按钮会随着显示背景的变化而变大或缩小。

Answer 4

我个人，我会使用TouchDelegate。这可以让你处理触摸目标，并将视觉界限视为两个不同的东西。非常方便...

http://developer.android.com/reference/android/view/TouchDelegate.html

Answer 5

Anothe想法是让新的透明图像，并把它图标，触摸区域会越来越设计看起来很完美。 Check out the image

谢谢。

Answer 6

到位保证金只需提供填充布局

<ImageView 
    android:id="@+id/back_btn" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:padding="25dip" 
    android:src="@drawable/back_btn" /> 

Answer 7

这是非常晚的“跟风”，但来这和寻找一个解决其他问题后，我发现了一个简单，优雅我自己的解决方案。

另一个question抱怨说他们的图片的透明背景是不可点击的。如果这是一个问题，这似乎也可以解决这个问题。

这里的按钮：

<ImageButton 
    android:id="@+id/arrowUp" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:src="@drawable/arrow_up" 
    android:background="@drawable/clear_button_background" /> 

相关的代码行是最后两个。 "@drawable/arrow_up"是在可抽拉* .xml文件定义如下* .png文件的几个按钮状态：

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android" > 
<item android:state_pressed="true" 
     android:drawable="@drawable/tri_up_blue" /> <!-- pressed --> 
<item android:state_selected="true" 
     android:drawable="@drawable/tri_up_blue" /> <!-- selected --> 
<item android:state_focused="true" 
     android:drawable="@drawable/tri_up_blue" /> <!-- focused --> 
<item android:drawable="@drawable/tri_up_green" /> <!-- default --> 
</selector> 

只要你的基本按钮。没什么特别的。而"@drawable/clear_button_background"仅仅是这样的：

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle"> 
    <solid android:color="@android:color/transparent"/> 
    <size android:width="20dp" android:height="30dp" /> 
</shape> 

高度和宽度这里是点击区域，根据需要调整。您可以在单个视图中重复使用此按钮，因为您需要在单个视图中使用该按钮，而不像荒谬的TouchDelegate。没有额外的听众。它不会将任何视图或组添加到您的层次结构中，并且您不会整天干扰填充和边距。

简单。优雅。