Voice Chat volume UI

submodules/TelegramCallsUI/Sources/VoiceChatVolumeContextItem.swift

@@ -0,0 +1,178 @@
+import Foundation
+import UIKit
+import Display
+import AsyncDisplayKit
+import TelegramPresentationData
+import AppBundle
+import ContextUI
+
+final class VoiceChatVolumeContextItem: ContextMenuCustomItem {
+    private let value: CGFloat
+    private let valueChanged: (CGFloat) -> Void
+    
+    init(value: CGFloat, valueChanged: @escaping (CGFloat) -> Void) {
+        self.value = value
+        self.valueChanged = valueChanged
+    }
+    
+    func node(presentationData: PresentationData, getController: @escaping () -> ContextController?, actionSelected: @escaping (ContextMenuActionResult) -> Void) -> ContextMenuCustomNode {
+        return VoiceChatVolumeContextItemNode(presentationData: presentationData, getController: getController, value: self.value, valueChanged: self.valueChanged)
+    }
+}
+
+private let textFont = Font.regular(17.0)
+
+private final class VoiceChatVolumeContextItemNode: ASDisplayNode, ContextMenuCustomNode {
+    private var presentationData: PresentationData
+    
+    private let backgroundIconNode: VoiceChatSpeakerNode
+    private let backgroundTextNode: ImmediateTextNode
+    
+    private let foregroundNode: ASDisplayNode
+    private let foregroundIconNode: VoiceChatSpeakerNode
+    private let foregroundTextNode: ImmediateTextNode
+    
+    var value: CGFloat = 1.0 {
+        didSet {
+            self.updateValue()
+        }
+    }
+    
+    private let valueChanged: (CGFloat) -> Void
+    
+    private let hapticFeedback = HapticFeedback()
+
+    init(presentationData: PresentationData, getController: @escaping () -> ContextController?, value: CGFloat, valueChanged: @escaping (CGFloat) -> Void) {
+        self.presentationData = presentationData
+        self.value = value
+        self.valueChanged = valueChanged
+        
+        self.backgroundIconNode = VoiceChatSpeakerNode()
+        
+        self.backgroundTextNode = ImmediateTextNode()
+        self.backgroundTextNode.isAccessibilityElement = false
+        self.backgroundTextNode.isUserInteractionEnabled = false
+        self.backgroundTextNode.displaysAsynchronously = false
+        self.backgroundTextNode.textAlignment = .left
+        
+        self.foregroundNode = ASDisplayNode()
+        self.foregroundNode.clipsToBounds = true
+        self.foregroundNode.isAccessibilityElement = false
+        self.foregroundNode.backgroundColor = UIColor(rgb: 0xffffff)
+        self.foregroundNode.isUserInteractionEnabled = false
+        
+        self.foregroundIconNode = VoiceChatSpeakerNode()
+        
+        self.foregroundTextNode = ImmediateTextNode()
+        self.foregroundTextNode.isAccessibilityElement = false
+        self.foregroundTextNode.isUserInteractionEnabled = false
+        self.foregroundTextNode.displaysAsynchronously = false
+        self.foregroundTextNode.textAlignment = .left
+        
+        super.init()
+        
+        self.isUserInteractionEnabled = true
+        
+        self.addSubnode(self.backgroundIconNode)
+        self.addSubnode(self.backgroundTextNode)
+        self.addSubnode(self.foregroundNode)
+        self.foregroundNode.addSubnode(self.foregroundIconNode)
+        self.foregroundNode.addSubnode(self.foregroundTextNode)
+    }
+    
+    override func didLoad() {
+        super.didLoad()
+        
+        let panGestureRecognizer = UIPanGestureRecognizer(target: self, action: #selector(self.panGesture(_:)))
+        self.view.addGestureRecognizer(panGestureRecognizer)
+    }
+    
+    func updateTheme(presentationData: PresentationData) {
+        self.presentationData = presentationData
+        self.updateValue()
+    }
+    
+    private func updateValue(transition: ContainedViewLayoutTransition = .immediate) {
+        let width = self.frame.width
+        
+        let value = self.value / 2.0
+        transition.updateFrameAdditive(node: self.foregroundNode, frame: CGRect(origin: CGPoint(), size: CGSize(width: value * width, height: self.frame.height)))
+        
+        self.backgroundTextNode.attributedText = NSAttributedString(string: "\(Int(self.value * 100.0))%", font: textFont, textColor: UIColor(rgb: 0xffffff))
+        self.foregroundTextNode.attributedText = NSAttributedString(string: "\(Int(self.value * 100.0))%", font: textFont, textColor: UIColor(rgb: 0x000000))
+        
+        let iconValue: VoiceChatSpeakerNode.State.Value
+        if value == 0.0 {
+            iconValue = .muted
+        } else if value < 0.33 {
+            iconValue = .low
+        } else if value < 0.66 {
+            iconValue = .medium
+        } else {
+            iconValue = .high
+        }
+        
+        self.backgroundIconNode.update(state: VoiceChatSpeakerNode.State(value: iconValue, color: UIColor(rgb: 0xffffff)), animated: true)
+        self.foregroundIconNode.update(state: VoiceChatSpeakerNode.State(value: iconValue, color: UIColor(rgb: 0x000000)), animated: true)
+        
+        let _ = self.backgroundTextNode.updateLayout(CGSize(width: 70.0, height: .greatestFiniteMagnitude))
+        let _ = self.foregroundTextNode.updateLayout(CGSize(width: 70.0, height: .greatestFiniteMagnitude))
+    }
+    
+    func updateLayout(constrainedWidth: CGFloat) -> (CGSize, (CGSize, ContainedViewLayoutTransition) -> Void) {
+        let valueWidth: CGFloat = 70.0
+        let height: CGFloat = 45.0
+        
+        var textSize = self.backgroundTextNode.updateLayout(CGSize(width: valueWidth, height: .greatestFiniteMagnitude))
+        textSize.width = valueWidth
+        
+        return (CGSize(width: height * 3.0, height: height), { size, transition in
+            let leftInset: CGFloat = 17.0
+            
+            let textFrame = CGRect(origin: CGPoint(x: leftInset, y: floor((size.height - textSize.height) / 2.0)), size: textSize)
+            transition.updateFrameAdditive(node: self.backgroundTextNode, frame: textFrame)
+            transition.updateFrameAdditive(node: self.foregroundTextNode, frame: textFrame)
+            
+            let iconSize = CGSize(width: 36.0, height: 36.0)
+            let iconFrame = CGRect(origin: CGPoint(x: size.width - iconSize.width - 10.0, y: floor((size.height - iconSize.height) / 2.0)), size: iconSize)
+            transition.updateFrameAdditive(node: self.backgroundIconNode, frame: iconFrame)
+            transition.updateFrameAdditive(node: self.foregroundIconNode, frame: iconFrame)
+            
+            self.updateValue(transition: transition)
+        })
+    }
+    
+    @objc private func panGesture(_ gestureRecognizer: UIPanGestureRecognizer) {
+        switch gestureRecognizer.state {
+            case .began:
+                break
+            case .changed:
+                let previousValue = self.value
+                
+                let translation: CGFloat = gestureRecognizer.translation(in: gestureRecognizer.view).x
+                let delta = translation / self.bounds.width * 2.0
+                self.value = max(0.0, min(2.0, self.value + delta))
+                gestureRecognizer.setTranslation(CGPoint(), in: gestureRecognizer.view)
+                
+                if self.value == 2.0 && previousValue != 2.0 {
+                    self.backgroundIconNode.layer.animateScale(from: 1.0, to: 1.1, duration: 0.16, removeOnCompletion: false, completion: { [weak self] _ in
+                        if let strongSelf = self {
+                            strongSelf.backgroundIconNode.layer.animateScale(from: 1.1, to: 1.0, duration: 0.16)
+                        }
+                    })
+                    self.foregroundIconNode.layer.animateScale(from: 1.0, to: 1.1, duration: 0.16, removeOnCompletion: false, completion: { [weak self] _ in
+                        if let strongSelf = self {
+                            strongSelf.foregroundIconNode.layer.animateScale(from: 1.1, to: 1.0, duration: 0.16)
+                        }
+                    })
+                    self.hapticFeedback.impact(.soft)
+                } else if self.value == 0.0 && previousValue != 0.0 {
+                    self.hapticFeedback.impact(.soft)
+                }
+            case .ended, .cancelled:
+                break
+            default:
+                break
+        }
+    }
+}