前言
短视频时代，APP发布视频时候都需要先压缩再上传，为了提高用户体验，上传时候不能在发布界面停留，需在app前台window 或者某一个控制器显示上传发布进度，因此，我把它写成一个单例，只需要传入百分比即可。代码如下。（带image+手势拖动+单击）
//
// SUploadWindow.swift
// know
//
// Created by Debug.s on 2022/4/27.
//
import Foundation
class SUploadWindow : NSObject{
static let share = SUploadWindow()
var uploadView : UploadView!
let progressView = KoomeUploadProgressView()
let proLable = UILabel()
let bgImageV = UIImageView()
private override init() {
uploadView = UploadView(frame: CGRect(x: 20, y: StatusBarAndNavigationBarHeight, width: 50, height: 70))
uploadView.backgroundColor = .white
AppWindow.addSubview(uploadView)
AppWindow.bringSubviewToFront(uploadView)
bgImageV.contentMode = .scaleAspectFill
uploadView.addSubview(bgImageV)
let blackView = UIView()
blackView.backgroundColor = .black.withAlphaComponent(0.3)
uploadView.addSubview(blackView)
uploadView.addSubview(progressView)
proLable.textAlignment = .center
proLable.textColor = .white
proLable.font = UIFont.PUHUIBold(size: 11)
proLable.text = "wait"
uploadView.addSubview(proLable)
bgImageV.snp.makeConstraints { make in
make.edges.equalToSuperview()
}
blackView.snp.makeConstraints { make in
make.edges.equalToSuperview()
}
progressView.snp.makeConstraints { make in
make.centerX.centerY.equalToSuperview()
make.width.height.equalTo(30)
}
proLable.snp.makeConstraints { make in
make.centerX.centerY.equalToSuperview()
make.width.height.equalTo(25)
}
}
func setProgress(p:CGFloat){
proLable.text = p == 0 ? "wait" : String(format: "%.0f", p) + "%"
uploadView.isHidden = false
progressView.setProgress(p, animated: true)
}
func hiddenProgressView(){
bgImageV.image = nil
uploadView.isHidden = true
}
}
enum uploadTouchType {
case none
case nearLeft
case nearRight
case auto
}
class UploadView:UIView{
var assistiveType:uploadTouchType = .auto
override init(frame: CGRect) {
super.init(frame: frame)
self.isUserInteractionEnabled = true
defaultSetup()
}
required init?(coder: NSCoder) {
super.init(coder: coder)
defaultSetup()
}
func defaultSetup() {
let longPress = UIPanGestureRecognizer(target: self, action: #selector(longPress(_:)))
self.addGestureRecognizer(longPress)
let tap = UITapGestureRecognizer(target: self, action: #selector(buttonTapped(_:)))
tap.numberOfTapsRequired = 1
self.addGestureRecognizer(tap)
}
//MARK: - Button Actions Methods
@objc func buttonTapped(_ sender: UIControl) {
print("点击取消上传的操作")
}
var uploadViewOrigin : CGPoint = CGPoint(x: 0, y: 0)
@objc func longPress(_ pan: UIPanGestureRecognizer) {
if pan.state == .began {
print("began")
uploadViewOrigin = pan.location(in: self)
}else {
print("pan status not began")
let location = pan.location(in: self.superview) // get pan location
self.frame.origin = CGPoint(x: location.x - uploadViewOrigin.x, y: location.y - uploadViewOrigin.y)
if(pan.state == .ended){
self.updateButtonFrame()
}
}
}
/// 更新按钮的位置
private func updateButtonFrame(){
let btnY:CGFloat = self.wm_y
let screenW = self.superview?.wm_width ?? 100
let floatBtnW:CGFloat = self.wm_width
let floatBtnH :CGFloat = self.wm_height
switch self.assistiveType {
case .auto:
//自动识别贴边
if (self.center.x >= screenW/2) {
UIView.animate(withDuration: 0.5) {
//按钮靠右自动吸边
let btnX = screenW - floatBtnW - 20;
self.frame = CGRect(x: btnX, y: btnY, width: floatBtnW, height: floatBtnH);
}
}else{
UIView.animate(withDuration: 0.5) {
//按钮靠左吸边
let btnX:CGFloat = 20.0;
self.frame = CGRect(x: btnX, y: btnY, width: floatBtnW, height: floatBtnH);
}
}
break;
case .none:
break;
case .nearLeft:
UIView.animate(withDuration: 0.5) {
//按钮靠左吸边
let btnX:CGFloat = 0.0;
self.frame = CGRect(x: btnX, y: btnY, width: floatBtnW, height: floatBtnH);
}
case .nearRight:
UIView.animate(withDuration: 0.5) {
//按钮靠右自动吸边
let btnX = screenW - floatBtnW;
self.frame = CGRect(x: btnX, y: btnY, width: floatBtnW, height: floatBtnH);
}
}
}
}
public class KoomeUploadProgressView: UIView {
struct Constant {
static let lineWidth: CGFloat = 3
static let trackColor = UIColor.black.withAlphaComponent(0.3)
static let progressColoar = UIColor.white
}
let trackLayer = CAShapeLayer()
let progressLayer = CAShapeLayer()
let path = UIBezierPath()
public var progress: CGFloat = 0 {
didSet {
if progress > 100 {
progress = 100
}else if progress < 0 {
progress = 0
}
}
}
required init?(coder aDecoder: NSCoder) {
super.init(coder: aDecoder)
}
override init(frame: CGRect) {
super.init(frame: frame)
}
override public func draw(_ rect: CGRect) {
let path = UIBezierPath.init(ovalIn: bounds)
self.transform = CGAffineTransform(rotationAngle: -CGFloat.pi/2);
//绘制进度槽
trackLayer.frame = bounds
trackLayer.fillColor = UIColor.clear.cgColor
trackLayer.strokeColor = Constant.trackColor.cgColor
trackLayer.lineWidth = Constant.lineWidth
trackLayer.path = path.cgPath
layer.addSublayer(trackLayer)
//绘制进度条
progressLayer.frame = bounds
progressLayer.fillColor = UIColor.clear.cgColor
progressLayer.strokeColor = Constant.progressColoar.cgColor
progressLayer.lineWidth = Constant.lineWidth
progressLayer.path = path.cgPath
progressLayer.strokeStart = 0
progressLayer.strokeEnd = CGFloat(progress)/100.0
layer.addSublayer(progressLayer)
}
public func setProgress(_ pro: CGFloat,animated anim: Bool) {
if progress == pro {return}
progress = pro
setProgress(pro, animated: anim, withDuration: 0.55)
}
public func setProgress(_ progress: CGFloat,animated anim: Bool, withDuration duration: Double) {
progressLayer.strokeEnd = CGFloat(progress / 100.0)
}
}
使用最好是回到主线程刷新UI
DispatchQueue.main.async {
SUploadWindow.share.setProgress(p: 0)
}
类似抖音的效果图
551651051890_.pic.jpg
