440 lines
15 KiB
Swift
440 lines
15 KiB
Swift
//
|
||
// SOSPracticeView.swift
|
||
// QuickLocation
|
||
//
|
||
// Created by 八条 on 2026/6/18.
|
||
//
|
||
|
||
import UIKit
|
||
import RxSwift
|
||
import RxCocoa
|
||
import RxGesture
|
||
import Lottie
|
||
import SwiftyUserDefaults
|
||
|
||
class SOSPracticeView: UIView {
|
||
|
||
var disposeBag = DisposeBag()
|
||
|
||
var countDownFinish: Bool = false
|
||
|
||
private func setupRx() {
|
||
exclamationLottieView.rx.tapGesture.subscribe(onNext: { _ in
|
||
UIView.animate(withDuration: 0.3, delay: 0, options: [.curveEaseInOut], animations: {
|
||
self.countDownView.alpha = 1
|
||
}, completion: { _ in
|
||
self.countDownLottieView.play { completed in
|
||
guard completed else { return }
|
||
if let path = Bundle.main.path(forResource: "red-exclamation", ofType: "json") {
|
||
self.countDownLottieView.animation = LottieAnimation.filepath(path)
|
||
self.countDownLottieView.loopMode = .loop
|
||
self.countDownLottieView.play()
|
||
self.countDownTipsLab.text = "已将你的SOS和位置发送到你的圈子和紧急联系人。"
|
||
self.countDownFinish = true
|
||
}
|
||
}
|
||
})
|
||
}).disposed(by: disposeBag)
|
||
|
||
sliderIcon.rx.panGesture()
|
||
.subscribe(onNext: { [weak self] gesture in
|
||
guard let self = self else { return }
|
||
let translation = gesture.translation(in: self.sliderView)
|
||
let maxX = self.sliderView.bounds.width - self.sliderIcon.frame.width
|
||
|
||
switch gesture.state {
|
||
case .began, .changed:
|
||
var newX = self.sliderIcon.frame.minX + translation.x
|
||
newX = max(0, min(maxX, newX))
|
||
self.sliderIcon.frame.origin.x = newX
|
||
gesture.setTranslation(.zero, in: self.sliderView)
|
||
case .ended:
|
||
if self.sliderIcon.frame.minX >= maxX - 5 {
|
||
if countDownFinish {
|
||
UIView.animate(withDuration: 0.3, delay: 0, options: [.curveEaseInOut]) {
|
||
self.finishView.alpha = 1
|
||
}
|
||
}
|
||
else {
|
||
self.countDownView.alpha = 0
|
||
self.countDownLottieView.stop()
|
||
}
|
||
}
|
||
UIView.animate(withDuration: 0.3) {
|
||
self.sliderIcon.frame.origin.x = 3
|
||
}
|
||
|
||
default:
|
||
break
|
||
}
|
||
})
|
||
.disposed(by: disposeBag)
|
||
}
|
||
|
||
private func setupUI() {
|
||
addSubview(titleView)
|
||
addSubview(exclamationLottieView)
|
||
addSubview(tipsLab)
|
||
addSubview(bottomTipsLab)
|
||
addSubview(scrollView)
|
||
addSubview(pageControl)
|
||
addSubview(countDownView)
|
||
addSubview(finishView)
|
||
|
||
titleView.layoutChain
|
||
.top(15)
|
||
.centerX()
|
||
|
||
exclamationLottieView.layoutChain
|
||
.topToBottomOfView(titleView, offset: 13)
|
||
.edgesHorzontal(28)
|
||
.heightToWidth(1)
|
||
|
||
tipsLab.layoutChain
|
||
.topToBottomOfView(exclamationLottieView, offset: 60)
|
||
.centerX()
|
||
|
||
bottomTipsLab.layoutChain
|
||
.centerX()
|
||
.bottom(kSafeBottomMargin + 40)
|
||
|
||
scrollView.layoutChain
|
||
.top(15)
|
||
.edges(excludingEdge: .top)
|
||
|
||
pageControl.layoutChain
|
||
.centerX()
|
||
.bottom(kSafeBottomMargin + 80)
|
||
|
||
countDownView.layoutChain
|
||
.edges()
|
||
|
||
finishView.layoutChain.edges()
|
||
}
|
||
|
||
lazy var titleView: UIView = {
|
||
let view = UIView()
|
||
view.backgroundColor = .clear
|
||
|
||
view.addSubview(titleLab)
|
||
titleLab.layoutChain
|
||
.edgesVertical(9)
|
||
.edgesHorzontal(38)
|
||
|
||
return view
|
||
}()
|
||
|
||
lazy var titleLab: UILabel = {
|
||
let label = UILabel()
|
||
label.text = "开始练习"
|
||
label.font = .systemFont(ofSize: 16, weight: .medium)
|
||
label.textColor = .white
|
||
label.textAlignment = .center
|
||
return label
|
||
}()
|
||
|
||
lazy var exclamationLottieView: LottieAnimationView = {
|
||
let view = LottieAnimationView(name: "yellow-exclamation")
|
||
view.loopMode = .loop
|
||
return view
|
||
}()
|
||
|
||
lazy var tipsLab: UILabel = {
|
||
let label = UILabel()
|
||
label.text = "当您感到紧张或不安全时，请按住此按钮。"
|
||
label.font = .systemFont(ofSize: 16, weight: .medium)
|
||
label.textColor = UIColor(hexStr: "#333333")
|
||
return label
|
||
}()
|
||
|
||
lazy var bottomTipsLab: UILabel = {
|
||
let label = UILabel()
|
||
label.textColor = UIColor(hexStr: "#333333")
|
||
let text = "轻点感叹号发送SOS"
|
||
let attr = NSMutableAttributedString(string: text)
|
||
attr.addAttribute(.font, value: UIFont.systemFont(ofSize: 20, weight: .semibold), range: NSRange(location: 0, length: text.count))
|
||
attr.addAttribute(.foregroundColor, value: UIColor(hexStr: "#FF383C"), range: NSRange(location: "轻点感叹号发送".count, length: "SOS".count))
|
||
label.attributedText = attr
|
||
return label
|
||
}()
|
||
|
||
lazy var scrollView: UIScrollView = {
|
||
let view = UIScrollView()
|
||
view.backgroundColor = .white
|
||
view.isPagingEnabled = true
|
||
view.showsHorizontalScrollIndicator = false
|
||
view.bounces = false
|
||
view.delegate = self
|
||
|
||
view.addSubview(scrollContentView)
|
||
scrollContentView.layoutChain.edges().heightToView(view)
|
||
|
||
let view1 = UIView()
|
||
view1.backgroundColor = .clear
|
||
let img1 = UIImageView(image: UIImage(named: "SOS/1"))
|
||
let nextBtn = UIButton(type: .custom)
|
||
nextBtn.setTitle("开始设置", for: .normal)
|
||
nextBtn.setTitleColor(.white, for: .normal)
|
||
nextBtn.titleLabel?.font = .systemFont(ofSize: 16, weight: .medium)
|
||
nextBtn.setBackgroundImage(UIImage(named: "Common/button_bg_2"), for: .normal)
|
||
nextBtn.cornerRadius = 25
|
||
nextBtn.rx.tap.subscribe(onNext: { _ in
|
||
view.setContentOffset(CGPointMake(kScreenWidth, 0), animated: true)
|
||
self.pageControl.currentPage = 1
|
||
}).disposed(by: disposeBag)
|
||
|
||
view1.addSubview(img1)
|
||
view1.addSubview(nextBtn)
|
||
scrollContentView.addSubview(view1)
|
||
view1.layoutChain.edges(excludingEdge: .right).width(kScreenWidth)
|
||
img1.layoutChain
|
||
.top()
|
||
.edgesHorzontal(39)
|
||
.heightToWidth(471/297)
|
||
|
||
nextBtn.layoutChain
|
||
.height(50)
|
||
.edgesHorzontal(30)
|
||
.bottom(kSafeBottomMargin + 20)
|
||
|
||
let view2 = UIView()
|
||
view2.backgroundColor = .clear
|
||
let img2 = UIImageView(image: UIImage(named: "SOS/2"))
|
||
view2.addSubview(img2)
|
||
scrollContentView.addSubview(view2)
|
||
view2.layoutChain.top().bottom().leftToRightOfView(view1).widthToView(view1)
|
||
img2.layoutChain
|
||
.top()
|
||
.edgesHorzontal(39)
|
||
.heightToWidth(471/297)
|
||
|
||
let view3 = UIView()
|
||
view3.backgroundColor = .clear
|
||
let img3 = UIImageView(image: UIImage(named: "SOS/3"))
|
||
let doneBtn = UIButton(type: .custom)
|
||
doneBtn.setTitle("练习SOS触发", for: .normal)
|
||
doneBtn.setTitleColor(.white, for: .normal)
|
||
doneBtn.titleLabel?.font = .systemFont(ofSize: 16, weight: .medium)
|
||
doneBtn.setBackgroundImage(UIImage(named: "Common/button_bg_2"), for: .normal)
|
||
doneBtn.cornerRadius = 25
|
||
doneBtn.rx.tap.subscribe(onNext: { _ in
|
||
self.scrollView.isHidden = true
|
||
self.pageControl.isHidden = true
|
||
}).disposed(by: disposeBag)
|
||
|
||
view3.addSubview(img3)
|
||
view3.addSubview(doneBtn)
|
||
scrollContentView.addSubview(view3)
|
||
view3.layoutChain.top().bottom().right().leftToRightOfView(view2).widthToView(view1)
|
||
img3.layoutChain
|
||
.top()
|
||
.edgesHorzontal(39)
|
||
.heightToWidth(471/297)
|
||
|
||
doneBtn.layoutChain
|
||
.height(50)
|
||
.edgesHorzontal(30)
|
||
.bottom(kSafeBottomMargin + 20)
|
||
|
||
return view
|
||
}()
|
||
|
||
lazy var scrollContentView: UIView = {
|
||
let view = UIView()
|
||
view.backgroundColor = .clear
|
||
return view
|
||
}()
|
||
|
||
lazy var pageControl: UIPageControl = {
|
||
let pc = UIPageControl()
|
||
pc.numberOfPages = 3
|
||
pc.currentPageIndicatorTintColor = UIColor(hexStr: "#57C7FF")
|
||
pc.pageIndicatorTintColor = UIColor(hexStr: "#D9D9D9", alpha: 1)
|
||
return pc
|
||
}()
|
||
|
||
// 倒计时
|
||
lazy var countDownView: UIView = {
|
||
let view = UIView()
|
||
view.backgroundColor = .white
|
||
view.alpha = 0
|
||
|
||
view.addSubview(countDownTitleView)
|
||
countDownTitleView.layoutChain
|
||
.top(15)
|
||
.centerX()
|
||
|
||
view.addSubview(countDownLottieView)
|
||
countDownLottieView.layoutChain
|
||
.topToBottomOfView(countDownTitleView, offset: 13)
|
||
.edgesHorzontal(27)
|
||
.heightToWidth(1)
|
||
|
||
let titleLab = UILabel()
|
||
titleLab.text = "滑动取消"
|
||
titleLab.font = .systemFont(ofSize: 26, weight: .semibold)
|
||
view.addSubview(titleLab)
|
||
titleLab.layoutChain
|
||
.topToBottomOfView(countDownLottieView, offset: 15)
|
||
.centerX()
|
||
|
||
view.addSubview(countDownTipsLab)
|
||
countDownTipsLab.layoutChain
|
||
.topToBottomOfView(titleLab, offset: 8)
|
||
.edgesHorzontal(38)
|
||
|
||
view.addSubview(sliderView)
|
||
sliderView.layoutChain
|
||
.edgesHorzontal(30)
|
||
.bottom(kSafeBottomMargin + 30)
|
||
.height(50)
|
||
|
||
return view
|
||
}()
|
||
|
||
lazy var countDownTitleView: UIView = {
|
||
let view = UIView()
|
||
view.backgroundColor = .clear
|
||
|
||
view.addSubview(countDownTitleLab)
|
||
countDownTitleLab.layoutChain
|
||
.edgesVertical(9)
|
||
.edgesHorzontal(38)
|
||
|
||
return view
|
||
}()
|
||
|
||
lazy var countDownTitleLab: UILabel = {
|
||
let label = UILabel()
|
||
label.text = "练习模式"
|
||
label.font = .systemFont(ofSize: 16, weight: .medium)
|
||
label.textColor = .white
|
||
label.textAlignment = .center
|
||
return label
|
||
}()
|
||
|
||
lazy var countDownLottieView: LottieAnimationView = {
|
||
let view = LottieAnimationView(name: "10-second-timer")
|
||
view.loopMode = .playOnce
|
||
return view
|
||
}()
|
||
|
||
lazy var countDownTipsLab: UILabel = {
|
||
let tipsLab = UILabel()
|
||
tipsLab.text = "10秒后，会将你的SOS和位置发送到你的圈子和紧急联系人。"
|
||
tipsLab.font = .systemFont(ofSize: 16, weight: .medium)
|
||
tipsLab.textAlignment = .center
|
||
tipsLab.numberOfLines = 0
|
||
|
||
return tipsLab
|
||
}()
|
||
|
||
lazy var sliderView: UIView = {
|
||
let view = UIView()
|
||
view.backgroundColor = .clear
|
||
view.cornerRadius = 25
|
||
|
||
let imgView = UIImageView(image: UIImage(named: "Common/button_bg_2"))
|
||
imgView.contentMode = .scaleAspectFill
|
||
view.addSubview(imgView)
|
||
imgView.layoutChain.edges()
|
||
|
||
let label = UILabel()
|
||
label.text = "滑动以取消SOS"
|
||
label.textColor = .white
|
||
label.font = .systemFont(ofSize: 16, weight: .medium)
|
||
view.addSubview(label)
|
||
label.layoutChain.centerX().centerY()
|
||
|
||
view.addSubview(sliderIcon)
|
||
|
||
return view
|
||
}()
|
||
|
||
lazy var sliderIcon: UIImageView = {
|
||
let view = UIImageView(frame: CGRectMake(3, 2, 46, 46))
|
||
view.image = UIImage(named: "SOS/slider")
|
||
view.isUserInteractionEnabled = true
|
||
return view
|
||
}()
|
||
|
||
lazy var finishView: UIView = {
|
||
let view = UIView()
|
||
view.backgroundColor = .white
|
||
view.alpha = 0
|
||
|
||
let imgView = UIImageView(image: UIImage(named: "SOS/finish"))
|
||
imgView.contentMode = .scaleAspectFill
|
||
view.addSubview(imgView)
|
||
imgView.layoutChain
|
||
.top(50)
|
||
.edgesHorzontal(70)
|
||
.heightToWidth(356/235)
|
||
|
||
let doneBtn = UIButton(type: .custom)
|
||
doneBtn.setTitle("收到了", for: .normal)
|
||
doneBtn.setTitleColor(.white, for: .normal)
|
||
doneBtn.titleLabel?.font = .systemFont(ofSize: 16, weight: .medium)
|
||
doneBtn.setBackgroundImage(UIImage(named: "Common/button_bg_2"), for: .normal)
|
||
doneBtn.cornerRadius = 25
|
||
doneBtn.rx.tap.subscribe(onNext: { _ in
|
||
var sosIsPracticeList = Defaults[\.sosIsPracticeList]
|
||
sosIsPracticeList.append(AppContextManager.shared.userId)
|
||
Defaults[\.sosIsPracticeList] = sosIsPracticeList
|
||
UIView.animate(withDuration: 0.3, delay: 0, options: [.curveEaseInOut], animations: {
|
||
self.alpha = 0
|
||
}, completion: { _ in
|
||
self.isHidden = true
|
||
})
|
||
}).disposed(by: disposeBag)
|
||
view.addSubview(doneBtn)
|
||
doneBtn.layoutChain
|
||
.height(50)
|
||
.edgesHorzontal(30)
|
||
.bottom(kSafeBottomMargin + 20)
|
||
|
||
return view
|
||
}()
|
||
|
||
override init(frame: CGRect) {
|
||
super.init(frame: .zero)
|
||
self.isHidden = true
|
||
backgroundColor = .white
|
||
setupUI()
|
||
setupRx()
|
||
|
||
exclamationLottieView.play()
|
||
}
|
||
|
||
required init?(coder aDecoder: NSCoder) {
|
||
fatalError("init(coder:) has not been implemented")
|
||
}
|
||
|
||
override func layoutSubviews() {
|
||
super.layoutSubviews()
|
||
self.layoutIfNeeded()
|
||
|
||
titleView.setGradientLayer(frame: titleView.bounds,
|
||
startPoint: CGPoint(x: 0, y: 0.5),
|
||
endPoint: CGPoint(x: 1, y: 0.5),
|
||
colors: [UIColor(hexStr: "#5CBBFF", alpha: 0), UIColor(hexStr: "#5CBBFF"), UIColor(hexStr: "#5CBBFF", alpha: 0)],
|
||
locations: [0, 0.5, 1])
|
||
|
||
countDownView.layoutIfNeeded()
|
||
countDownTitleView.setGradientLayer(frame: countDownTitleView.bounds,
|
||
startPoint: CGPoint(x: 0, y: 0.5),
|
||
endPoint: CGPoint(x: 1, y: 0.5),
|
||
colors: [UIColor(hexStr: "#5CBBFF", alpha: 0), UIColor(hexStr: "#5CBBFF"), UIColor(hexStr: "#5CBBFF", alpha: 0)],
|
||
locations: [0, 0.5, 1])
|
||
}
|
||
}
|
||
|
||
// MARK: - UIScrollViewDelegate (page control)
|
||
extension SOSPracticeView: UIScrollViewDelegate {
|
||
func scrollViewDidEndDecelerating(_ scrollView: UIScrollView) {
|
||
guard scrollView == self.scrollView else { return }
|
||
let page = Int(scrollView.contentOffset.x / scrollView.bounds.width)
|
||
pageControl.currentPage = page
|
||
}
|
||
}
|