AppCompat Button主题问题：如何消除蓝色边框间距及角落小黑点？

嘿，我来帮你搞定这个AppCompatButton的主题bug！你遇到的蓝色边框与按钮实际边框的间距、还有按钮角落的小黑点，都是AppCompatButton默认主题属性在搞鬼，咱们一步步拆解解决：

1. 蓝色边框间距问题 #

这个蓝色边框通常是AppCompatButton自带的**默认轮廓（outline）**或者主题里残留的背景内边距导致的。你已经设置了app:backgroundTint="@color/transparent"，但主题里可能还留着默认的背景样式或outline属性没清干净。

解决步骤：

• 打开你的Control.Button.Normal.Gray主题，添加这些属性来彻底清除默认样式：

  <style name="Control.Button.Normal.Gray" parent="Widget.AppCompat.Button">
      <!-- 移除默认的蓝色轮廓 -->
      <item name="android:outlineProvider">none</item>
      <!-- 清除背景自带的内边距，消除间距 -->
      <item name="android:insetLeft">0dp</item>
      <item name="android:insetRight">0dp</item>
      <item name="android:insetTop">0dp</item>
      <item name="android:insetBottom">0dp</item>
      <!-- 如果需要灰色背景，替换成你自定义的drawable；不需要就设为透明 -->
      <item name="android:background">@color/transparent</item>
  </style>
  

  把inset属性全设为0，就能彻底消除蓝色边框和按钮之间的空隙。

2. 按钮角落小黑点问题 #

这个小黑点一般是默认水波纹（ripple）效果和按钮背景的边角不匹配导致的，尤其是你用了android:foreground="?android:selectableItemBackground"的时候，默认ripple的边角可能和你预期的不一样。

解决步骤：

• 自定义一个和按钮边角匹配的水波纹drawable（比如命名为drawable/btn_custom_ripple.xml）：

  <?xml version="1.0" encoding="utf-8"?>
  <ripple xmlns:android="http://schemas.android.com/apk/res/android"
      android:color="@color/your_ripple_color">
      <item android:id="@android:id/mask">
          <shape android:shape="rectangle">
              <!-- 这里的圆角半径要和你按钮的圆角保持一致 -->
              <corners android:radius="@dimen/btn_corner_radius" />
              <solid android:color="@color/white" />
          </shape>
      </item>
  </ripple>
  

• 然后把Button的foreground替换成这个自定义水波纹：

  android:foreground="@drawable/btn_custom_ripple"
  

• 另外检查下主题里的android:background是否设置了带圆角的drawable，确保背景和水波纹的圆角半径完全一致，这样就不会出现边角小黑点了。

3. 额外排查小技巧 #

• 确认你的主题parent是Widget.AppCompat.Button，别继承更上层的主题，避免带入多余的默认属性。
• 如果还是有问题，可以先临时移除android:foreground属性，看看小黑点是否消失，排查是不是水波纹和背景的冲突。

内容的提问来源于stack exchange，提问作者Mangesh Kadam