Android-开关按钮ToggleButton

Android-开关按钮ToggleButton

---

ToggleButton只有两种状态，true和false，很适用于制作一些是和否的情况事件。

---

属性：

---

例子：
布局文件：

<LinearLayout 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:orientation="vertical"              android:paddingBottom="@dimen/activity_vertical_margin"              android:paddingLeft="@dimen/activity_horizontal_margin"              android:paddingRight="@dimen/activity_horizontal_margin"              android:paddingTop="@dimen/activity_vertical_margin"              tools:context=".MainActivity"    >   <ToggleButton       android:layout_marginBottom="20dp"       android:id="@+id/id_toggleBtn"       android:layout_width="match_parent"       android:layout_height="wrap_content"       android:textOff="关"       android:textOn="开"/>    <ImageView        android:id="@+id/id_image"        android:scaleType="fitXY"        android:layout_width="match_parent"        android:layout_height="330dp"        android:background="@mipmap/a2"/></LinearLayout>

主活动：

package com.xieth.as.togglebuttondemo;import android.os.Bundle;import android.support.v7.app.AppCompatActivity;import android.widget.CompoundButton;import android.widget.ImageView;import android.widget.ToggleButton;public class MainActivity extends AppCompatActivity implements CompoundButton.OnCheckedChangeListener {    private ToggleButton tb = null;    private ImageView iv = null;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        getSupportActionBar().hide();        initViews();        eventViews();    }    private void eventViews() {        tb.setOnCheckedChangeListener(this);    }    private void initViews() {        tb = (ToggleButton) findViewById(R.id.id_toggleBtn);        iv = (ImageView) findViewById(R.id.id_image);    }    @Override    public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {        iv.setBackgroundResource(isChecked ? R.mipmap.a1 : R.mipmap.a2);    }}

运行效果：

但是默认图标太丑了，我们可以自定义图标。

---

首先选取两张图标：

---

btn_style.xml

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:state_checked="false" android:drawable="@mipmap/off"></item>    <item android:state_checked="true" android:drawable="@mipmap/on"></item></selector>

主布局文件：

<ToggleButton       android:layout_gravity="center"       android:layout_marginBottom="20dp"       android:id="@+id/id_toggleBtn"       android:layout_width="wrap_content"       android:layout_height="wrap_content"       android:checked="false"       android:textOff=""       android:textOn=""       android:background="@drawable/btn_style"       />

运行效果：

水平有限，就没有添加动画效果了。慢慢努力。。。

---