zoukankan      html  css  js  c++  java
  • 自定义SwitchButton

      效果:

    源码:https://github.com/zcweng/SwitchButton

    一、添加引用:

    repositories {
        mavenCentral()
        jcenter()
    }
    
    ...
    
    dependencies {
        compile 'com.github.zcweng:switch-button:0.0.3@aar'
    }

    二、布局文件:

     <com.suke.widget.SwitchButton
            android:id="@+id/switch_button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

    三、Activity:

    com.suke.widget.SwitchButton switchButton = (com.suke.widget.SwitchButton)
        findViewById(R.id.switch_button);
    
    switchButton.setChecked(true);
    switchButton.isChecked();
    switchButton.toggle();     //switch state
    switchButton.toggle(false);//switch without animation
    switchButton.setShadowEffect(true);//disable shadow effect
    switchButton.setEnabled(false);//disable button
    switchButton.setEnableEffect(false);//disable the switch animation
    switchButton.setOnCheckedChangeListener(new SwitchButton.OnCheckedChangeListener() {
        @Override
        public void onCheckedChanged(SwitchButton view, boolean isChecked) {
            //TODO do your job
        }
    });

    四、More Style:

    <attr name="sb_shadow_radius" format="reference|dimension"/>       阴影半径
    <attr name="sb_shadow_offset" format="reference|dimension"/>       阴影偏移
    <attr name="sb_shadow_color" format="reference|color"/>            阴影颜色
    <attr name="sb_uncheck_color" format="reference|color"/>           关闭颜色
    <attr name="sb_checked_color" format="reference|color"/>           开启颜色
    <attr name="sb_border_width" format="reference|dimension"/>        边框宽度
    <attr name="sb_checkline_color" format="reference|color"/>         开启指示器颜色
    <attr name="sb_checkline_width" format="reference|dimension"/>     开启指示器线宽
    <attr name="sb_uncheckcircle_color" format="reference|color"/>     关闭指示器颜色
    <attr name="sb_uncheckcircle_width" format="reference|dimension"/> 关闭指示器线宽
    <attr name="sb_uncheckcircle_radius" format="reference|dimension"/>关闭指示器半径
    <attr name="sb_checked" format="reference|boolean"/>               是否选中
    <attr name="sb_shadow_effect" format="reference|boolean"/>         是否启用阴影
    <attr name="sb_effect_duration" format="reference|integer"/>       动画时间,默认300ms
    <attr name="sb_button_color" format="reference|color"/>            按钮颜色
    <attr name="sb_show_indicator" format="reference|boolean"/>        是否显示指示器,默认true:显示
    <attr name="sb_background" format="reference|color"/>              背景色,默认白色
    <attr name="sb_enable_effect" format="reference|boolean"/>         是否启用特效,默认true
  • 相关阅读:
    async和await
    Promise
    初始flexbox
    制作一个slider动画
    初探React编程逻辑(结合业务需求)
    原型(prototype)和继承(inherit)
    什么是词法环境(lexical scope)
    typeScript是什么
    typeScript基础类型
    原型,原型链,call/apply
  • 原文地址:https://www.cnblogs.com/xinyibufang/p/7427952.html
Copyright © 2011-2022 走看看