如何在按钮中使图像和文本更接近?

时间:2015-04-25 15:49:24

标签: android android-layout android-xml android-button android-tablelayout

在我的项目中,我有一个3x3 TableLayout ,由九个不同的 按钮 组成。每个 按钮 都会在其上方绘制一个图像,并在其下方放置一小段文字。为了清楚起见,drawable和text是 Buttons ,使用" drawableTop "和" android:text " XML中定义的变量。

我想知道,如果可以将drawable和文本拉近,因为在屏幕较大的手机上UI看起来有些偏差。

App on Nexus 4

App on Nexus 6

我意识到我必须为小型手机,手机,小型平板电脑和大型平板电脑制作不同的XML布局文件。但是,正如我对它进行分类时,Nexus 6是一部手机,因此我可能不会为它制作单独的布局文件。

除非您告诉我需要使用 LinearLayout 并使用 ImageButton 和<强大的> TextView 因为我已经尝试过了,但事实并非如此。

2 个答案:

答案 0 :(得分:0)

说到这一点,我通常使用两个视图,一个用于文本,一个用于图像,并将它们放入ViewGroup,然后分配给onClickListener。这给了我更多的自由和定制,同时降低了性能。

但要回答您的问题,您可以将android:drawablePaddingandroid:paddingTop结合使用来控制图片与文字之间的空间。

答案 1 :(得分:0)

嗯,简单的答案可能是值得文本视图的顶部填充。如果这对您不起作用,则另一种解决方案是使用针对此类情况的相对布局。这样,您可以保持您正在寻找的视觉效果,同时保持布局结构平坦,这对性能有利。