两种样式，支持长按1秒响应一次
image.png
image.png
1、使用
let menu = YXOperationPanel(style: .all)
menu.delegate = self
view.addSubview(menu)
let itemWH = UIScreen.main.bounds.size.width - 100
NSLayoutConstraint.activate([
menu.centerXAnchor.constraint(equalTo: view.centerXAnchor),
menu.topAnchor.constraint(equalTo: view.topAnchor, constant: 100),
menu.widthAnchor.constraint(equalToConstant: itemWH),
menu.heightAnchor.constraint(equalToConstant: itemWH)
])
let menu2 = YXOperationPanel(style: .both)
menu2.delegate = self
view.addSubview(menu2)
NSLayoutConstraint.activate([
menu2.centerXAnchor.constraint(equalTo: view.centerXAnchor),
menu2.topAnchor.constraint(equalTo: menu.bottomAnchor, constant: 50),
menu2.widthAnchor.constraint(equalToConstant: itemWH),
menu2.heightAnchor.constraint(equalToConstant: itemWH/2)
])
2、代码
import UIKit
import Combine
protocol YXOperationPanelDelegate: AnyObject {
func operationPanel(_ panel: YXOperationPanel, didActionWith direction: YXOperationPanel.Direction)
}
extension YXOperationPanel {
enum Style {
case all, both
}
enum Direction {
case left, right, top, bottom
}
}
class YXOperationPanel: UIView {
weak var delegate: YXOperationPanelDelegate?
private(set) var style: Style
init(style: Style) {
self.style = style
super.init(frame: .zero)
setupUI()
}
required init?(coder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
let selectedBg = ShapedGradientLayer()
lazy var leftLabel = UILabel()
lazy var rightLabel = UILabel()
lazy var topLabel = UILabel()
lazy var bottomLabel = UILabel()
override func layoutSubviews() {
super.layoutSubviews()
layer.cornerRadius = bounds.size.height / 2
selectedBg.frame = CGRect(x: bounds.width/2, y: 0, width: bounds.width, height: bounds.height)
}
private var longPressTimer: AnyCancellable?
}
extension YXOperationPanel {
override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
guard let point = touches.first?.location(in: self) else { return }
guard let d = getDirection(by: point) else { return }
if style == .both, [Direction.top, Direction.bottom].contains(d) {
return
}
updateSelectBg(with: d)
selectedBg.isHidden = false
startTimer(d)
}
override func touchesMoved(_ touches: Set<UITouch>, with event: UIEvent?) {
guard let touchView = touches.first?.view else { return }
if touchView.isDescendant(of: self) {
delayHiddenSelectedBg()
}
}
override func touchesEnded(_ touches: Set<UITouch>, with event: UIEvent?) {
delayHiddenSelectedBg()
}
override func touchesCancelled(_ touches: Set<UITouch>, with event: UIEvent?) {
delayHiddenSelectedBg()
}
private func delayHiddenSelectedBg() {
NSObject.cancelPreviousPerformRequests(withTarget: self)
perform(#selector(hiddenSelectedBg), with: self, afterDelay: 0.1)
}
@objc private func hiddenSelectedBg() {
selectedBg.isHidden = true
stopTimer()
}
private func startTimer(_ direction: Direction) {
longPressTimer = Timer.publish(every: 1, on: .main, in: .common)
.autoconnect()
.merge(with: Just(Date())) // 触发首次
.sink(receiveValue: { [weak self] _ in
guard let self = self else { return }
self.delegate?.operationPanel(self, didActionWith: direction)
})
}
private func stopTimer() {
longPressTimer?.cancel()
longPressTimer = nil
}
private func updateSelectBg(with direction: Direction) {
CATransaction.begin()
CATransaction.setDisableActions(true)
switch direction {
case .left:
selectedBg.transform = CATransform3DMakeRotation(Double.pi, 0, 0, 1)
case .right:
selectedBg.transform = CATransform3DIdentity
case .top:
selectedBg.transform = CATransform3DMakeRotation(Double.pi*1.5, 0, 0, 1)
case .bottom:
selectedBg.transform = CATransform3DMakeRotation(Double.pi*0.5, 0, 0, 1)
}
CATransaction.commit()
}
private func getDirection(by point: CGPoint) ->Direction? {
let x = point.x - bounds.width/2
let y = bounds.height/2 - point.y
if x > abs(y) {
return .right
}else if y > abs(x) {
return .top
}else if -x > abs(y) {
return .left
}else if -y > abs(x) {
return .bottom
}
return nil
}
private func setupUI() {
layer.borderWidth = 1
layer.borderColor = UIColor.red.cgColor
layer.masksToBounds = true
backgroundColor = .clear
translatesAutoresizingMaskIntoConstraints = false
let padding = 50.0
leftLabel.text = "left"
rightLabel.text = "right"
leftLabel.translatesAutoresizingMaskIntoConstraints = false
rightLabel.translatesAutoresizingMaskIntoConstraints = false
addSubview(leftLabel)
addSubview(rightLabel)
NSLayoutConstraint.activate([
leftLabel.leadingAnchor.constraint(equalTo: leadingAnchor, constant: padding),
leftLabel.centerYAnchor.constraint(equalTo: centerYAnchor),
rightLabel.trailingAnchor.constraint(equalTo: trailingAnchor, constant: -padding),
rightLabel.centerYAnchor.constraint(equalTo: centerYAnchor),
])
if style == .all {
topLabel.translatesAutoresizingMaskIntoConstraints = false
bottomLabel.translatesAutoresizingMaskIntoConstraints = false
topLabel.text = "top"
bottomLabel.text = "bottom"
addSubview(topLabel)
addSubview(bottomLabel)
NSLayoutConstraint.activate([
topLabel.topAnchor.constraint(equalTo: topAnchor, constant: padding),
topLabel.centerXAnchor.constraint(equalTo: centerXAnchor),
bottomLabel.bottomAnchor.constraint(equalTo: bottomAnchor, constant: -padding),
bottomLabel.centerXAnchor.constraint(equalTo: centerXAnchor),
])
}
layer.addSublayer(selectedBg)
selectedBg.isHidden = true
}
}
// 渐变扇形
extension YXOperationPanel {
class ShapedGradientLayer: CAGradientLayer {
var start = -(Double.pi * 0.25)
override init() {
super.init()
anchorPoint = CGPoint(x: 0, y: 0.5)
let startColor = UIColor.lightGray.withAlphaComponent(0.5)
let endColor = UIColor.lightGray.withAlphaComponent(0.01)
startPoint = .init(x: 0, y: 0.5)
endPoint = .init(x: 1, y: 0.5)
colors = [startColor.cgColor, endColor.cgColor, UIColor.clear.cgColor]
}
required init?(coder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
override func layoutSublayers() {
super.layoutSublayers()
let centetPoint = CGPoint(x: 0, y: bounds.height/2)
let radius = bounds.width
let end = start + Double.pi * 0.5
shapePath.move(to: centetPoint)
shapePath.addArc(withCenter: centetPoint, radius: radius, startAngle: start, endAngle: end, clockwise: true)
shapeLayer.path = shapePath.cgPath
mask = shapeLayer
}
private let shapeLayer = CAShapeLayer()
private let shapePath = UIBezierPath()
}
}
网友评论