开关 3.0.0

开关 3.0.0

‘Jawad’ 维护。



开关 3.0.0

  • Jawad Ali

开关动画

动画开关集合

CI Status CocoaPods Version Carthage Compatible License Platform Swift 5.1

在您的应用中添加美观可定制的开关以增强您的应用UI和UX


偶尔我会浏览Dribbble,从中获取UI/UX设计师的灵感。在这些设计中,您通常能看到非原生控件元素。一些,如复选框,在UIKit中没有原生对应元素,而其他如开关——但几乎不可能进行定制。您甚至不能改变UISwitch的大小。如果您需要实现一个像这样的完全定制的开关用于您的应用

如果您想实现任何这些设计,子类化UISwitch将是一个糟糕的选择,因为你几乎不能自定义颜色——除了开关的开启/关闭颜色。所以我想到要重新设计UISwitch,以便我可以完全控制每一个方面,使其在未来更容易进行样式化。结果发现,从头开始构建这些控件非常简单(而且非常有趣!)我甚至将其扩展到设置开启/关闭文本或图像的能力。对于那些不了解的人来说,UISwitch具有开启/关闭图像,当设置时不再执行任何操作。

因此,我将Dribbble的开关Daily UI挑战中的几个视为挑战,并在本库中实现了它们。这个库具有酷炫、复杂的动画、设计和效果。此外,可定制的属性可以调整行为并增强您的应用程序UI的酷炫程度。使用此库,您可以将材料设计开关轻松集成到您的应用中。

您可以修改这些属性,并根据您的UI需求进行定制。下面是一些示例

使用示例

示例
开关 Dribble UI Challenge: https://dribbble.com/shots/4148855-Switcher-XXXIII
开关FullStrtech Dribble UI Challenge:https://dribbble.com/shots/3844909-On-Off
SD开关 Dribble UI Challenge:https://dribbble.com/shots/3545882-Switch-with-server-calls
Yap暗黑与亮模式切换 Dribble UI Challenge:https://dribbble.com/shots/2484722-Daily-Ui-Day-15-On-Off-Switch
Yap动画切换 Dribble UI Challenge:https://dribbble.com/shots/2309834-Yet-another-toggle-animation
SD开关 Dribble UI Challenge:https://dribbble.com/shots/5192899-Simple-toggle
Yap全文切换 Dribble UI Challenge:https://dribbble.com/shots/2330566-Morph-Switch
JDSwitch Dribble UI Challenge:https://dribbble.com/shots/2346044-Switch-on-off
YapSmileSwitch Dribble UI Challenge:https://dribbble.com/shots/2011284-Switcher-ll
YapLiquidSwitch Dribble UI Challenge:https://dribbble.com/shots/2028065-Switcher-lll
YapSwitchSlim Dribble UI Challenge:https://dribbble.com/shots/2158763-simple-toggle
YapGradientSwitch Dribble UI Challenge:https://dribbble.com/shots/2603107-toggle-switch-micro-interaction
YapHalfStretchSwitch
YapSwitch
YapFullStretchSwitch
YapSwitch

要求

  • iOS 10.0+ / Mac OS X 10.9+ / watchOS 2.0+ / tvOS 9.0+
  • Xcode 8.0+

安装

CocoaPods

要使用 CocoaPods 将 开关动画 集成到您的 Xcode 项目中,请在您的 Podfile 中指定它

use_frameworks!

pod 'Switches'

接下来,运行以下命令

$ pod install

Swift Package Manager (SPM)

先决条件

  • macOS

更新 Package.swift

为了在您的项目中集成 开关动画,请将适当的描述添加到您的 Package.swift 文件中

// swift-tools-version:5.0
import PackageDescription

let package = Package(
    name: "YOUR_PROJECT_NAME",
    dependencies: [
        .package(url: "https://github.com/jwd-ali/Switch-Animations.git")
    ],
    targets: [
        .target(
            name: "YOUR_TARGET_NAME",
            dependencies: ["Switch-Animations"]
        ),
        ...
    ]
)

Carthage

要使用 Carthage 将 开关动画 集成到您的 Xcode 项目中,请在您的 Cartfile 中指定它

github "jwd-ali/Switch-Animations"

手动

如果你不希望使用依赖管理器,你可以手动将Switches Animations集成到你的项目中。

  • 将资源文件夹添加至你的项目

集成

查看演示Xcode项目,其中属性有适当的注释,如有疑问,请发送邮件至 [email protected]

小心!!!

在长时间使用框架的过程中可能会产生不可逆转的后果。

贡献

我很乐意得到对这个项目的帮助。对于小的更改,请到 请发起一个pull request,对于较大的更改,请先到 请发起一个issue 讨论。

许可证

Switch-Animations遵循MIT许可证。更多信息请参阅LICENSE文件。