CySwitch

An android custom switch view.

ScreenShot

Download from Gradle

Add to your root build.gradle:

    allprojects {
        repositories {
            ...
            maven { url 'https://jitpack.io' }
        }
    }

Add the dependency:

    dependencies {
            implementation 'com.github.ausboyue:CySwitch:1.1'
    }

Friendly Hints

If you can't download it, maybe you have used the Google's repository that you can't connect to the Google server.Please open the proxy or top the target repository.As follows：

    allprojects {
        repositories {
            maven { url 'https://jitpack.io' } // target repository,be top
            jcenter()
            google() // Google's repository
        }
    }

Download from Maven

Add the JitPack repository to your build file:

    <repositories>
        <repository>
            <id>jitpack.io</id>
            <url>https://jitpack.io</url>
        </repository>
    </repositories>

Add the dependency:

    <dependency>
        <groupId>com.github.ausboyue</groupId>
        <artifactId>CySwitch</artifactId>
        <version>1.1</version>
    </dependency>

Get Started

1. Edit codes in layout xml file as below :

    <cn.icheny.view.CySwitch
        android:id="@+id/cy_switch"
        android:layout_width="100dp"
        android:layout_height="40dp"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="25dp"
        app:bgHeight="40dp"
        app:bgWidth="100dp"
        app:borderColorChecked="@android:color/holo_green_dark"
        app:borderColorUnchecked="@android:color/holo_red_light"
        app:borderWidth="0dp"
        app:isChecked="true"
        app:sliderColorUnchecked="#FFFFFF"
        app:sliderHeight="36dp"
        app:sliderRadius="0dp"
        app:sliderWidth="46dp"
        app:textChecked="英文"
        app:textSize="15dp"
        app:textUnchecked="中文"
        app:viewRadius="0dp" />

2. Edit codes in java file as below :

        CySwitch cy_switch = findViewById(R.id.cy_switch);
        cy_switch.setViewRadius(radius);
        cy_switch.setSliderRadius(radius);
        cy_switch.setBorderWidth(width);
        cy_switch.checkable(true);
        cy_switch.setOnCheckedChangeListener(new CySwitch.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CySwitch switchView, boolean isChecked) {
                Toast.makeText(MainActivity.this, "Switch " + isChecked, Toast.LENGTH_SHORT).show();
            }
        });

Attributes introduction

属性	描述
isChecked	是否为Checked状态
switchable	是否可以切换
duration	动画时间间隔
viewRadius	控件圆角
borderWidth	边框宽度
borderColorChecked	边框颜色 Checked
borderColorUnchecked	边框颜色 Unchecked
bgColorChecked	背景颜色 Checked
bgColorUnchecked	背景颜色 Unchecked
sliderColorChecked	滑块颜色 Checked
sliderColorUnchecked	滑块颜色 Unchecked
sliderRadius	滑块圆角
sliderWidth	滑块宽
sliderHeight	滑块高
bgWidth	背景宽
bgHeight	背景高
textSize	文字大小
textUnchecked	文字 Unchecked
textChecked	文字 Checked
textColorChecked	文字颜色 Checked
textColorUnchecked	文字颜色 Unchecked

Bugs Report

If you find any bug when using it, please contact me. Thanks for helping me making better.

Author

Cheny - @ausboyue on GitHub, @www.icheny.cn

Other

Please give me some time to update the documentation.

Release note

1.1

• Add display text for different state.
• Refactor "CySwitch" some methods.

1.0.2

• Just help "jitpack.io" package.

1.0.1

• Optimize checked status of the CySwitch when it be toggled.

1.0.0

• release first version v1.0.0
• nothing now