Android开发消除横向排列的多个Button之间的空隙

一时失言乱红尘 2022-08-10 00:45 249阅读 0赞

# [Android开发消除横向排列的多个Button之间的空隙][Android_Button] #

**一.问题重述**

摘要里描述的可能不太清楚，问题如下图：

![291203186681626.png][]

如何消除Button1和Button2之间的空隙，以及Button与左右边界之间的空隙？

**二.问题根源**

这里出现的空隙其实是Button的背景图片中的透明部分，如下图：（两个按钮被同时按下）

![291544533091639.png][]

因为间隙是Button自身的一部分，所以设置margin和padding为0也无法消除（至于把margin设置为负值，额，这算解决方案吗？）

**三.解决方案及验证**

1.  设置Button的style属性:
    
    [\+  ][ ]
    
    ![291616506066027.png][]（初始）
    
    ![291617382776564.png][]（两个按钮都被按下）
    
    方案1的效果：可以消除间隙，并且不影响按钮默认的点击效果（背景变蓝）
2.  设置Button的style为自定义style（或者直接设置Button的background属性为自定义图片）:
    
    [\+  ][ ]
    
    ![291627125274194.png][]（初始/按下）
    
    方案2的效果：可以消除间隙，但按钮默认的点击效果没了
3.  设置Button的background为透明色：
    
    [\+  ][ ]
    
    ![291630351686585.png][]（初始/按下）
    
    方案3的效果：可以消除间隙，但按钮默认的点击效果没了（和方案2效果一样）
4.  把LinearLayout换为TableLayout：
    
    [\+  ][ ]
    
    ![291633181689520.png][]
    
    方案4的效果： 无法消除间隙
5.  自定义selector作为Button背景：
    
    [\+  ][ ]
    
    [\+  ][ ]
    
    ![291636455271539.png][]（左边按钮被按下）
    
    方案5的效果：可以消除间隙，并且不影响按钮的默认点击效果（和方案1的效果类似，比方案1更好一些，可以自定义按钮背景）

**四.总结**

消除按钮间隙的关键在于改background属性，用边框不含透明色的图片作为按钮的背景即可消除间隙

消除按钮间隙建议使用方案5：自定义selector作为按钮背景图片

[Android_Button]: http://www.cnblogs.com/ayqy/p/4130570.html
[291203186681626.png]: /images/20220731/f443f02a175343ab9723f24423046da5.png
[291544533091639.png]: /images/20220731/bf458abe290c4b748af01cb6d069e1c0.png
[ ]: http://www.cnblogs.com/ayqy/p/4130570.html#
[291616506066027.png]: /images/20220731/eb8f2fa9413b46eaac531a8e95f84009.png
[291617382776564.png]: /images/20220731/8a5c2d53e2164685a559409c1b01e8fd.png
[291627125274194.png]: /images/20220731/e4eb68975b894ad6a00bb2dafcbcbca9.png
[291630351686585.png]: /images/20220731/4fd75bcfc6174df798a74bc32d3202b3.png
[291633181689520.png]: /images/20220731/addad6d1c0e44670afc1a850918092f4.png
[291636455271539.png]: /images/20220731/5bfa9687541347e2bcf56363d0d52e24.png