CLDialog 1.0.1

CLDialog 1.0.1

×

由 Darren-chenchen 维护。

CLDialog 1.0.1

  • 作者：
  • Darren-chenchen

CLDialog iOS 弹框组件

Pod Version Pod Platform Pod License

要求

  • iOS 8.0+
  • swift 3.0+

主要功能：

  • 类似于 iOS 系统中的弹框，支持标题+内容+按钮
  • 展示图片的弹框
  • 可输入文本的弹框。文本框支持设置最大长度、自定义正则表达式、自动换行等。
  • 支持横竖屏

更新日志

- 版本号 1.0.0：项目初始化

使用方式

pod 'CLDialog'

CLDialog 的使用

目前提供 3 种类型的弹框

1.普通弹框，调用cl_show方法

CLDialog.cl_show(title: "温馨提示", msg: "确定要取消？", leftActionTitle: "确定", rightActionTitle: "取消", leftHandler: {
}) {
}

2.带有图片显示的弹框，调用cl_showImg方法

CLDialog.cl_showImg(success: true, msg: "提交成功", leftActionTitle: "知道了", rightActionTitle: nil, leftHandler: nil, rightHandler: nil)

3.带有输入文本框的弹框，调用cl_showInput方法

CLDialog.cl_showInput(msg: "请输入取消原因", leftActionTitle: "取消", rightActionTitle: "确定", leftHandler: { (text) in
   print(text)
}) { (text) in
   print(text)
}

详细使用介绍

1.普通弹框，可扩展属性介绍

  • 在默认情况下，普通弹框的左侧按钮颜色为灰色，右侧为黑色，文本居中显示，默认有动画效果。

  • 提供如下可扩展属性，可以设置文本的对齐方式、主题颜色、自定义动画，具体请参考示例代码。

/// 内容的对齐方式
public var textAlignment = NSTextAlignment.center
/// 设置主题色，2个按钮时只设置右边的主题色，1个按钮时显示主题色
public var mainColor = UIColor.black
/// 是否支持动画
public var supportAnimate = true
/// 自定义动画
public var animate = CABasicAnimation()
  • 针对上述属性的使用，以下是几种常见案例的详细说明：
1) 场景1：全局设置CLDialog的相关属性

在Appdelegate中：

CLDialogManager.share.mainColor = UIColor.red
2）场景1：全局设置CLDialog的主题色为红色，但在某个页面需要将其设置为蓝色。

首先在Appdelegate中：

CLDialogManager.share.mainColor = UIColor.red

在需要设置蓝色的位置，记得重置主题色。

CLDialogManager.share.mainColor = UIColor.blue
CLDialog.cl_show(title: "温馨提示", msg: "确定要取消？", leftActionTitle: "确定", rightActionTitle: "取消", leftHandler: {
   print("点击了左边")
   CLDialogManager.share.mainColor = UIColor.red
}) {
   print("点击了右边")
   CLDialogManager.share.mainColor = UIColor.red
}
3）自定义弹框动画
let shakeAnimation = CABasicAnimation.init(keyPath: "position")
shakeAnimation.duration = 0.2
shakeAnimation.fromValue = NSValue.init(cgPoint: CGPoint.init(x: KScreenWidth*0.5, y: 0))
shakeAnimation.toValue = NSValue.init(cgPoint: CGPoint.init(x: KScreenWidth*0.5, y: KScreenHeight*0.5))
shakeAnimation.autoreverses = false
CLDialogManager.share.animate = shakeAnimation
CLDialog.cl_show(title: "温馨提示", msg: "自定义动画", leftActionTitle: "取消", rightActionTitle: "确定", leftHandler: {
}) {

2.带有图片的弹框，可扩展属性介绍

带有图片的弹框的可扩展属性拥有上面普通弹框的所有属性，额外还支持更换图片

public var successImage = UIImage(named: "ic_toast_success", in: BundleUtil.getCurrentBundle(), compatibleWith: nil)
public var failImage = UIImage(named: "icon_sign", in: BundleUtil.getCurrentBundle(), compatibleWith: nil)

3.带有输入文本框的弹框，支持普通弹框的所有属性外，还支持以下功能

/// 最多允许输入多少个字符
public var maxLength: Int?
/// 只允许输入数字和小数点
public var onlyNumberAndPoint: Bool?
/// 设置小数点位数
var pointLength: Int?
/// 只允许输入数字
public var onlyNumber: Bool?
/// 禁止输入表情符号emoji
public var allowEmoji: Bool?
/// 正则表达式
var predicateString: String?

使用注意

1.由于CLDialogManager 是一个单例对象，当设置相应的属性后，那整个项目的Dialog就会保持这个属性值。如果项目Dialog较为统一，那么只要在appdelegate中设置一次即可，如果只是想偶尔改变一次Dialog的属性值，那么再改变之后，记得重新赋值一下相关的属性。

截图