RAMPaperSwitch

关于

该项目由 Ramotion 公司维护。
我们专注于为移动应用和网站设计并编码定制 UI。

正在寻找为您的项目开发人员吗？
该项目由 Ramotion 公司维护。我们专注于为移动应用和网站设计和编码定制 UI。

提供的 iPhone 模拟图 可在 此处 获取。

实战体验此 UI 控件

需求

• iOS 8.0+
• Xcode 9.0+

安装

只需将 RAMPaperSwitch 文件夹添加到您的项目中。

或者使用 CocoaPods 并在 Podfile 中指定

pod 'RAMPaperSwitch' 

或者 Carthage 用户只需将其添加到他们的 Cartfile

github "Ramotion/paper-switch"

使用方法

RAMPaperSwitch 是 UISwitch 的即时替代品。只需设置开关的 onTintColor 属性，它就会自动 叠加选中颜色 到其父视图。您还可以自定义动画持续时间。

1. 在 Storyboard 或 nib 中创建一个新的 UISwitch。

2. 将 UISwitch 的类设置为 RAMPaperSwitch 在 Storyboard 或 nib 中。

3. 为开关设置 onTintColor

4. 如果您想更改动画持续时间，请通过代码设置 duration 属性。

5. 如果需要，为开关附近的视图添加动画。

动画视图

您可以为开关附近的视图添加动画。例如，您可以将颜色更改为同一父视图中内部的视图或标签。动画持续时间可以通过 RAMPaperSwitch 的 duration 属性获取。您可以这样动画 CoreAnimation 属性

self.paperSwitch.animationDidStartClosure = {(onAnimation: Bool) in
    UIView.transitionWithView(self.label, duration: self.paperSwitch.duration, options: UIViewAnimationOptions.TransitionCrossDissolve, animations: {
        self.label.textColor = onAnimation ? UIColor.whiteColor() : UIColor.blueColor()
    }, completion:nil)
}

这个库是我们精选 UI 开源项目之一的一部分。查看我们所有的最佳 UI 开源项目。

获取 Showroom App 以尝试

尝试此 UI 组件以及更多类似组件在我们的 iOS 应用中。如有兴趣，请联系我们。

关注我们获取最新更新