QUGenderView
示例
要运行示例项目,请克隆仓库,并首先从 Example 目录运行 pod install
。
需求
安装
QUGenderView 通过 CocoaPods 提供。要安装它,只需将以下行添加到您的 Podfile:
pod 'QUGenderView'
概述
此视图及其图层在性别选择时创建 2D 动画。它提供了一个回调完成处理程序,用于通知用户选择的是 male
还是 female
。
性别视图
性别视图
是主要类,负责管理所有动画以及性别选择方面的用户交互。您可以按照以下几步使用该类。性别视图
的初始化方法接受一个参数,即代表男性和女性服装颜色的颜色。
let genderView = GenderView(frame: self.view.frame, andColor: UIColor.darkGray)
self.view.addSubview(genderView)
您可以使用自定义的 UI-Design
技巧来定制这个视图。您需要设置一些属性。
要设置 男孩
和 女孩
按钮的背景颜色,应将您指定的颜色分配给名为 genderButtonColor
的 性别视图
对象属性。
genderView.genderButtonColor = .white
要设置两个按钮的 textColor
,您需要分配一个 selectedButtonColor
给 性别视图
。
genderView.selectedButtonColor = .lightGray
要注册一个回调方法以便知道选定了哪个性别,应调用以下方法并添加完成处理程序。此完成处理程序会返回选定的性别类型,类型为 GenderType
枚举。您可以像这样使用它。
genderView?.genderIsSelected(completion: { (selectedGenderType: GenderType) in
//This completionHandler will call whenever user tap on Boy/Girl button.
})
附加控制。
您还可以额外控制 topLabel
以及 男孩
和 女孩
按钮,分别作为 maleButton
和 femaleButton
。
GenderType
GenderType
是从 String
继承的 Swit enum
。以下是此 Swift enum
的声明示例。
public enum GenderType: String {
case male = "male"
case female = "female"
}
Contributions
作者
Syed Qamar Abbas
许可证
QUGenderView可在MIT许可证下使用。有关更多信息,请参阅LICENSE文件。