Cómo agregar el botón de alternar en una aplicación de Android

ToggleButton es básicamente un botón de parada/reproducción o de encendido/apagado con una luz indicadora que indica el estado actual de ToggleButton. ToggleButton se usa ampliamente, algunos ejemplos son audio de encendido/apagado, Bluetooth, WiFi, punto de acceso, etc. Esta es una subclase de botón compuesto .

ToggleButton permite a los usuarios cambiar la configuración entre dos estados desde el menú de configuración de su teléfono, como encender o apagar su WiFi, Bluetooth, etc. Desde la versión de Android 4.0 (API nivel 14), tiene otro tipo de botón de alternar llamado interruptor que proporciona control deslizante al usuario.

Mediante programación, el método isChecked() se usa para verificar el estado actual del botón de alternar. Este método devuelve un valor booleano. Si un botón de alternancia está activado, devuelve verdadero; de lo contrario, devuelve falso. A continuación se muestra el ejemplo en el que se utiliza el botón de alternar.

Acercarse

  • Paso 1: cree un nuevo proyecto y complete todos los detalles necesarios para la aplicación, como el nombre de la aplicación, el nombre del paquete, etc.

    Seleccione Archivo -> Nuevo -> Nuevo proyecto -> complete los detalles requeridos y haga clic en «Finalizar»

  • Paso 2: en este paso, abra el archivo XML y agregue el código para mostrar el botón de alternar y una vista de texto.

    res -> Diseño -> Activity_Main.xml (o) Main.xml

    actividad_principal.xml

    <RelativeLayout
        xmlns:android="http://schemas.android.com/apk/res/android"  
        xmlns:tools="http://schemas.android.com/tools"  
        android:layout_width="match_parent"  
        android:layout_height="match_parent"  
        android:padding="16dp"  
        android:background="@color/white"  
        tools:context=".MainActivity">  
      
        <ToggleButton  
            android:id="@+id/toggleButton"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:layout_centerHorizontal="true"  
            android:layout_centerVertical="true"  
            android:onClick="onToggleClick"  
            />  
        <TextView  
            android:id="@+id/textView"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:layout_marginBottom="100dp"  
            android:layout_centerVertical="true"  
            android:layout_centerHorizontal="true"  
            android:layout_above="@+id/toggleButton"
            android:textStyle="bold"  
            android:textColor="@color/black"/>  
    </RelativeLayout>  
  • Paso 3: en este paso, abra MainActivity y agregue el siguiente código para inicializar el botón de alternancia y agregue el método onToggleClick que se invocará cuando el usuario haga clic en el botón de alternancia. Este método cambia el texto en la vista de texto.

    Abra la aplicación -> Java -> Paquete -> Mainactivity.java

    MainActivity.Java

    import androidx.appcompat.app.AppCompatActivity;
    import android.os.Bundle;
    import android.view.View;
    import android.widget.TextView;
    import android.widget.ToggleButton;
      
    public class MainActivity
        extends AppCompatActivity {
      
        ToggleButton togglebutton;
        TextView textview;
        @Override
        protected void onCreate(
            Bundle savedInstanceState)
        {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
      
            togglebutton
                = (ToggleButton)findViewById(
                    R.id.toggleButton);
      
            textview
                = (TextView)findViewById(
                    R.id.textView);
        }
      
        public void onToggleClick(View view)
        {
            if (togglebutton.isChecked()) {
                textview.setText("Toggle is ON");
            }
            else {
                textview.setText("Toggle is OFF");
            }
        }
    }

Producción:

Ahora conecte su dispositivo con un cable USB e inicie la aplicación. Verá un botón de alternar. Haga clic en el botón de alternancia que mostrará el estado del botón de alternancia.

Publicación traducida automáticamente

Artículo escrito por priyanshdhaketa14 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *