SwitchButton的用法

1、switchbutton是项目开发中常用的开关控件,可直接引用系统中的switchbutton,刚刚写了一个小demo,研究了一下switchbutton中的一些常用属性:

  • swThumbDrawable: drawable of thumb(按钮的图像)
  • swThumb_margin: set inner margin between thumb and edges
  • swThumb_marginLeft/Top/Bottom/Right: set margin for specific edge
  • swThumb_width: set the width of thumb, probably used for gradient drawable(按钮的宽)
  • swThumb_height: set the height of thumb(按钮的高)
  • swThumbColor: like the onColor(按钮的颜色,默认为灰色,打开时根据类型所定)
  • swMeasureFactor: factor limit the minimum width equals almost (the height of thumb * measureFactor)(拇指高度)
  • swTextOn:按钮开始时显示的内容
  • swTextOff:按钮关闭的时显示的内容
  • swBackColor:开关背景色
  • swBackDrawable:开关背景图片
2、自己写的小demo:

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"
    android:orientation="vertical"
    tools:context="com.example.wls.myswitchbutton.MainActivity">

            android:id="@+id/switchButton1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        />
            android:id="@+id/switchButton2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        app:swThumbHeight="30dp"
        app:swThumbWidth="30dp"
        />
            android:id="@+id/switchButton3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        app:swThumbHeight="30dp"
        app:swThumbWidth="30dp"
        app:swThumbColor="#fff"
        app:swBackColor="@color/radiocolor"/>
            android:id="@+id/switchButton4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        app:swThumbHeight="30dp"
        app:swThumbWidth="30dp"
        app:swTextOn="ON"
        app:swTextOff="OFF"
        style="@style/SwitchButtonDefault"/>
            android:id="@+id/switchButton5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        app:swThumbHeight="30dp"
        app:swThumbWidth="30dp"
        app:swTextOn="ON"
        app:swTextOff="OFF"
        style="@style/SwitchButtonFlyme"/>
            android:id="@+id/switchButton6"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        app:swThumbHeight="30dp"
        app:swThumbWidth="30dp"
        app:swTextOn="ON"
        app:swTextOff="OFF"
        style="@style/SwitchButtonIOS"/>
            android:id="@+id/switchButton7"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        app:swThumbHeight="30dp"
        app:swThumbWidth="30dp"
        app:swTextOn="ON"
        app:swTextOff="OFF"
        style="@style/SwitchButtonMD"/>
            android:id="@+id/switchButton8"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        app:swThumbHeight="30dp"
        app:swThumbWidth="30dp"
        app:swTextOn="ON"
        app:swTextOff="OFF"
        style="@style/SwitchButtonMiui"/>

上面一系列SwitButton所对应的形式如图所示:

SwitchButton的用法_第1张图片   SwitchButton的用法_第2张图片

其中第三个按钮中XML中的Color如下:

xmlns:android="http://schemas.android.com/apk/res/android">
    android:color="#0757ec" android:state_checked="true"/>
    android:color="#AAAAAA" android:state_checked="false"/>
这里供上源码地址: SwitchButton

你可能感兴趣的:(SwitchButton的用法)