libgdx, ImageTextButton 的文字与图的位置关系

默认的布局是:图在左,标签在右。可能不是我们想要的。


一个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进行布局,方便进行布局的变换。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值