mirror of https://github.com/xaoxuu/ProHUD
296 lines
13 KiB
Swift
296 lines
13 KiB
Swift
//
|
||
// ToastVC.swift
|
||
// PHDemo
|
||
//
|
||
// Created by xaoxuu on 2022/9/3.
|
||
//
|
||
|
||
import UIKit
|
||
import ProHUD
|
||
|
||
class ToastVC: ListVC {
|
||
|
||
override func viewDidLoad() {
|
||
super.viewDidLoad()
|
||
|
||
let title = "通知条控件"
|
||
let message = "通知条控件，用于非阻塞性事件通知。显示效果如同原生通知，默认会自动消失，可以支持手势移除，有多条通知可以平铺并列显示。"
|
||
header.titleLabel.text = "ProHUD.Toast"
|
||
header.detailLabel.text = message
|
||
|
||
Toast.Configuration.shared { config in
|
||
config.contentViewMask { mask in
|
||
mask.backgroundColor = .clear
|
||
mask.effect = UIBlurEffect(style: .systemChromeMaterial)
|
||
}
|
||
}
|
||
|
||
|
||
list.add(title: "默认布局") { section in
|
||
section.add(title: "标题 + 正文") {
|
||
Toast(.title(title).message(message)).push()
|
||
}
|
||
section.add(title: "一段长文本") {
|
||
Toast(.message(message)).push()
|
||
}
|
||
section.add(title: "图标 + 标题 + 正文") {
|
||
let s1 = "正在加载"
|
||
let s2 = "这条通知4s后消失"
|
||
let toast = Toast(.loading(4).title(s1).message(s2))
|
||
toast.push()
|
||
toast.update(progress: 0)
|
||
DispatchQueue.main.asyncAfter(deadline: .now() + 1) {
|
||
toast.update(progress: 0.5)
|
||
}
|
||
DispatchQueue.main.asyncAfter(deadline: .now() + 2) {
|
||
toast.update(progress: 1)
|
||
}
|
||
DispatchQueue.main.asyncAfter(deadline: .now() + 2.5) {
|
||
toast.update { toast in
|
||
toast.vm = .success(10).title("加载成功").message("这条通知10s后消失")
|
||
}
|
||
}
|
||
}
|
||
section.add(title: "图标 + 一段长文本") {
|
||
Toast(.note.message(message)).push()
|
||
}
|
||
}
|
||
|
||
list.add(title: "事件管理") { section in
|
||
section.add(title: "点击事件") {
|
||
let title = "您收到了一条消息"
|
||
let message = "点击通知横幅任意处即可回复"
|
||
Toast(.msg.title(title).message(message)) { toast in
|
||
toast.onTapped { toast in
|
||
toast.pop()
|
||
Alert(.success(1).message("操作成功")).push()
|
||
}
|
||
}
|
||
}
|
||
section.add(title: "增加按钮") {
|
||
let title = "您收到了一条好友申请"
|
||
let message = "丹妮莉丝·坦格利安申请添加您为好友，是否同意？"
|
||
Toast(.title(title).message(message)) { toast in
|
||
toast.isRemovable = false
|
||
toast.vm.icon = UIImage(named: "avatar")
|
||
toast.imageView.layer.masksToBounds = true
|
||
toast.imageView.layer.cornerRadius = toast.config.iconSize.width / 2
|
||
toast.add(action: "拒绝", style: .destructive) { toast in
|
||
Alert.lazyPush(identifier: "Dracarys") { alert in
|
||
alert.vm = .message("Dracarys")
|
||
alert.vm.icon = UIImage(inProHUD: "prohud.windmill")
|
||
alert.vm.rotation = .init(repeatCount: .infinity)
|
||
alert.config.enableShadow = false
|
||
alert.config.contentViewMask { mask in
|
||
mask.effect = .none
|
||
mask.backgroundColor = .clear
|
||
}
|
||
alert.config.backgroundViewMask { mask in
|
||
mask.backgroundColor = .systemRed
|
||
}
|
||
alert.config.iconSize = .init(width: 64, height: 64)
|
||
alert.config.boldTextFont = .init(name: "Papyrus", size: 40)
|
||
alert.config.dynamicTextColor = .white
|
||
}
|
||
}
|
||
toast.add(action: "同意") { toast in
|
||
Alert.find(identifier: "Dracarys", update: { alert in
|
||
alert.pop()
|
||
})
|
||
toast.pop()
|
||
Alert(.success(1).message("Good choice!")).push()
|
||
}
|
||
}
|
||
}
|
||
|
||
section.add(title: "禁止手势移除") {
|
||
let title = "这条消息很重要"
|
||
let message = "向上滑动将不会移除消息，您必须手动处理，用于重要但非阻塞性的事件。（通过代码处理或者在点击事件处理）"
|
||
Toast(.warning.title(title).message(message)) { toast in
|
||
toast.isRemovable = false
|
||
toast.onTapped { toast in
|
||
toast.pop()
|
||
testAlert()
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
list.add(title: "实例管理") { section in
|
||
var i = 0
|
||
section.add(title: "多实例共存") {
|
||
Toast(.loading.title("多实例共存").message("直接创建的实例，以平铺方式排列").duration(2)).push()
|
||
}
|
||
section.add(title: "不存在就创建，存在就更新") {
|
||
i += 1
|
||
Toast.lazyPush(identifier: "loading") { toast in
|
||
toast.vm = .loading.title("正在加载\(i)").message("这条消息不会重复显示多条")
|
||
}
|
||
}
|
||
section.add(title: "如果存在就更新，如果不存在就忽略") {
|
||
i += 1
|
||
Toast.find(identifier: "loading") { toast in
|
||
toast.vm = .success.title("加载完成\(i)").message("这条消息不会重复显示多条").duration(2)
|
||
}
|
||
}
|
||
section.add(title: "移除指定实例") {
|
||
Toast.find(identifier: "loading") { toast in
|
||
toast.pop()
|
||
}
|
||
}
|
||
}
|
||
|
||
list.add(title: "自定义视图") { section in
|
||
section.add(title: "图片") {
|
||
Toast { toast in
|
||
toast.config.cardMaxHeight = 200 // 自定义视图时需手动指定高度
|
||
let imgv = UIImageView(image: UIImage(named: "landscape"))
|
||
imgv.contentMode = .scaleAspectFill
|
||
toast.add(subview: imgv).snp.makeConstraints { make in
|
||
make.edges.equalToSuperview()
|
||
}
|
||
toast.onTapped { toast in
|
||
toast.pop()
|
||
}
|
||
}
|
||
}
|
||
|
||
section.add(title: "圆角半径") {
|
||
func foo() {
|
||
Toast { toast in
|
||
toast.vm = .title("圆角半径").message("可以在共享配置中设置，则全局生效")
|
||
toast.add(action: "8", style: .gray) { toast in
|
||
Toast.Configuration.shared { config in
|
||
config.cardCornerRadius = 8
|
||
}
|
||
toast.pop()
|
||
foo()
|
||
}
|
||
toast.add(action: "16", style: .gray) { toast in
|
||
Toast.Configuration.shared { config in
|
||
config.cardCornerRadius = 16
|
||
}
|
||
toast.pop()
|
||
foo()
|
||
}
|
||
toast.add(action: "24", style: .gray) { toast in
|
||
Toast.Configuration.shared { config in
|
||
config.cardCornerRadius = 24
|
||
}
|
||
toast.pop()
|
||
foo()
|
||
}
|
||
toast.add(action: "32", style: .gray) { toast in
|
||
Toast.Configuration.shared { config in
|
||
config.cardCornerRadius = 32
|
||
}
|
||
toast.pop()
|
||
foo()
|
||
}
|
||
}
|
||
}
|
||
foo()
|
||
}
|
||
|
||
section.add(title: "其它控件") {
|
||
Toast { toast in
|
||
toast.config.cardMaxHeight = 200 // 自定义视图时需手动指定高度
|
||
|
||
let stack = UIStackView()
|
||
stack.axis = .vertical
|
||
stack.distribution = .fill
|
||
stack.spacing = 8
|
||
stack.alignment = .fill
|
||
|
||
let lb = UILabel()
|
||
lb.font = .systemFont(ofSize: 20, weight: .bold)
|
||
lb.text = "Custom Toast"
|
||
lb.textAlignment = .center
|
||
stack.addArrangedSubview(lb)
|
||
|
||
let btn1 = ProHUD.Button(config: toast.config, action: .init(style: .gray, title: "取消"))
|
||
btn1.onTouchUpInside { action in
|
||
print("点击了取消")
|
||
testAlert()
|
||
}
|
||
let btn2 = ProHUD.Button(config: toast.config, action: .init(style: .tinted, title: "确定"))
|
||
btn2.onTouchUp { action in
|
||
print("点击了确定")
|
||
testAlert()
|
||
}
|
||
let actions = UIStackView(arrangedSubviews: [btn1, btn2])
|
||
actions.axis = .horizontal
|
||
actions.distribution = .fillEqually
|
||
actions.spacing = 8
|
||
actions.alignment = .fill
|
||
|
||
stack.addArrangedSubview(actions)
|
||
actions.snp.makeConstraints { make in
|
||
make.height.equalTo(40)
|
||
}
|
||
|
||
toast.add(subview: stack).snp.makeConstraints { make in
|
||
make.edges.equalToSuperview().inset(8)
|
||
}
|
||
toast.onTapped { toast in
|
||
toast.pop()
|
||
}
|
||
}
|
||
}
|
||
|
||
section.add(title: "卡片背景样式") {
|
||
Toast { toast in
|
||
toast.vm.title = "卡片背景样式"
|
||
toast.add(action: "浅色毛玻璃") { toast in
|
||
toast.contentMaskView.effect = UIBlurEffect(style: .light)
|
||
toast.contentMaskView.backgroundColor = .clear
|
||
}
|
||
toast.add(action: "深色毛玻璃") { toast in
|
||
toast.contentMaskView.effect = UIBlurEffect(style: .dark)
|
||
toast.contentMaskView.backgroundColor = .clear
|
||
}
|
||
toast.add(action: "纯色") { toast in
|
||
toast.contentMaskView.effect = .none
|
||
toast.contentMaskView.backgroundColor = .red.lighten()
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
section.add(title: "共享配置") {
|
||
func foo() {
|
||
Toast { toast in
|
||
toast.title = "共享配置"
|
||
toast.vm.message = "建议在App启动后进行通用配置设置，所有实例都会先拉取通用配置为默认值，修改这些配置会影响到所有实例。"
|
||
toast.add(action: "默认", style: .gray) { toast in
|
||
Toast.Configuration.shared { config in
|
||
config.titleFont = .systemFont(ofSize: 19, weight: .bold)
|
||
}
|
||
toast.pop()
|
||
foo()
|
||
}
|
||
toast.add(action: "大号标题") { toast in
|
||
Toast.Configuration.shared { config in
|
||
config.titleFont = .systemFont(ofSize: 28, weight: .medium)
|
||
}
|
||
toast.pop()
|
||
foo()
|
||
}
|
||
}
|
||
}
|
||
foo()
|
||
}
|
||
|
||
}
|
||
|
||
}
|
||
|
||
}
|
||
|
||
fileprivate func testAlert() {
|
||
Alert { alert in
|
||
alert.vm.title = "处理点击事件"
|
||
alert.add(action: "我知道了", style: .destructive)
|
||
}
|
||
}
|