Nativescript-Android-iOSSwitch

Android 的轻量级 iOS 开关视图样式。欢迎提供反馈和 PR。

演示

| ---------- | |

原生库

安装

从您的命令提示符/终端进入您的应用程序根目录并执行

npm i nativescript-android-iosswitch --save

使用方法

XML

<Page 
    xmlns="http://schemas.nativescript.org/tns.xsd" 
    xmlns:AndroidIosSwitch="nativescript-android-iosswitch" loaded="pageLoaded"> 
    <Page.actionBar>
      <ActionBar title="Nativescript Android iosSwitch" />
  </Page.actionBar>
  <StackLayout height="150" width="80">
   
      <AndroidIosSwitch:AndroidIosSwitch id="sb" color="red"/>
      
       <Button text="True"  tap="{{ onTrue }}" />
       <Button text="false"  tap="{{ onFalse}}" />
      
        
  </StackLayout>
</Page>

TS

import {AndroidIosSwitch} from 'nativescript-android-iosswitch';
private npb: AndroidIosSwitch;
  constructor(mainPage: Page) {
    super();
    this.npb = <AndroidIosSwitch>mainPage.getViewById('sb');

  }
     public onTrue() {
        this.npb.toggleSwitch(true);
    }
  public onFalse() {
        this.npb.setChecked(false);
    }

方法

isChecked()

/**

• @return 开关视图的状态 */

setChecked(boolean)

/**

• 如果设置为 true，状态变为开启；
• 如果设置为 false，状态变为关闭
• @param isChecked */

toggleSwitch(boolean)

/**

• 如果设置为 true，状态变为开启；
• 如果设置为 false，状态变为关闭
• 
  带有动画改变状态
• @param isChecked */