ToggleButton en Kotlin

En Android , ToggleButton es como un interruptor que contiene dos estados, ENCENDIDO o APAGADO , que se representa mediante valores booleanos verdadero y falso, respectivamente. ToggleButton a diferencia del interruptor no tiene una interfaz deslizante, es decir, no podemos deslizar para cambiar los estados. Es como un botón. En este artículo, discutiremos cómo crear un ToggleButton en Kotlin.

Atributos XML del botón de alternancia de Android

Nota: ToggleButton hereda la clase de botón de android . Por lo tanto, todos los atributos del botón también son aplicables aquí.

Los siguientes son algunos de los atributos importantes adicionales disponibles a lo largo de ToggleButton

Atributo Descripción
Android: identificación El id asignado al botón de alternar
android:textOff El texto que se muestra en el botón cuando no está marcado
Android:textOn El texto que se muestra en el botón cuando está marcado
android:disabledAlpha El alfa (opacidad) que se aplicará cuando esté deshabilitado.

Crear un nuevo proyecto en Android Studio

Para crear un nuevo proyecto en Android Studio, siga estos pasos:

  1. Haga clic en Archivo, luego en Nuevo y luego en Nuevo proyecto y asigne el nombre que desee.
  2. Elija «Actividad vacía» para la plantilla del proyecto.
  3. Luego, seleccione Compatibilidad con el idioma Kotlin y haga clic en el botón siguiente.
  4. Seleccione SDK mínimo, lo que necesite

Modificar actividad_principal.xml

XML

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
  
    <ToggleButton
        android:id="@+id/toggleButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

Acceso al botón de alternar

Se puede acceder al botón de alternar en el diseño usando la findViewById()función.

val toggle: ToggleButton = findViewById(R.id.toggleButton)

Después de acceder, configure un oyente para realizar acciones según el estado de alternancia usando el setOnCheckedChangeListener()método.

toggle.setOnCheckedChangeListener { _, isChecked -> **Perform Any Action Here**}

Modificar el archivo MainActivity.kt

Java

package com.example.togglebuttonsample
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Toast
import android.widget.ToggleButton
  
class MainActivity : AppCompatActivity() {
  
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
  
        val toggle: ToggleButton = findViewById(R.id.toggleButton)
        toggle.setOnCheckedChangeListener { _, isChecked ->
            Toast.makeText(this, if(isChecked) "Geek Mode ON" else "Geek Mode OFF", Toast.LENGTH_SHORT).show()
        }
    }
}

Ejecutar en emulador

Publicación traducida automáticamente

Artículo escrito por z0o0p 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 *