parent
9355fa5d15
commit
5146380302
@ -0,0 +1,21 @@
|
|||||||
|
{
|
||||||
|
"images" : [
|
||||||
|
{
|
||||||
|
"filename" : "play_ thumb_icon.svg",
|
||||||
|
"idiom" : "universal",
|
||||||
|
"scale" : "1x"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"idiom" : "universal",
|
||||||
|
"scale" : "2x"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"idiom" : "universal",
|
||||||
|
"scale" : "3x"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"info" : {
|
||||||
|
"author" : "xcode",
|
||||||
|
"version" : 1
|
||||||
|
}
|
||||||
|
}
|
||||||
|
After Width: | Height: | Size: 181 B |
@ -0,0 +1,21 @@
|
|||||||
|
{
|
||||||
|
"images" : [
|
||||||
|
{
|
||||||
|
"filename" : "player_shuffle_random.svg",
|
||||||
|
"idiom" : "universal",
|
||||||
|
"scale" : "1x"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"idiom" : "universal",
|
||||||
|
"scale" : "2x"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"idiom" : "universal",
|
||||||
|
"scale" : "3x"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"info" : {
|
||||||
|
"author" : "xcode",
|
||||||
|
"version" : 1
|
||||||
|
}
|
||||||
|
}
|
||||||
|
After Width: | Height: | Size: 1.4 KiB |
@ -0,0 +1,21 @@
|
|||||||
|
{
|
||||||
|
"images" : [
|
||||||
|
{
|
||||||
|
"filename" : "player_shuffle_singleLoop.svg",
|
||||||
|
"idiom" : "universal",
|
||||||
|
"scale" : "1x"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"idiom" : "universal",
|
||||||
|
"scale" : "2x"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"idiom" : "universal",
|
||||||
|
"scale" : "3x"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"info" : {
|
||||||
|
"author" : "xcode",
|
||||||
|
"version" : 1
|
||||||
|
}
|
||||||
|
}
|
||||||
|
After Width: | Height: | Size: 2.2 KiB |
@ -0,0 +1,56 @@
|
|||||||
|
//
|
||||||
|
// SliderControl.swift
|
||||||
|
// SliderControl
|
||||||
|
//
|
||||||
|
// Created by Alexander Chekel on 19.09.2023.
|
||||||
|
// Copyright © 2023 Alexander Chekel. All rights reserved.
|
||||||
|
//
|
||||||
|
|
||||||
|
import Combine
|
||||||
|
import UIKit
|
||||||
|
|
||||||
|
public class SliderControlValueSubscription<S: Subscriber>: Subscription where S.Input == Float {
|
||||||
|
private let subscriber: S
|
||||||
|
private weak var control: SliderControl?
|
||||||
|
|
||||||
|
public init(subscriber: S, control: SliderControl) {
|
||||||
|
self.subscriber = subscriber
|
||||||
|
self.control = control
|
||||||
|
|
||||||
|
self.control?.addTarget(self, action: #selector(sliderValueChanged), for: .valueChanged)
|
||||||
|
}
|
||||||
|
|
||||||
|
public func request(_ demand: Subscribers.Demand) {
|
||||||
|
// Cannot request more .valueChanged events
|
||||||
|
}
|
||||||
|
|
||||||
|
public func cancel() {
|
||||||
|
control?.removeTarget(self, action: #selector(sliderValueChanged), for: .valueChanged)
|
||||||
|
control = nil
|
||||||
|
}
|
||||||
|
|
||||||
|
@objc private func sliderValueChanged(sender: SliderControl) {
|
||||||
|
_ = subscriber.receive(sender.value)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
public struct SliderControlValuePublisher: Publisher {
|
||||||
|
public typealias Output = Float
|
||||||
|
public typealias Failure = Never
|
||||||
|
|
||||||
|
private weak var control: SliderControl?
|
||||||
|
|
||||||
|
public init(control: SliderControl) {
|
||||||
|
self.control = control
|
||||||
|
}
|
||||||
|
|
||||||
|
public func receive<S>(subscriber: S) where S : Subscriber, S.Failure == Never, S.Input == Float {
|
||||||
|
guard let control else {
|
||||||
|
subscriber.receive(completion: .finished)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
let subscription = SliderControlValueSubscription(subscriber: subscriber, control: control)
|
||||||
|
subscriber.receive(subscription: subscription)
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,37 @@
|
|||||||
|
//
|
||||||
|
// NSLayoutConstraint+Multiplier.swift
|
||||||
|
// SliderControl
|
||||||
|
//
|
||||||
|
// Created by Alexander Chekel on 09.09.2023.
|
||||||
|
// Copyright © 2023 Alexander Chekel. All rights reserved.
|
||||||
|
//
|
||||||
|
|
||||||
|
import UIKit
|
||||||
|
|
||||||
|
extension NSLayoutConstraint {
|
||||||
|
func constraintWithMultiplier(_ newMultiplier: CGFloat) -> NSLayoutConstraint {
|
||||||
|
let shouldActivate = isActive
|
||||||
|
if shouldActivate {
|
||||||
|
NSLayoutConstraint.deactivate([self])
|
||||||
|
}
|
||||||
|
|
||||||
|
let updatedConstraint = NSLayoutConstraint(
|
||||||
|
item: firstItem as Any,
|
||||||
|
attribute: firstAttribute,
|
||||||
|
relatedBy: relation,
|
||||||
|
toItem: secondItem,
|
||||||
|
attribute: secondAttribute,
|
||||||
|
multiplier: newMultiplier,
|
||||||
|
constant: constant
|
||||||
|
)
|
||||||
|
updatedConstraint.priority = priority
|
||||||
|
updatedConstraint.shouldBeArchived = shouldBeArchived
|
||||||
|
updatedConstraint.identifier = identifier
|
||||||
|
|
||||||
|
if shouldActivate {
|
||||||
|
NSLayoutConstraint.activate([updatedConstraint])
|
||||||
|
}
|
||||||
|
|
||||||
|
return updatedConstraint
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,270 @@
|
|||||||
|
//
|
||||||
|
// SliderControl.swift
|
||||||
|
// SliderControl
|
||||||
|
//
|
||||||
|
// Created by Alexander Chekel on 09.09.2023.
|
||||||
|
// Copyright © 2023 Alexander Chekel. All rights reserved.
|
||||||
|
//
|
||||||
|
|
||||||
|
import UIKit
|
||||||
|
|
||||||
|
/// Implements a slider control similar to one found in Apple Music on iOS 16.
|
||||||
|
open class SliderControl: UIControl {
|
||||||
|
/// Indicates whether changes in the slider's value generate continuous update events.
|
||||||
|
/// Default value of this property is `true`.
|
||||||
|
public var isContinuous: Bool = true
|
||||||
|
/// A layout guide that follows track size changes in different states.
|
||||||
|
public let trackLayoutGuide: UILayoutGuide = .init()
|
||||||
|
/// Indicates whether slider should provide haptic feedback upon reaching minimum or maximum values.
|
||||||
|
/// Default value of this property is `true`.
|
||||||
|
open var providesHapticFeedback: Bool = true
|
||||||
|
/// Feedback generator used to provide haptic feedback when slider reaches minimum or maximum value.
|
||||||
|
/// Default value of this property is `UIImpactFeedbackGenerator(style: .light)`.
|
||||||
|
open private(set) var feedbackGenerator: UIFeedbackGenerator = UIImpactFeedbackGenerator(style: .light)
|
||||||
|
|
||||||
|
/// A color set to track when user is not interacting with the slider.
|
||||||
|
/// Default value of this property is `secondarySystemFill`.
|
||||||
|
open var defaultTrackColor: UIColor = .secondarySystemFill {
|
||||||
|
didSet {
|
||||||
|
updateColors()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/// A color set to progress when user is not interacting with the slider.
|
||||||
|
/// Default value of this property is `.systemFill`.
|
||||||
|
open var defaultProgressColor: UIColor = .systemFill {
|
||||||
|
didSet {
|
||||||
|
updateColors()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/// A color set to track when user is interacting with the slider.
|
||||||
|
/// Assigning `nil` to this property disables color changes in interactive state.
|
||||||
|
/// Default value of this property is `nil`.
|
||||||
|
open var enlargedTrackColor: UIColor? {
|
||||||
|
didSet {
|
||||||
|
updateColors()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/// A color set to progress when user is interacting with the slider.
|
||||||
|
/// Assigning `nil` to this property disables color changes in interactive state.
|
||||||
|
/// Default value of this property is `nil`.
|
||||||
|
open var enlargedProgressColor: UIColor? {
|
||||||
|
didSet {
|
||||||
|
updateColors()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/// The slider's current value. Ranges between `0.0` and `1.0`.
|
||||||
|
public var value: Float {
|
||||||
|
get {
|
||||||
|
return Float(progressView.bounds.width / trackView.bounds.width)
|
||||||
|
}
|
||||||
|
set {
|
||||||
|
let normalizedValue = max(0.0001, min(1, newValue))
|
||||||
|
let cgFloatValue = CGFloat(normalizedValue)
|
||||||
|
progressConstraint = progressConstraint.constraintWithMultiplier(cgFloatValue)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/// A publisher that emits progress updates when user interacts with the slider.
|
||||||
|
/// A Combine alternative to adding action for `UIControl.Event.valueChanged`.
|
||||||
|
public private(set) lazy var valuePublisher: SliderControlValuePublisher = .init(control: self)
|
||||||
|
|
||||||
|
public override var intrinsicContentSize: CGSize {
|
||||||
|
return CGSize(width: UIView.noIntrinsicMetric, height: Self.intrinsicHeight)
|
||||||
|
}
|
||||||
|
|
||||||
|
private static let intrinsicHeight: CGFloat = 24
|
||||||
|
private static let defaultTrackHeight: CGFloat = 7
|
||||||
|
private static let enlargedTrackHeight: CGFloat = 12
|
||||||
|
|
||||||
|
private let trackView: UIView = .init()
|
||||||
|
private let progressView: UIView = .init()
|
||||||
|
|
||||||
|
private var heightConstraint: NSLayoutConstraint = .init()
|
||||||
|
private var progressConstraint: NSLayoutConstraint = .init()
|
||||||
|
private var hasPreviousSessionChangedProgress: Bool = false
|
||||||
|
|
||||||
|
override public init(frame: CGRect) {
|
||||||
|
super.init(frame: frame)
|
||||||
|
|
||||||
|
setup()
|
||||||
|
}
|
||||||
|
|
||||||
|
required public init?(coder: NSCoder) {
|
||||||
|
super.init(coder: coder)
|
||||||
|
|
||||||
|
setup()
|
||||||
|
}
|
||||||
|
|
||||||
|
public override func layoutSubviews() {
|
||||||
|
super.layoutSubviews()
|
||||||
|
|
||||||
|
trackView.layer.cornerRadius = trackView.bounds.height / 2
|
||||||
|
}
|
||||||
|
|
||||||
|
override public func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
|
||||||
|
super.touchesBegan(touches, with: event)
|
||||||
|
|
||||||
|
enlargeTrack()
|
||||||
|
}
|
||||||
|
|
||||||
|
public override func touchesMoved(_ touches: Set<UITouch>, with event: UIEvent?) {
|
||||||
|
super.touchesMoved(touches, with: event)
|
||||||
|
|
||||||
|
if let touch = touches.first {
|
||||||
|
let previousLocation = touch.previousLocation(in: self)
|
||||||
|
let location = touch.location(in: self)
|
||||||
|
let translationX = location.x - previousLocation.x
|
||||||
|
let newWidth = effectiveUserInterfaceLayoutDirection == .leftToRight
|
||||||
|
? progressView.bounds.width + translationX
|
||||||
|
: progressView.bounds.width - translationX
|
||||||
|
|
||||||
|
let progress = progressView.bounds.width / trackView.bounds.width
|
||||||
|
let newProgress = max(0, min(1, newWidth / trackView.bounds.width))
|
||||||
|
|
||||||
|
if newProgress != progress {
|
||||||
|
switch newProgress {
|
||||||
|
case 0:
|
||||||
|
provideHapticFeedbackForMinimumValue()
|
||||||
|
case 1:
|
||||||
|
provideHapticFeedbackForMaximumValue()
|
||||||
|
default:
|
||||||
|
break
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
let normalizedConstraintMultiplier = max(0.0001, min(1, newProgress))
|
||||||
|
progressConstraint = progressConstraint.constraintWithMultiplier(normalizedConstraintMultiplier)
|
||||||
|
|
||||||
|
hasPreviousSessionChangedProgress = true
|
||||||
|
if isContinuous {
|
||||||
|
sendActions(for: .valueChanged)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
override public func touchesEnded(_ touches: Set<UITouch>, with event: UIEvent?) {
|
||||||
|
super.touchesEnded(touches, with: event)
|
||||||
|
|
||||||
|
reduceTrack()
|
||||||
|
|
||||||
|
if hasPreviousSessionChangedProgress {
|
||||||
|
hasPreviousSessionChangedProgress = false
|
||||||
|
sendActions(for: .valueChanged)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
public override func touchesCancelled(_ touches: Set<UITouch>, with event: UIEvent?) {
|
||||||
|
super.touchesCancelled(touches, with: event)
|
||||||
|
|
||||||
|
reduceTrack()
|
||||||
|
|
||||||
|
if hasPreviousSessionChangedProgress {
|
||||||
|
hasPreviousSessionChangedProgress = false
|
||||||
|
sendActions(for: .valueChanged)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private func setup() {
|
||||||
|
isMultipleTouchEnabled = false
|
||||||
|
backgroundColor = .clear
|
||||||
|
|
||||||
|
trackView.clipsToBounds = true
|
||||||
|
trackView.backgroundColor = defaultTrackColor
|
||||||
|
trackView.translatesAutoresizingMaskIntoConstraints = false
|
||||||
|
addSubview(trackView)
|
||||||
|
|
||||||
|
addLayoutGuide(trackLayoutGuide)
|
||||||
|
|
||||||
|
progressView.clipsToBounds = true
|
||||||
|
progressView.backgroundColor = defaultProgressColor
|
||||||
|
progressView.translatesAutoresizingMaskIntoConstraints = false
|
||||||
|
trackView.addSubview(progressView)
|
||||||
|
|
||||||
|
heightConstraint = trackView.heightAnchor.constraint(equalToConstant: Self.defaultTrackHeight)
|
||||||
|
progressConstraint = progressView.widthAnchor.constraint(equalTo: trackView.widthAnchor, multiplier: 0.5)
|
||||||
|
|
||||||
|
NSLayoutConstraint.activate([
|
||||||
|
heightConstraint,
|
||||||
|
trackView.centerYAnchor.constraint(equalTo: centerYAnchor),
|
||||||
|
trackView.leadingAnchor.constraint(equalTo: leadingAnchor),
|
||||||
|
trackView.trailingAnchor.constraint(equalTo: trailingAnchor),
|
||||||
|
|
||||||
|
trackLayoutGuide.topAnchor.constraint(equalTo: trackView.topAnchor),
|
||||||
|
trackLayoutGuide.leadingAnchor.constraint(equalTo: trackView.leadingAnchor),
|
||||||
|
trackView.bottomAnchor.constraint(equalTo: trackLayoutGuide.bottomAnchor),
|
||||||
|
trackView.trailingAnchor.constraint(equalTo: trackLayoutGuide.trailingAnchor),
|
||||||
|
|
||||||
|
progressConstraint,
|
||||||
|
progressView.topAnchor.constraint(equalTo: trackView.topAnchor),
|
||||||
|
progressView.leadingAnchor.constraint(equalTo: trackView.leadingAnchor),
|
||||||
|
progressView.bottomAnchor.constraint(equalTo: trackView.bottomAnchor)
|
||||||
|
])
|
||||||
|
}
|
||||||
|
|
||||||
|
/// The control calls this method upon reaching minimum value. Override this
|
||||||
|
/// implementation to customize haptic feedback. Your implementation should
|
||||||
|
/// not call `super.provideHapticFeedbackForMinimumValue()` at any point.
|
||||||
|
/// You should not call this method directly.
|
||||||
|
open func provideHapticFeedbackForMinimumValue() {
|
||||||
|
guard providesHapticFeedback else { return }
|
||||||
|
|
||||||
|
(feedbackGenerator as? UIImpactFeedbackGenerator)?.impactOccurred(intensity: 0.75)
|
||||||
|
}
|
||||||
|
|
||||||
|
/// The control calls this method upon reaching maximum value. Override this
|
||||||
|
/// implementation to customize haptic feedback. Your implementation should
|
||||||
|
/// not call `super.provideHapticFeedbackForMaximumValue()` at any point.
|
||||||
|
/// You should not call this method directly.
|
||||||
|
open func provideHapticFeedbackForMaximumValue() {
|
||||||
|
guard providesHapticFeedback else { return }
|
||||||
|
|
||||||
|
(feedbackGenerator as? UIImpactFeedbackGenerator)?.impactOccurred(intensity: 1)
|
||||||
|
}
|
||||||
|
|
||||||
|
private func enlargeTrack() {
|
||||||
|
heightConstraint.constant = Self.enlargedTrackHeight
|
||||||
|
setNeedsLayout()
|
||||||
|
|
||||||
|
UIView.animate(
|
||||||
|
withDuration: 0.25,
|
||||||
|
delay: 0,
|
||||||
|
usingSpringWithDamping: 1,
|
||||||
|
initialSpringVelocity: 0,
|
||||||
|
options: [.curveEaseIn, .allowAnimatedContent, .allowUserInteraction]
|
||||||
|
) { [unowned self] in
|
||||||
|
enlargedTrackColor.map { trackView.backgroundColor = $0 }
|
||||||
|
enlargedProgressColor.map { progressView.backgroundColor = $0 }
|
||||||
|
|
||||||
|
layoutIfNeeded()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private func reduceTrack() {
|
||||||
|
heightConstraint.constant = 7
|
||||||
|
setNeedsLayout()
|
||||||
|
|
||||||
|
UIView.animate(
|
||||||
|
withDuration: 0.5,
|
||||||
|
delay: 0,
|
||||||
|
usingSpringWithDamping: 1,
|
||||||
|
initialSpringVelocity: 1,
|
||||||
|
options: [.curveEaseOut, .allowAnimatedContent, .allowUserInteraction]
|
||||||
|
) { [unowned self] in
|
||||||
|
trackView.backgroundColor = defaultTrackColor
|
||||||
|
progressView.backgroundColor = defaultProgressColor
|
||||||
|
|
||||||
|
layoutIfNeeded()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private func updateColors() {
|
||||||
|
if heightConstraint.constant == Self.defaultTrackHeight {
|
||||||
|
trackView.backgroundColor = defaultTrackColor
|
||||||
|
progressView.backgroundColor = defaultProgressColor
|
||||||
|
} else {
|
||||||
|
enlargedTrackColor.map { trackView.backgroundColor = $0 }
|
||||||
|
enlargedProgressColor.map { progressView.backgroundColor = $0 }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in new issue