一.问题重述
摘要里描述的可能不太清楚,问题如下图:
如何消除Button1和Button2之间的空隙,以及Button与左右边界之间的空隙?
二.问题根源
这里出现的空隙其实是Button的背景图片中的透明部分,如下图:(两个按钮被同时按下)
因为间隙是Button自身的一部分,所以设置margin和padding为0也无法消除(至于把margin设置为负值,额,这算解决方案吗?)
三.解决方案及验证
- 设置Button的style属性:+ View Code(初始)(两个按钮都被按下)方案1的效果:可以消除间隙,并且不影响按钮默认的点击效果(背景变蓝)
- 设置Button的style为自定义style(或者直接设置Button的background属性为自定义图片):+ View Code(初始/按下)方案2的效果:可以消除间隙,但按钮默认的点击效果没了
- 设置Button的background为透明色:+ View Code(初始/按下)方案3的效果:可以消除间隙,但按钮默认的点击效果没了(和方案2效果一样)
- 把LinearLayout换为TableLayout:+ View Code方案4的效果:无法消除间隙
- 自定义selector作为Button背景:+ View Code+ View Code(左边按钮被按下)方案5的效果:可以消除间隙,并且不影响按钮的默认点击效果(和方案1的效果类似,比方案1更好一些,可以自定义按钮背景)
四.总结
消除按钮间隙的关键在于改background属性,用边框不含透明色的图片作为按钮的背景即可消除间隙
消除按钮间隙建议使用方案5:自定义selector作为按钮背景图片