English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Detalhamento e exemplo de código do ToggleButton do Android

Explicação detalhada do Android ToggleButton

Durante o desenvolvimento de Android, a frequência de uso do ToggleButton também é relativamente alta. Vou explicar abaixo as duas maneiras de usar este componente.

O primeiro é o uso simples, aproveitando o Toast para exibir mensagens de aviso.

Deve ser notado que para personalizar o conteúdo de exibição do ToggleButton, é necessário configurar os conteúdos de 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="Ligado"
    android:textOff="Desligado"
    android:layout_alignRight="@"+id/imageview"
    android:text="Simple test" />

Em seguida, está o código principal de exibição:

case R.id.toggleButton1:
      if(SimpleTest.isChecked()){
        Toast.makeText(getApplication(), "Você abriu o botão ligado", Toast.LENGTH_SHORT).show();
      }
        Toast.makeText(getApplication(), "Você abriu o botão desligado", Toast.LENGTH_SHORT).show();
      }
      break;
      //Deve ser notado que primeiro deve ser declarado e inicializado o ToggleButton, e em seguida, registrar o método de escuta.

A seguir é um caso de uso um pouco mais complexo,那就是com o ImageView para implementar diferentes estados de exibição de imagem

<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="bela mulher"
    android:textOff="ícone"
    android:text="Com Imagem" />
 <ImageView 
    android:id="@"+id/imageview"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:src="@drawable/note"
    android:layout_below="@id/toggleButton2"
    />

Então é o código da atividade

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

É necessário notar que precisamos declarar antes de usá-lo, senão será exibido o erro de ponteiro nulo.

A seguir está o resultado da execução do programa

Resumo e Especulação:

Geralmente, o ToggleButton usado durante o uso não é tão simples, mas a ideia principal e a estrutura ainda são baseadas aqui. Podemos adicionar no método de escuta relevante, por exemplo, o tratamento de silêncio ou a mudança de status, etc. Dessa forma, nossa aplicação se tornará mais flexível.

Você também pode gostar