如何解决如何删除CheckBox右侧的多余空间?
| 我正在使用自定义列表视图。我想在自定义视图中显示一个“ 0”。 text0ѭ没有文字。我发现在ѭ0的右边总是有一些空格。 这是我的布局xml文件:<?xml version=\"1.0\" encoding=\"utf-8\"?>
<LinearLayout xmlns:android=\"http://schemas.android.com/apk/res/android\"
android:layout_width=\"fill_parent\" android:layout_height=\"wrap_content\"
android:orientation=\"horizontal\" android:background=\"#fa9654\"
android:paddingTop=\"65dp\" android:paddingBottom=\"65dp\">
<TextView android:id=\"@+id/bus_route_list_item_num\"
android:layout_height=\"wrap_content\" android:layout_width=\"0dip\"
android:gravity=\"center\" android:layout_gravity=\"center_vertical|center_horizontal\"
android:layout_weight=\"0.15\"></TextView>
<TextView android:id=\"@+id/bus_route_list_item_station\"
android:layout_height=\"wrap_content\" android:layout_width=\"0dip\"
android:gravity=\"left\" android:layout_gravity=\"center_vertical|center_horizontal\"
android:layout_weight=\".5\"></TextView>
<TextView android:id=\"@+id/bus_route_list_item_fee\"
android:layout_height=\"wrap_content\" android:layout_width=\"0dip\"
android:gravity=\"center\" android:layout_gravity=\"center_vertical|center_horizontal\"
android:layout_weight=\".15\"></TextView>
<CheckBox android:id=\"@+id/bus_route_list_item_reminder\" android:layout_height=\"wrap_content\"
android:layout_width=\"0dip\" android:layout_weight=\".20\" android:gravity=\"center\"
android:layout_gravity=\"center\" android:paddingRight=\"0dp\" android:paddingLeft=\"0dp\"
android:paddingTop=\"0dp\" android:paddingBottom=\"0dp\" android:background=\"#0066ff\"
android:text=\"\"
/>
</LinearLayout>
结果如下:
http://pwong.name/checkBox_problem2.jpg
如您所见,该复选框的右侧有一些空间。我想要的是将复选框放在蓝色区域的中间。
是否可以删除不需要的空间?谢谢
解决方法
您可以在LinearLayout中包装
CheckBox
,然后在该布局上使用android:gravity=\"center\"
。
<LinearLayout
android:layout_height=\"wrap_content\"
android:layout_width=\"0dip\"
android:layout_weight=\".20\"
android:background=\"#ff0000\"
android:gravity=\"center\">
<CheckBox android:id=\"@+id/bus_route_list_item_reminder\"
android:layout_height=\"wrap_content\"
android:layout_width=\"wrap_content\"
/>
</LinearLayout>
另一种选择是,您可以使用RelativeLayout
。这将大大简化您的布局,并且您可以摆脱layout_weight
。
, 以前的解决方案都不适合我,但是我尝试将翻译应用于内容,并且效果很好,不需要其他布局层次结构,也不需要实现自己的视图:
<CheckBox
...
android:text=\"@null\"
android:translationX=\"12dp\" />
而且,它可以将元素的边界保持在适当的位置,因此触摸区域不会移动。
, 要删除图像右边的多余空间(没有文本时),请扩展CheckBox类并重写getSuggestedMinimumWidth()方法以返回那里的图像宽度。完整的解决方案:
import android.content.Context;
import android.graphics.drawable.Drawable;
import android.os.Build;
import android.util.AttributeSet;
import android.widget.CheckBox;
public class CheckBoxWithoutText extends CheckBox
{
private Drawable buttonDrawable;
public CheckBoxWithoutText(Context context)
{
super(context);
}
public CheckBoxWithoutText(Context context,AttributeSet attrs)
{
super(context,attrs);
}
@Override
protected int getSuggestedMinimumWidth()
{
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR1)
{
return getCompoundPaddingLeft() + getCompoundPaddingRight();
}
else
{
return buttonDrawable == null ? 0 : buttonDrawable.getIntrinsicWidth();
}
}
@Override
public void setButtonDrawable(Drawable d)
{
buttonDrawable = d;
super.setButtonDrawable(d);
}
}
, 我会在这里使用相对布局。右上角对齐复选框...
问候,
斯特凡
, ѭ11似乎有效。但是,如果要支持RTL布局,则会导致问题。另一种解决方案是将复选框的宽度设置为固定长度(例如26dp
):
<CheckBox
android:layout_width=\"26dp\"
android:layout_height=\"wrap_content\"
android:text=\"@null\" />
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。