使用填充扩展 ImageView 的可点击区域？

Question

我有一个 ImageView，我希望它是可点击的。图像本身只有 32x32 像素，但我希望可点击区域更大，以便更容易点击。我希望我可以设置布局边距值以增加 imageview 的可点击区域的大小：

<ImageView
   layout_width="32dip"
   layout_height="32dip"
   layout_margin="20dip" />

那行不通，我能做的就是重新创建图像资源，使其周围有一个更大的透明区域。这有点烦人，因为如果我需要更改可点击区域，就很难调整。它也不仅仅是一个 png，它是一个 statelistdrawable，所以如果我需要调整可点击区域，我必须调整 3 个不同的 png。

我还能做什么？

谢谢

Answer 1

使用填充。如果用于在视图边界之外插入空间，则使用布局边距。

所有边的填充相同

  <ImageView
       android:padding="20dip" />

或在每一边设置填充

<ImageView
     android:paddingLeft="10dip"
     android:paddingRight="15dip"
     android:paddingTop="23dip"
     android:paddingBottom="12dip" />

希望有帮助！

Answer 2

我建议将minWidth 和minHeight 属性与scaleType="center" 结合使用，而不是调整图像大小（Peter Knego 的回答）或增加填充（Saimon 的回答）：

<ImageView
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:minWidth="40dp"
  android:minHeight="40dp"
  android:scaleType="center"
  android:src="@drawable/your_image" />

这样可以确保小图像的尺寸至少为 40x40dp，而如果图像更小则不会放大。如果有一天图像将被替换为大于minWidth 和minHeight 的另一张图像，它在缩小时不会超过 40x40dp。因此，始终保证 40x40dp 的最小可点击尺寸，并且始终可以很好地显示图像。

Answer 3

建议（自己从未尝试过）：

1. 创建任意大小的 ImageView，而不是在不缩放的情况下将图像放入其中

   ImageView.setScaleType(ImageView.ScaleType.CENTER).
   

2. 蛮力方法：创建新的更大的 png，原始图像居中，其余部分是透明的。

Answer 4

像下面这样使用；其中宽度/高度是您的触摸半径

<ImageView
  android:id="@+id/editProfile"
  android:layout_width="32dp"
  android:layout_height="32dp"
  android:padding="8dp"
  android:background="?attr/selectableItemBackgroundBorderless"
  android:src="@drawable/ic_edit"
  android:scaleType="fitCenter"
/>

在上面的代码中，我希望我的 src 大小被视为 24dp 宽度/高度。并且触摸半径为 32dp。所以我使用了 8dp 的填充。