默认的布局是:图在左,标签在右。可能不是我们想要的。
一个table 的add(Image),add(Label) ,可见是摆在同一行(row),图在左,标签在右。
如何修改布局?
一个可行的方法就是:先将它们两个清除,然后再以希望的排列位置进行布局。如下代码:
m_imageTextButton_reg.clearChildren();
m_imageTextButton_reg.setSize(500, 500); //如果不设置尺寸,可能导致显示不全的问题。
m_imageTextButton_reg.add(m_imageTextButton_reg.getLabel()).row();
m_imageTextButton_reg.add(m_imageTextButton_reg.getImage());
这样实现的效果就:两行,label 在上,image在下了!
这个宽度可取label与image.getdrawable()中的最小值。注意此处image的尺寸是0,需获取image中的drawable的尺寸。
这个高度取label与image.getdrawable的高度之和。
发散一下:以后自己写UI时,最好也就tabel进行布局,方便进行布局的变换。