Android切换按钮,开关示例

时间:2020-02-23 14:29:21  来源:igfitidea点击:

今天,我们将学习android应用中的Android切换按钮和开关。
我们将在应用程序中讨论并实现"切换按钮"小部件和" ToggleButton"小部件。

Android切换按钮

Android切换按钮用于显示按钮的打开和关闭状态。
自Android 4.0开始,切换是另一种主要使用的切换按钮。
Android Switch提供了滑块控件。
ToggleButton和Switch都是CompoundButton类的子类。

下面介绍用于定义ToggleButton的XML属性。

  • android:disabledAlpha:禁用时应用于指标的Alpha
  • android:textOff:按钮未选中时的文本
  • android:textOn:按钮被选中时的文本

要以编程方式修改ToggleButton,请使用以下方法。

  • CharSequence getTextOff():当按钮未处于选中状态时,它返回文本
  • CharSequence getTextOn():返回按钮处于选中状态时的文本
  • void setChecked(booleanchecked):改变这个按钮的检查状态

Android开关

Android Switch或者SwitchCompat窗口小部件(AppCompat库的一部分,为向下版本的Android版本直至Android API v7提供向后兼容性)是自定义的"开-关"滑块,通常在电话设置中看到。

Android Switch Widget的优点:

  • 它是复选框和单选按钮的最佳替代
  • 实施仅需不到一分钟
  • 无需使用大量可绘制对象和其他资源

下面给出了SwitchCompat的xml布局:

<android.support.v7.widget.SwitchCompat
      android:id="@+id/switchButton"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:textAppearance="?android:attr/textAppearanceMedium"
      android:text="Switch example"
      

android:text用于显示文本(除了滑块开关按钮)。

Android切换按钮和开关示例

在此应用程序中,我们将显示两个ToggleButton和一个Switch按钮。
当按下" FloatingActionButton"时,切换按钮的状态将显示在SnackBar中。
只要单击快餐列的操作按钮,"切换"按钮的状态就会更改为true。
或者通过滑动开关在小吃列中显示状态。

Android切换按钮和开关项目结构

Android切换按钮代码

" activity_main.xml"保持不变。
content_main.xml包含两个切换按钮和一个默认情况下选中为false的开关,如下面的代码片段所示:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="https://schemas.android.com/apk/res/android"
  xmlns:app="https://schemas.android.com/apk/res-auto"
  xmlns:tools="https://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:paddingBottom="@dimen/activity_vertical_margin"
  android:paddingLeft="@dimen/activity_horizontal_margin"
  android:paddingRight="@dimen/activity_horizontal_margin"
  android:paddingTop="@dimen/activity_vertical_margin"
  app:layout_behavior="@string/appbar_scrolling_view_behavior"
  tools:context="com.theitroad.switchandtoggle.MainActivity"
  tools:showIn="@layout/activity_main">

  <ToggleButton
      android:id="@+id/tb1"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_alignParentLeft="true"
      android:layout_alignParentTop="true"
      android:text="ToggleButton 1"
      android:textOff="Off"
      android:textOn="On" 

  <ToggleButton
      android:id="@+id/tb2"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_alignBaseline="@+id/tb1"
      android:layout_alignBottom="@+id/tb1"
      android:layout_toRightOf="@+id/tb1"
      android:text="ToggleButton 2"
      android:textOff="Off"
      android:textOn="On" 

  <android.support.v7.widget.SwitchCompat
      android:id="@+id/switchButton"
      android:layout_width="wrap_content"
      android:layout_centerInParent="true"
      android:checked="false"
      android:layout_height="wrap_content"
      android:textAppearance="?android:attr/textAppearanceMedium"
      android:text="Switch example"
      

</RelativeLayout>

MainActivity.java如下:

package com.theitroad.switchandtoggle;

import android.graphics.Color;
import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.SwitchCompat;
import android.support.v7.widget.Toolbar;
import android.view.View;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.CompoundButton;
import android.widget.ToggleButton;

public class MainActivity extends AppCompatActivity {

  ToggleButton tb1, tb2;
  SwitchCompat switchCompat;

  @Override
  protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
      setSupportActionBar(toolbar);

      FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
      fab.setOnClickListener(new View.OnClickListener() {
          @Override
          public void onClick(View view) {

              StringBuilder result = new StringBuilder();
              result.append("ToggleButton1 : ").append(tb1.getText());
              result.append("\nToggleButton2 : ").append(tb2.getText());

             Snackbar snackbar= Snackbar.make(view, result.toString(), Snackbar.LENGTH_LONG)
                      .setAction("SWITCH ENABLE", new View.OnClickListener() {
                          @Override
                          public void onClick(View v) {
                              switchCompat.setChecked(true);
                          }
                      });

              snackbar.setActionTextColor(Color.RED);
              snackbar.show();
          }
      });

      tb1= (ToggleButton)findViewById(R.id.tb1);
      tb2=(ToggleButton)findViewById(R.id.tb2);
      switchCompat=(SwitchCompat)findViewById(R.id.switchButton);

      switchCompat.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
          @Override
          public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {

              Snackbar.make(buttonView, "Switch state checked "+isChecked, Snackbar.LENGTH_LONG)
                      .setAction("ACTION",null).show();
          }
      });

  }

  @Override
  public boolean onCreateOptionsMenu(Menu menu) {
      //Inflate the menu; this adds items to the action bar if it is present.
      getMenuInflater().inflate(R.menu.menu_main, menu);
      return true;
  }

  @Override
  public boolean onOptionsItemSelected(MenuItem item) {
      //Handle action bar item clicks here. The action bar will
      //automatically handle clicks on the Home/Up button, so long
      //as you specify a parent activity in AndroidManifest.xml.
      int id = item.getItemId();

      //noinspection SimplifiableIfStatement
      if (id == R.id.action_settings) {
          return true;
      }

      return super.onOptionsItemSelected(item);
  }
}

字符串构建器用于获取切换按钮的当前状态,并将其附加以显示在小吃列中。
开关按钮是复合按钮的子类,如上面的代码所示,实现了一个" OnCheckChangeListener"。