Android ToggleButton详解及实例代码

Desglose de ToggleButton de Android

En el proceso de desarrollo de Android, la frecuencia de uso del ToggleButton también es bastante alta. A continuación, hablaré de las dos formas de uso de este componente.

La primera es el uso simple, utilizando Toast para mostrar mensajes de sugerencia.

Debería notarse que para personalizar el contenido de visualización del ToggleButton, es necesario configurar el contenido de TextOn y 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="Encendido"
    android:textOff="Apagado"
    android:layout_alignRight="@"+id/imageview"
    android:text="Simple test" />

Luego está el código principal de visualización:

case R.id.toggleButton1:
      if(SimpleTest.isChecked()){
        Toast.makeText(getApplication(), "Abrió el botón de encendido", Toast.LENGTH_SHORT).show();
      }
        Toast.makeText(getApplication(), "Abrió el botón de apagado", Toast.LENGTH_SHORT).show();
      }
      break;
      //Debería notarse que primero se debe declarar y inicializar el ToggleButton y luego registrar el método de escucha.

A continuación, se muestra un caso de uso un poco más complejo, es decir, combinarlo con ImageView para lograr diferentes estados de visualización de imágenes

<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="Belleza"
    android:textOff="Icono"
    android:text="Con Imagen" />
 <ImageView 
    android:id="@"+id/imageview"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:src="@drawable/note"
    android:layout_below="@id/toggleButton2"
    />

Luego es el código del evento

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

Es necesario tener en cuenta que también necesitamos declararlo primero antes de usarlo, de lo contrario se producirá un error de puntero nulo.

A continuación, se muestra el resultado después de la ejecución del programa

Resumen y Proyecciones:

Generalmente, el ToggleButton utilizado durante el uso no es tan simple, pero la idea principal y el marco aún se basan aquí. Podemos agregar el manejo del silencio o el cambio de estado de status en los métodos de escucha relacionados. De esta manera, nuestra aplicación se volverá más flexible.