Android - CheckBox ve metin arasındaki boşluk

Bir CheckBox denetimindeki onay kutusu ile ilişkili metin arasına dolgu eklemenin kolay bir yolu var mı?

Yalnızca önde gelen boşlukları ekleyemiyorum, çünkü etiketim çok satırlı.

Olduğu gibi, metin onay kutusuna çok yakın:

Kendi sorumu cevaplamaktan nefret ediyorum, ama bu durumda ihtiyacım olduğunu düşünüyorum. Kontrol ettikten sonra @Falmarri cevabı ile doğru yoldaydı. Sorun şu ki Android'in CheckBox kontrolü zaten metni olduğu yerde almak için android: paddingLeft özelliğini kullanıyor.

Kırmızı çizgi, tüm CheckBox öğesinin paddingLeft ofset değerini gösterir

XML düzenimdeki dolguyu geçersiz kılarsam, düzeni bozar. PaddingLeft = "0" ayarının yaptığı:

XML'de bunu düzeltemediğiniz anlaşılıyor. Bunu kodda yaptınız. İşte 10dp'lik sabit kodlu bir artış ile snippet'im.

final float scale = this.getResources().getDisplayMetrics().density;
checkBox.setPadding(checkBox.getPaddingLeft() + (int)(10.0f * scale + 0.5f),
        checkBox.getPaddingTop(),
        checkBox.getPaddingRight(),
        checkBox.getPaddingBottom());

Bu, yeşil çizginin dolgudaki artış olduğu aşağıdakileri sağlar. Farklı cihazlar onay kutusu için farklı çekilebilir malzemeler kullanabileceğinden, bu bir değeri kodlamaktan daha güvenlidir.

GÜNCELLEME - İnsanların aşağıdaki yanıtlarda yakın zamanda bahsettiği gibi, bu davranış Jelly Bean'de (4.2) açıkça değişti. Uygulamanızın hangi sürümde çalıştığını kontrol etmesi ve uygun yöntemi kullanması gerekir.

4.3+ için padding_left ayarını yapmanız yeterlidir. Ayrıntılar için htafoya'nın cevabına bakınız.

@DougW yanıtı verildiğinde, sürümü yönetmek için yaptığım daha basit, onay kutusu görünümüme ekliyorum:

android:paddingLeft="@dimen/padding_checkbox"

burada dimen iki değer klasöründe bulunur:

değerler

<resources>

    <dimen name="padding_checkbox">0dp</dimen>

</resources>

değerler-v17 (4.2 JellyBean)

<resources>

    <dimen name="padding_checkbox">10dp</dimen>

</resources>

Ben özel bir kontrol var, en iyi seçim için dps kullanın.

Kullanım bağlıyor android:drawableLeftyerine android:button. Çizilebilir ve metin kullanımı arasında dolgu ayarlamak için android:drawablePadding. Çekilebilir kullanımı konumlandırmak için android:paddingLeft.

<CheckBox
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:button="@null"
        android:drawableLeft="@drawable/check_selector"
        android:drawablePadding="-50dp"
        android:paddingLeft="40dp"
        />

Android 4.2 Jelly Bean (API 17), paddingLeft öğesini buttonDrawable'dan (sağ kenar) içeri koyuyor. Ayrıca RTL modu için de çalışır.

4.2 paddingLeft düğmeyi yoksaymadan önce Çizilebilir - CompoundButton görünümünün sol kenarından alındı.

Bunu XML ile çözebilirsiniz - paddingLeft'i buttonDrawable.width + requiredSpace olarak eski androidlerde ayarlayın. Yalnızca API 17 kurulumunda requiredSpace olarak ayarlayın. Örneğin, boyut kaynaklarını kullanın ve değerler-v17 kaynak klasöründe geçersiz kılın.

Değişiklik android.widget.CompoundButton.getCompoundPaddingLeft ();

Evet, dolgu ekleyerek dolgu ekleyebilirsiniz.

android:padding=5dp

Kodsuz temiz bir tasarım istiyorsanız, şunu kullanın:

<CheckBox
   android:id="@+id/checkBox1"
   android:layout_height="wrap_content"
   android:layout_width="wrap_content"
   android:drawableLeft="@android:color/transparent"
   android:drawablePadding="10dp"
   android:text="CheckBox"/>

Hile, rengi saydam olarak ayarlamak android:drawableLeftve için bir değer atamaktır android:drawablePadding. Ayrıca, saydamlık, bu tekniği yan etki olmadan herhangi bir arka plan rengi üzerinde kullanmanıza izin verir - renk uyuşmazlığı gibi.

API 17 ve üstü için şunları kullanabilirsiniz:

android: paddingStart = "24dp"

API 16 ve önceki sürümlerde şunları kullanabilirsiniz:

android: paddingLeft = "24dp"

Benim durumumda XML'de aşağıdaki CheckBox özniteliğini kullanarak bu sorunu çözdüm:

*

robot: paddingLeft = "@ Dimen / activity_horizontal_margin"

*

Basit çözüm, bu satırı CheckBox özelliklerine ekleyin , 10dp'yi istediğiniz boşluk değeri ile değiştirin

android:paddingLeft="10dp"

Adamları tanımıyorum ama test ettim

<CheckBox android:paddingLeft="8mm" tüm metni değil, metni yalnızca sağa taşır.

Bana yakışıyor.

Neden Android CheckBox'ı daha iyi dolguya sahip olmak için genişletmiyoruz? Bu şekilde CheckBox'ı her kullandığınızda kodda düzeltmek yerine sabit CheckBox'ı kullanabilirsiniz.

İlk Uzat Onay Kutusu:

package com.whatever;

import android.content.Context;
import android.util.AttributeSet;
import android.widget.CheckBox;

/**
 * This extends the Android CheckBox to add some more padding so the text is not on top of the
 * CheckBox.
 */
public class CheckBoxWithPaddingFix extends CheckBox {

    public CheckBoxWithPaddingFix(Context context) {
        super(context);
    }

    public CheckBoxWithPaddingFix(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    public CheckBoxWithPaddingFix(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    public int getCompoundPaddingLeft() {
        final float scale = this.getResources().getDisplayMetrics().density;
        return (super.getCompoundPaddingLeft() + (int) (10.0f * scale + 0.5f));
    }
}

İkinci olarak normal bir CheckBox oluşturmak yerine xml'nizde genişletilmiş bir CheckBox oluşturun

<com.whatever.CheckBoxWithPaddingFix
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Hello there" />

Ben sadece şu sonuca vardım:

CheckBox'ı geçersiz kıl ve özel bir çekilebilir ürününüz varsa bu yöntemi ekleyin:

@Override
public int getCompoundPaddingLeft() {

    // Workarround for version codes < Jelly bean 4.2
    // The system does not apply the same padding. Explantion:
    // http://stackoverflow.com/questions/4037795/android-spacing-between-checkbox-and-text/4038195#4038195

    int compoundPaddingLeft = super.getCompoundPaddingLeft();

    if (Build.VERSION.SDK_INT < Build.VERSION_CODES.JELLY_BEAN_MR1) {
        Drawable drawable = getResources().getDrawable( YOUR CUSTOM DRAWABLE );
        return compoundPaddingLeft + (drawable != null ? drawable.getIntrinsicWidth() : 0);
    } else {
        return compoundPaddingLeft;
    }

}

veya çekilebilir sistemi kullanıyorsanız:

@Override
public int getCompoundPaddingLeft() {

    // Workarround for version codes < Jelly bean 4.2
    // The system does not apply the same padding. Explantion:
    // http://stackoverflow.com/questions/4037795/android-spacing-between-checkbox-and-text/4038195#4038195

    int compoundPaddingLeft = super.getCompoundPaddingLeft();

    if (Build.VERSION.SDK_INT < Build.VERSION_CODES.JELLY_BEAN_MR1) {
        final float scale = this.getResources().getDisplayMetrics().density;
        return compoundPaddingLeft + (drawable != null ? (int)(10.0f * scale + 0.5f) : 0);
    } else {
        return compoundPaddingLeft;
    }

}

Cevap için teşekkürler :)

Jelly Bean'de bu davranış değişmiş gibi görünüyor. PaddingLeft hilesi ek dolgu ekleyerek metnin çok doğru görünmesini sağlar. Bunu fark eden var mý?

Onay işareti ile metin arasındaki boşluk için:

android:paddingLeft="10dp"

Ancak 10dp'den fazla olur, çünkü onay işareti etrafında dolgu (yaklaşık 5dp) bulunur. Dolguyu kaldırmak istiyorsanız Android CheckBox çevresindeki dolguyu kaldırma konusuna bakın :

android:paddingLeft="-5dp"
android:layout_marginStart="-5dp"
android:layout_marginLeft="-5dp"
// or android:translationX="-5dp" instead of layout_marginLeft

<CheckBox
        android:paddingRight="12dip" />

Onay kutusu veya radyo düğmesi için özel görüntü seçiciniz varsa, aşağıdaki gibi aynı düğme ve arka plan özelliğini ayarlamanız gerekir:

            <CheckBox
                android:id="@+id/filter_checkbox_text"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:button="@drawable/selector_checkbox_filter"
                android:background="@drawable/selector_checkbox_filter" />

Arka plan özelliğiyle onay kutusunun veya radyo düğmesi dolgusunun boyutunu kontrol edebilirsiniz.

xml dosyasında sadece bir parametre olması gerekir

android:paddingLeft="20dp"

0dpAndroid 9 API 28'de minHeight ve minWidth'i benim için en temiz ve en doğrudan çözüm olarak ayarlamak :

<CheckBox
        android:id="@+id/checkbox"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:minHeight="0dp"
        android:minWidth="0dp" />

Özel düğmeler oluşturuyorsanız, örn . Onay kutusunun görünümünü değiştirme eğitimine bakın

Ardından, görüntünün ortasına bir veya iki saydam piksel sütunu ekleyerek btn_check_label_background.9.png genişliğini artırın; 9 yama işaretleyicilerini olduğu gibi bırakın.

Yaptığım şey, (göreli) bir TextViewve bir CheckBoxiçerisine sahip olmak Layout. TextViewGörüntüler Ben kullanıcı görmek istiyorum ve bu metin CheckBoxherhangi bir metin bulunmamaktadır. Bu şekilde, CheckBoxistediğim yerde pozisyon / dolgu ayarlayabilirim .

Bir Galaxy S3 mini (android 4.1.2) ile aynı sorunu yaşadım ve sadece özel onay kutumu CheckBox yerine AppCompatCheckBox'ı uzattım . Şimdi mükemmel çalışıyor.

Dolgunuzu bu boyuta eklemek için kullandığınız görüntünün boyutunu almanız gerekir. Android cihazlarda, src'de belirttiğiniz çekilebilirliği alırlar ve daha sonra boyutunu kullanırlar. Özel bir değişken olduğundan ve ona erişemediğiniz alıcı olmadığından. Ayrıca com.android.internal.R.styleable.CompoundButtonunu alamazsınız ve çekilebilir oradan alabilirsiniz.

Bu yüzden kendi stilinizi (yani custom_src) oluşturmanız gerekir veya doğrudan RadioButton uygulamanıza ekleyebilirsiniz:

public class CustomRadioButton extends RadioButton {

    private Drawable mButtonDrawable = null;

    public CustomRadioButton(Context context) {
        this(context, null);
    }

    public CustomRadioButton(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public CustomRadioButton(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        mButtonDrawable = context.getResources().getDrawable(R.drawable.rbtn_green);
        setButtonDrawable(mButtonDrawable);
    }

    @Override
    public int getCompoundPaddingLeft() {
        if (Util.getAPILevel() <= Build.VERSION_CODES.JELLY_BEAN_MR1) {
            if (drawable != null) {
                paddingLeft += drawable.getIntrinsicWidth();
            }
        }
        return paddingLeft;
    }
}

Muhtemelen android:buttonmülkünüz için çekilebilir bir seçici kullandığınızdan, aşağıdaki android:constantSize="true"gibi varsayılan bir çekilebilir kalem eklemeniz ve / veya belirtmeniz gerekir :

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" android:constantSize="true">
  <item android:drawable="@drawable/check_on" android:state_checked="true"/>
  <item android:drawable="@drawable/check_off"/>
</selector>

Bundan sonra, android:paddingLeftxml onay kutunuzda özellik belirtmeniz gerekir .

Eksileri:

Düzen düzenleyicide api 16 ve altı ile onay kutusunun altına giden metni alacaksınız, bu durumda önerilen gibi ancak api seviyesi 16 için özel onay kutusu sınıfı oluşturarak düzeltebilirsiniz .

Gerekçe:

StateListDrawable#getIntrinsicWidth()çağrı dahili olarak kullanıldığı için bir hatadır , ancak mevcut durum yoksa ve sabit boyut kullanılmazsa değer CompoundButtondöndürebilir < 0.

Bu sorunu aşmak için yapmanız gereken eklemektir android:singleLine="true"için checkBoxandroid xml düzeninde:

<CheckBox 
   android:id="@+id/your_check_box"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:singleLine="true"
   android:background="@android:color/transparent"
   android:text="@string/your_string"/>

ve programlı olarak özel bir şey eklenmeyecek.

Seçici kendi çizilebilir kullandığımda onay kutusu görüntü çakışan, ben aşağıdaki kodu kullanarak çözdüm:

CheckBox cb = new CheckBox(mActivity);
cb.setText("Hi");
cb.setButtonDrawable(R.drawable.check_box_selector);
cb.setChecked(true);
cb.setPadding(cb.getPaddingLeft(), padding, padding, padding);

Alex Semeniuk'a teşekkürler

Sonunda görüntüleri değiştirerek bu sorunla karşılaşıyorum. PNG dosyalarına ekstra şeffaf arka plan ekledim. Bu çözüm tüm API'larda mükemmel çalışır.

Belki çok geç, ama bu sorunu yönetmek için yardımcı yöntemler oluşturdum.

Bu yöntemleri araçlarınıza ekleyin:

public static void setCheckBoxOffset(@NonNull  CheckBox checkBox, @DimenRes int offsetRes) {
    float offset = checkBox.getResources().getDimension(offsetRes);
    setCheckBoxOffsetPx(checkBox, offset);
}

public static void setCheckBoxOffsetPx(@NonNull CheckBox checkBox, float offsetInPx) {
    int leftPadding;
    if (Build.VERSION.SDK_INT <= Build.VERSION_CODES.JELLY_BEAN) {
        leftPadding = checkBox.getPaddingLeft() + (int) (offsetInPx + 0.5f);
    } else {
        leftPadding = (int) (offsetInPx + 0.5f);
    }
    checkBox.setPadding(leftPadding,
            checkBox.getPaddingTop(),
            checkBox.getPaddingRight(),
            checkBox.getPaddingBottom());
}

Ve şöyle kullanın:

    ViewUtils.setCheckBoxOffset(mAgreeTerms, R.dimen.space_medium);

ya da bunun gibi:

    // Be careful with this usage, because it sets padding in pixels, not in dp!
    ViewUtils.setCheckBoxOffsetPx(mAgreeTerms, 100f);

Checkbox için metni ayarlamak yerine, aşağıdaki şeyleri yaptım ve tüm cihazlar için benim için çalıştı. 1) XML'de, birbiri ardına onay kutusu ve metin görünümü ekleyin; biraz mesafe tutmak. 2) Onay kutusu metin boyutunu 0sp olarak ayarlayın. 3) Bu metin görünümüne onay kutusunun yanındaki göreli metin ekleyin.

<CheckBox android:drawablePadding="16dip" - Çekilebilir malzemeler ve metin arasındaki dolgu.