Как удалить ненужные пространства справа от CheckBox?

Я работаю над пользовательским списком. Я хочу показать CheckBox в пользовательском представлении. Для CheckBox нет текста. Я обнаружил, что у него всегда есть пробелы справа от CheckBox.

Вот мой 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

Как вы можете видеть, есть некоторое пространство справа от флажка. Я хочу поставить флажок в середине синей области.

Можно ли удалить нежелательное пространство? спасибо

Ответы

Ответ 1

Вы можете обернуть CheckBox в LinearLayout, а затем использовать 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.

Ответ 2

Ни один из предыдущих решений не работал у меня, но я попытался применить перевод к контенту, и он работал очень хорошо, не нужно в дополнительной иерархии раскладки и не реализовал собственные представления:

                <CheckBox
                ...
                android:text="@null"
                android:translationX="12dp" />

Кроме того, он удерживает границы элемента в нужном месте, поэтому область касания не сдвигается.

Ответ 3

Чтобы удалить лишнее пространство справа от изображения (при отсутствии текста), расширьте класс CheckBox и переопределите метод getSposedMinimumWidth(), чтобы вернуть ширину изображения. Полное решение:

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);
    }
}

Ответ 4

Я бы использовал относительный макет. Выравнивание флажка на родительском праве...

С уважением, Stéphane

Ответ 5

translationX X, кажется, работает. Но это вызывает проблемы, если вы хотите поддерживать макеты RTL. Другим решением было бы установить ширину флажка на фиксированную длину (например, 26dp):

<CheckBox
    android:layout_width="26dp"
    android:layout_height="wrap_content"
    android:text="@null" />