Spiegazione dettagliata e codice di esempio di Android ToggleButton

Spiegazione dettagliata di Android ToggleButton

Nel processo di sviluppo Android, l'uso di ToggleButton è abbastanza frequente. Vi parlerò delle due modalità di utilizzo di questo componente.

Il primo è un uso semplice, che utilizza Toast per visualizzare messaggi di avviso

È importante notare che per personalizzare il contenuto di ToggleButton è necessario impostare i contenuti di TextOn e TextOff.

<ToggleButton
    android:id="@+id/toggleButton1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignBaseline="@+id/toggleButton2"
    android:layout_alignBottom="@+id/toggleButton2"
    android:textOn="Accensione"
    android:textOff="Spegnimento"
    android:layout_alignRight="@+id/imageview"
    android:text="Simple test" />

Poi c'è il codice principale di visualizzazione:

case R.id.toggleButton1:
      if(SimpleTest.isChecked()){
        Toast.makeText(getApplication(), "Hai aperto il pulsante di accensione", Toast.LENGTH_SHORT).show();
      }
        Toast.makeText(getApplication(), "Hai aperto il pulsante di spegnimento", Toast.LENGTH_SHORT).show();
      }
      break;
      //È importante notare che è necessario dichiarare e inizializzare ToggleButton prima di registrare il metodo di ascolto

Ecco un esempio di utilizzo più complesso, che prevede l'uso con ImageView per mostrare diverse immagini

<ToggleButton
    android:id="@+id/toggleButton2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/imageview"
    android:layout_alignParentTop="true"
    android:layout_marginTop="46dp"
    android:textOn="Bella"
    android:textOff="Icona"
    android:text="With Image" />
 <ImageView 
    android:id="@+id/imageview"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:src="@drawable/note"
    android:layout_below="@id/toggleButton2"
    />

Poi è il codice dell'attività

case R.id.toggleButton2:
      if(WithImage.isChecked()){
        imageview.setImageResource(R.drawable.note);
      }
        imageview.setImageResource(R.drawable.ic_launcher);
      }
      break;

Deve essere notato che dobbiamo dichiararlo prima di utilizzarlo, altrimenti verrà visualizzato un errore di puntatore nullo.

Ecco il risultato dopo l'esecuzione del programma

Sommario e prospettive:

Di solito non è così semplice utilizzare il ToggleButton durante l'uso, ma l'idea principale e la struttura sono basate su questo. Possiamo aggiungere nella relativa funzione di ascolto, ad esempio la gestione del silenziamento o la modifica dello stato, ecc. In questo modo, la nostra applicazione diventerà più flessibile.