react-native-video-trim 1.0.20 → 1.0.22

package/ios/VideoTrimmerThumb.swift

@@ -1,72 +1,92 @@
-//
-//  VideoTrimmerThumb.swift
-//  react-native-video-trim
-//
-//  Created by Duc Trung Mai on 17/1/24.
-//
-
 import UIKit
 
 @available(iOS 13.0, *)
 class VideoTrimmerThumb: UIView {
-    var isActive = false
-
-    var leadingChevronImageView = UIImageView(image: UIImage(systemName: "chevron.compact.left"))
-    var trailingChevronView = UIImageView(image: UIImage(systemName: "chevron.compact.right"))
-
-    var wrapperView = UIView()
-    var leadingView = UIView()
-    var trailingView = UIView()
-    var topView = UIView()
-    var bottomView = UIView()
-
-    let leadingGrabber = UIControl()
-    let trailingGrabber = UIControl()
-
-    let chevronWidth = CGFloat(16)
-    let edgeHeight = CGFloat(4)
-
-    // MARK: - Input
-    @objc private func x(_ sender: Any) {
+    private var isActive = false
+
+    private let leadingChevronImageView: UIImageView = {
+        let imageView = UIImageView(image: UIImage(systemName: "chevron.compact.left"))
+        imageView.contentMode = .scaleAspectFill
+        imageView.tintColor = .black
+        imageView.tintAdjustmentMode = .normal
+        imageView.translatesAutoresizingMaskIntoConstraints = false
+        return imageView
+    }()
+
+    private let trailingChevronView: UIImageView = {
+        let imageView = UIImageView(image: UIImage(systemName: "chevron.compact.right"))
+        imageView.contentMode = .scaleAspectFill
+        imageView.tintColor = .black
+        imageView.tintAdjustmentMode = .normal
+        imageView.translatesAutoresizingMaskIntoConstraints = false
+        return imageView
+    }()
+
+    private let wrapperView: UIView = {
+        let view = UIView()
+        view.translatesAutoresizingMaskIntoConstraints = false
+        return view
+    }()
+
+    private let leadingView: UIView = {
+        let view = UIView()
+        view.layer.cornerRadius = 6
+        view.layer.cornerCurve = .continuous
+        view.layer.maskedCorners = [.layerMinXMaxYCorner, .layerMinXMinYCorner]
+        view.translatesAutoresizingMaskIntoConstraints = false
+        return view
+    }()
+
+    private let trailingView: UIView = {
+        let view = UIView()
+        view.layer.cornerRadius = 6
+        view.layer.cornerCurve = .continuous
+        view.layer.maskedCorners = [.layerMaxXMaxYCorner, .layerMaxXMinYCorner]
+        view.translatesAutoresizingMaskIntoConstraints = false
+        return view
+    }()
+
+    private let topView: UIView = {
+        let view = UIView()
+        view.translatesAutoresizingMaskIntoConstraints = false
+        return view
+    }()
+
+    private let bottomView: UIView = {
+        let view = UIView()
+        view.translatesAutoresizingMaskIntoConstraints = false
+        return view
+    }()
+
+    let leadingGrabber: UIControl = {
+        let control = UIControl()
+        control.translatesAutoresizingMaskIntoConstraints = false
+        return control
+    }()
+
+    let trailingGrabber: UIControl = {
+        let control = UIControl()
+        control.translatesAutoresizingMaskIntoConstraints = false
+        return control
+    }()
+
+    let chevronWidth: CGFloat = 16
+    let edgeHeight: CGFloat = 4
 
+    override init(frame: CGRect) {
+        super.init(frame: frame)
+        setup()
     }
 
-    // MARK: - Private
-    private func updateColor() {
-        let color = UIColor.systemYellow
-        leadingView.backgroundColor = color
-        trailingView.backgroundColor = color
-        topView.backgroundColor = color
-        bottomView.backgroundColor = color
+    required init?(coder: NSCoder) {
+        super.init(coder: coder)
+        setup()
     }
 
     private func setup() {
-
-        leadingChevronImageView.contentMode = .scaleAspectFill
-        trailingChevronView.contentMode = .scaleAspectFill
-
-        leadingChevronImageView.tintColor = .white
-        trailingChevronView.tintColor = .white
-
-        leadingChevronImageView.tintAdjustmentMode = .normal
-        trailingChevronView.tintAdjustmentMode = .normal
-
-        leadingView.layer.cornerRadius = 6
-        leadingView.layer.cornerCurve = .continuous
-        leadingView.layer.maskedCorners = [.layerMinXMaxYCorner, .layerMinXMinYCorner]
-
-        trailingView.layer.cornerRadius = 6
-        trailingView.layer.cornerCurve = .continuous
-        trailingView.layer.maskedCorners = [.layerMaxXMaxYCorner, .layerMaxXMinYCorner]
-
         leadingView.addSubview(leadingChevronImageView)
         trailingView.addSubview(trailingChevronView)
 
-        //        wrapperView.layer.shadowColor = UIColor.black.cgColor
-        //        wrapperView.layer.shadowOffset = .zero
-        //        wrapperView.layer.shadowRadius = 2
-        //        wrapperView.layer.shadowOpacity = 0.25
-
         wrapperView.addSubview(leadingView)
         wrapperView.addSubview(trailingView)
         wrapperView.addSubview(topView)
@@ -76,44 +96,73 @@ class VideoTrimmerThumb: UIView {
         wrapperView.addSubview(leadingGrabber)
         wrapperView.addSubview(trailingGrabber)
 
+        setupConstraints()
         updateColor()
     }
 
-
-
-    // MARK: - UIView
-
-    override func layoutSubviews() {
-        super.layoutSubviews()
-
-        let size = bounds.size
-
-        wrapperView.frame = CGRect(origin: .zero, size: size)
-
-        leadingView.frame = CGRect(x: 0, y: 0, width: chevronWidth, height: bounds.height)
-        trailingView.frame = CGRect(x: bounds.width - chevronWidth, y: 0, width: chevronWidth, height: bounds.height)
-        topView.frame = CGRect(x: chevronWidth, y: 0, width: bounds.width - chevronWidth * 2, height: edgeHeight)
-        bottomView.frame = CGRect(x: chevronWidth, y: bounds.height - edgeHeight, width: bounds.width - chevronWidth * 2, height: edgeHeight)
-
-        let chevronHorizontalInset = CGFloat(2)
-        let chevronVerticalInset = CGFloat(8)
-        let chevronFrame = CGRect(x: chevronHorizontalInset, y: chevronVerticalInset, width: chevronWidth - chevronHorizontalInset * 2, height: size.height - chevronVerticalInset * 2)
-
-        leadingChevronImageView.frame = chevronFrame
-        trailingChevronView.frame = chevronFrame
-
-        leadingGrabber.frame = leadingView.frame
-        trailingGrabber.frame = trailingView.frame
-    }
-
-    override init(frame: CGRect) {
-        super.init(frame: frame)
-        setup()
+    private func setupConstraints() {
+        NSLayoutConstraint.activate([
+            // Wrapper view constraints
+            wrapperView.topAnchor.constraint(equalTo: self.topAnchor),
+            wrapperView.bottomAnchor.constraint(equalTo: self.bottomAnchor),
+            wrapperView.leadingAnchor.constraint(equalTo: self.leadingAnchor),
+            wrapperView.trailingAnchor.constraint(equalTo: self.trailingAnchor),
+
+            // Leading view constraints
+            leadingView.topAnchor.constraint(equalTo: wrapperView.topAnchor),
+            leadingView.bottomAnchor.constraint(equalTo: wrapperView.bottomAnchor),
+            leadingView.leadingAnchor.constraint(equalTo: wrapperView.leadingAnchor),
+            leadingView.widthAnchor.constraint(equalToConstant: chevronWidth),
+
+            // Trailing view constraints
+            trailingView.topAnchor.constraint(equalTo: wrapperView.topAnchor),
+            trailingView.bottomAnchor.constraint(equalTo: wrapperView.bottomAnchor),
+            trailingView.trailingAnchor.constraint(equalTo: wrapperView.trailingAnchor),
+            trailingView.widthAnchor.constraint(equalToConstant: chevronWidth),
+
+            // Top view constraints
+            topView.topAnchor.constraint(equalTo: wrapperView.topAnchor),
+            topView.leadingAnchor.constraint(equalTo: leadingView.trailingAnchor),
+            topView.trailingAnchor.constraint(equalTo: trailingView.leadingAnchor),
+            topView.heightAnchor.constraint(equalToConstant: edgeHeight),
+
+            // Bottom view constraints
+            bottomView.bottomAnchor.constraint(equalTo: wrapperView.bottomAnchor),
+            bottomView.leadingAnchor.constraint(equalTo: leadingView.trailingAnchor),
+            bottomView.trailingAnchor.constraint(equalTo: trailingView.leadingAnchor),
+            bottomView.heightAnchor.constraint(equalToConstant: edgeHeight),
+
+            // Leading Chevron ImageView constraints
+            leadingChevronImageView.topAnchor.constraint(equalTo: leadingView.topAnchor, constant: 8),
+            leadingChevronImageView.bottomAnchor.constraint(equalTo: leadingView.bottomAnchor, constant: -8),
+            leadingChevronImageView.leadingAnchor.constraint(equalTo: leadingView.leadingAnchor, constant: 2),
+            leadingChevronImageView.trailingAnchor.constraint(equalTo: leadingView.trailingAnchor, constant: -2),
+
+            // Trailing Chevron ImageView constraints
+            trailingChevronView.topAnchor.constraint(equalTo: trailingView.topAnchor, constant: 8),
+            trailingChevronView.bottomAnchor.constraint(equalTo: trailingView.bottomAnchor, constant: -8),
+            trailingChevronView.leadingAnchor.constraint(equalTo: trailingView.leadingAnchor, constant: 2),
+            trailingChevronView.trailingAnchor.constraint(equalTo: trailingView.trailingAnchor, constant: -2),
+
+            // Leading Grabber constraints
+            leadingGrabber.topAnchor.constraint(equalTo: leadingView.topAnchor),
+            leadingGrabber.bottomAnchor.constraint(equalTo: leadingView.bottomAnchor),
+            leadingGrabber.leadingAnchor.constraint(equalTo: leadingView.leadingAnchor),
+            leadingGrabber.trailingAnchor.constraint(equalTo: leadingView.trailingAnchor),
+
+            // Trailing Grabber constraints
+            trailingGrabber.topAnchor.constraint(equalTo: trailingView.topAnchor),
+            trailingGrabber.bottomAnchor.constraint(equalTo: trailingView.bottomAnchor),
+            trailingGrabber.leadingAnchor.constraint(equalTo: trailingView.leadingAnchor),
+            trailingGrabber.trailingAnchor.constraint(equalTo: trailingView.trailingAnchor)
+        ])
     }
 
-    required init?(coder: NSCoder) {
-        super.init(coder: coder)
-        setup()
+    private func updateColor() {
+        let color = UIColor.systemYellow
+        leadingView.backgroundColor = color
+        trailingView.backgroundColor = color
+        topView.backgroundColor = color
+        bottomView.backgroundColor = color
     }
 }
-