转帖请注明本文出自weimeig的博客（https://blog.csdn.net/weimeig/article/details/79663037），请尊重他人的辛勤劳动成果，谢谢

应朋友们反馈的Android基础薄弱的问题，决定出一套Android基础教程，帮助大家复习，巩固Android基础，今天要讲的是Android中的ToggleButton开关按钮。
布局文件 activity_togglebutton.xm
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="你今天开心吗？"/>
    <ImageView
        android:id="@+id/happy_iv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:src="@mipmap/ic_launcher"/>
    <ToggleButton
        android:id="@+id/tb"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:checked="true"
        android:textOff="不开心"
        android:textOn="开心"/>
</LinearLayout>


Java文件
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.ImageView;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.TextView;
import android.widget.Toast;
import android.widget.ToggleButton;


public class MainActivity extends AppCompatActivity  {
    private ToggleButton mToggleButton;
    private TextView mTextView;
    private ImageView mImageView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_togglebutton);

        mImageView = findViewById(R.id.happy_iv);
        mToggleButton = findViewById(R.id.tb);
        mToggleButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if(mToggleButton.isChecked()){
                    Toast.makeText(MainActivity.this,mToggleButton.getText().toString(),1000).show();
                    mImageView.setImageResource(R.mipmap.ic_launcher);//设置ImageView控件图片所显示的内容
                }else{
                    Toast.makeText(MainActivity.this,mToggleButton.getText().toString(),1000).show();
                    mImageView.setImageResource(R.drawable.ic_launcher_foreground);//设置ImageView控件图片所显示的内容
                }
            }
        });
    }
}

/**
 * Author:ZhangHao
 * Date:20:06 2018/11/14
 * Title:
 */

import javafx.application.Application;
import javafx.beans.value.ObservableValue;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.Alert;
import javafx.scene.control.ButtonType;
import javafx.scene.control.ToggleButton;
import javafx.scene.control.ToggleGroup;
import javafx.scene.layout.Pane;
import javafx.stage.Stage;

public class MyToggleButton extends Application {

    public static void main(String[] args) {
        launch(args);
    }

    @Override
    public void start(Stage primaryStage) {
        ToggleGroup styleToggleGroup = new ToggleGroup();
        Group group = new Group();

        ToggleButton AToggleButton = new ToggleButton("A");
        AToggleButton.setSelected(true);
        ToggleButton BToggleButton = new ToggleButton("B");
        ToggleButton CToggleButton = new ToggleButton("C");
        AToggleButton.setToggleGroup(styleToggleGroup);
        BToggleButton.setToggleGroup(styleToggleGroup);
        CToggleButton.setToggleGroup(styleToggleGroup);
        AToggleButton.setLayoutX(0.0);
        AToggleButton.setLayoutY(0.0);
        BToggleButton.setLayoutX(50.0);
        BToggleButton.setLayoutY(0.0);
        CToggleButton.setLayoutX(100.0);
        CToggleButton.setLayoutY(0.0);

        AToggleButton.selectedProperty().addListener((ObservableValue<? extends Boolean> observable, Boolean oldValue, Boolean newValue) -> {
            Alert alert = new Alert(Alert.AlertType.INFORMATION,"Click AToggleButton", ButtonType.FINISH);
            alert.show();
        });
        BToggleButton.selectedProperty().addListener((ObservableValue<? extends Boolean> observable, Boolean oldValue, Boolean newValue) -> {
            Alert alert = new Alert(Alert.AlertType.INFORMATION,"Click BToggleButton", ButtonType.FINISH);
            alert.show();
        });
        CToggleButton.selectedProperty().addListener((ObservableValue<? extends Boolean> observable, Boolean oldValue, Boolean newValue) -> {
            Alert alert = new Alert(Alert.AlertType.INFORMATION,"Click CToggleButton", ButtonType.FINISH);
            alert.show();
        });

        Pane pane = new Pane();
        pane.setPrefWidth(300);
        pane.setPrefHeight(300);
        group.getChildren().addAll(AToggleButton, BToggleButton, CToggleButton);
        pane.getChildren().addAll(group);
        Scene scene = new Scene(pane);
        primaryStage.setScene(scene);
        primaryStage.show();
    }
}
 
 

ToggleButton 开关按钮使用代码：
 
 

 
 

 
 
自定义onclick事件监听器：
 
public class TogClickListner implements Button.OnClickListener{
 

 

         @Override

         public void onClick(View v)

         {

             boolean checkflg= ((ToggleButton)v).isChecked();

             int value = checkflg?1:0;

             String msg = "{\"dousersetting\":\"";

             if(v.getId() == R.id.warnTogle){

                 msg +="warn|"+value;  

             }else if(v.getId() == R.id.statusTipTogle){

                 msg +="statusTip|"+value;  

             }else if(v.getId() == R.id.smartTipTogle){

                 msg +="smartTip|"+value;  

             }

             msg +="\"}";

             

             ActivityManager.main.ws.send(msg);

             

         }

 
        
 
    }
 
初始化按钮状态：
 
if(true){
         warnTogle.setChecked(true);
 }else{
          warnTogle.setChecked(false);
 }
 
 

 

展示
 
 
目录
 
 
源码
 
Resources/drawable/thumb_selctor.xml
 
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true">
        <shape>
            <corners android:radius="45dp"/>
            <size android:width="45dp" android:height="45dp"/>
            <solid android:color="#ffffff"/>
            <stroke android:color="#13ce66" android:width="5dp"/>
        </shape>
    </item>
    <item android:state_checked="false">
        <shape>
            <corners android:radius="45dp"/>
            <size android:width="45dp" android:height="45dp"/>
            <solid android:color="#ffffff"/>
            <stroke android:color="#ff4949" android:width="5dp"/>
        </shape>
    </item>
</selector>
 
Resources/drawable/track_selctor.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true">
        <shape>
            <corners android:radius="45dp"/>
            <size android:width="150dp" android:height="45dp"/>
            <solid android:color="#13ce66"/>
        </shape>
    </item>
    <item android:state_checked="false">
        <shape>
            <corners android:radius="45dp"/>
            <size android:width="150dp" android:height="45dp"/>
            <solid android:color="#ff4949"/>
        </shape>
    </item>
</selector>
 
Resources/values/styles.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="TextCSS">
        <item name="android:textSize">20dp</item>
        <item name="android:textColor">#333333</item>
    </style>
</resources>
 
主布局Resources/layout/layout.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="10dp">

    <ToggleButton
        android:id="@+id/tbtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <Switch
        android:id="@+id/swh"
        android:layout_toRightOf="@id/tbtn"
        android:layout_marginLeft="10dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:switchTextAppearance="@style/TextCSS"
        android:textOff="关"
        android:textOn="开"
        android:thumb="@drawable/thumb_selctor"
        android:track="@drawable/track_selctor"/>
    
    <Switch
        android:layout_toRightOf="@id/swh"
        android:layout_marginLeft="10dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:checked="true"
        android:showText="false"
        android:thumb="@drawable/thumb_selctor"
        android:track="@drawable/track_selctor"/>
    
</RelativeLayout>