Come modificare immagini predefinite di CheckBox

Question

Sto usando ListView e per ogni riga che ho row_item.xml e mi gonfio che nel codice

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    > 
    <CheckBox 
     android:id="@+id/chk" 
     android:layout_alignParentLeft="true" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" /> 
    <TextView 
     android:id="@+id/txtChoice" 
     android:textColor="#FF0000" 
     android:text="TEST" 
     android:layout_toRightOf="@id/chk" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" /> 
</RelativeLayout> 

Come cambiare questa casella di controllo Usa un'altra immagine custom_1 quando viene controllato e un altro immagine custom_2 quando è deselezionata?

Answer 1

Drawable customdrawablecheckbox.xml:

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item android:state_checked="false" android:drawable="@drawable/unchecked_drawable" /> 
    <item android:state_checked="true" android:drawable="@drawable/checked_drawable" /> 
    <item android:drawable="@drawable/unchecked_drawable" /> <!-- default state --> 
</selector> 

yourcheckbox xml:

<CheckBox 
    android:id="@+id/chk" 
    android:button="@drawable/customdrawablecheckbox" 
    android:layout_alignParentLeft="true" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" /> 

Answer 2

checkbox è un pulsante, in modo da poter fornire il proprio drawable con check deselezionare lo stato e come sfondo della casella di controllo. Per esempio

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
<item android:state_checked="false" android:drawable="@drawable/yourdrawable1" /> 
<item android:state_checked="true" android:drawable="@drawable/yourdrawable2" /> 
<item android:drawable="@drawable/yourdrawable1" /> <!-- default --> 
</selector> 

e mettilo in un file.xml nella cartella drawable. Nella tua casella di controllo:

<CheckBox 
    android:button="@drawable/file" 
    android:id="@+id/chk" 
    android:layout_alignParentLeft="true" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" /> 

Answer 3

sua piuttosto facile :) In primo luogo è necessario creare una classe che CustomCheckBox estenderà CheckBox e sostituisce il metodo onDraw(Canvas canvas):

public class CustomCheckBox extends CheckBox { 
private final Drawable buttonDrawable; 

public CustomCheckBox(Context context, AttributeSet set) { 
    super(context, set); 
    buttonDrawable = getResources().getDrawable(R.drawable.custom_check_box); 
    try { 
     setButtonDrawable(android.R.color.transparent); 
    } catch (Exception e) { 
     // DO NOTHING 
    } 
    setPadding(10, 5, 50, 5); 
} 

@Override 
protected void onDraw(Canvas canvas) { 
    super.onDraw(canvas); 
    buttonDrawable.setState(getDrawableState()); 

    final int verticalGravity = getGravity() & Gravity.VERTICAL_GRAVITY_MASK; 
    final int height = buttonDrawable.getIntrinsicHeight(); 
    if (buttonDrawable != null) { 
     int y = 0; 

     switch (verticalGravity) { 
     case Gravity.BOTTOM: 
      y = getHeight() - height; 
      break; 
     case Gravity.CENTER_VERTICAL: 
      y = (getHeight() - height)/2; 
      break; 
     } 

     int buttonWidth = buttonDrawable.getIntrinsicWidth(); 
     int buttonLeft = getWidth() - buttonWidth - 5; 
     buttonDrawable.setBounds(buttonLeft, y, buttonLeft + buttonWidth, y + height); 
     buttonDrawable.draw(canvas); 
    } 
} 
} 

Crea anche il vostro selettore di nome custom_check_box nella cartella drawable:

<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item android:state_checked="true" android:state_window_focused="false" 
     android:drawable="@drawable/btn_check_on" /> 
    <item android:state_checked="false" android:state_window_focused="false" 
     android:drawable="@drawable/btn_check_off" /> 
    <item android:state_checked="true" android:state_pressed="true" 
     android:drawable="@drawable/btn_check_on" />  
    <item android:state_checked="false" android:state_focused="true" 
     android:drawable="@drawable/btn_check_off" /> 
    <item android:state_checked="false" android:drawable="@drawable/btn_check_off" /> 
    <item android:state_checked="true" android:drawable="@drawable/btn_check_on" /> 
</selector> 

e usare il vostro icone personalizzate/imgs nel XML qui sopra per tutti e tre gli stati (incentrato/premuto/default)

utilizzare il componente personalizzato nel XML come questo:

<*package + class path*.CustomCheckBox // example com.mypackage.ui.CustomCheckBox if your project is named "mypackage" and the class is in the "ui" folder 
      android:text="@string/text" 
      android:checked="false" android:layout_width="fill_parent" 
      android:id="@+id/myCheckbox" android:layout_height="wrap_content"/> 

e Java:

private CustomCheckBox mCheckbox; 
mCheckbox = (CustomCheckBox) findviewbyid(R.id.myCheckbox); 

Funziona perché l'ho usato in entrambi i modi :) E con alcune modifiche funziona anche per RadioButton allo stesso modo. Buona programmazione!

Answer 4

È possibile utilizzare il selettore in xml, che consente di modificare dinamicamente l'immagine della casella di controllo in base al relativo stato selezionato.

Ad esempio:

<item android:drawable="@drawable/ic_linkedin" android:state_checked="true" /> 
<item android:drawable="@drawable/ic_linkedin_disabled" android:state_checked="false" /> 

Nel seguente file, se la casella è selezionata, sarà impostato l'icona ic_linkedin e se la casella di controllo è deselezionata, impostare l'icona ic_linkedin_disabled .