当计时器运行并更改标签文本时重新应用约束

如何解决当计时器运行并更改标签文本时重新应用约束

我正在开发一个 swift 相机应用程序并试图解决以下问题。 我的相机应用程序允许拍摄视频，当用户点击屏幕上的某个地方时，它可以更改相机焦点和曝光。与默认的 iPhone 相机应用程序一样，我显示了黄色方块以显示用户点击的位置。除非触发计时器功能并更新屏幕上的总视频长度，否则我可以准确地看到用户点击的位置。 这是相机应用的图片。

如你所见，有一个黄色方块，这是我在屏幕上点击的点。

但是，当计时器开始计时（在本例中为 19 秒到 20 秒）并更新视频总长度的文本时，黄色方块会移回屏幕中央。由于我将黄色方块放在故事板上的屏幕中央，我猜当计时器计数并更新标签文本时，它也会刷新黄色方块 UIView，因此显示在屏幕中央（可能？） .

所以，如果我是对的，我怎样才能在用户点击的位置显示黄色方块，而不管计时器功能如何，每秒更新一次 UIlabel？

这是代码。

final class ViewController: UIViewController {

    private var pointOfInterestHalfCompletedWorkItem: DispatchWorkItem?
    @IBOutlet weak var pointOfInterestView: UIView!
    @IBOutlet weak var time: UILabel!
    var counter = 0
    var timer = Timer()
    
    override func viewDidLayoutSubviews() {
        pointOfInterestView.layer.borderWidth = 1
        pointOfInterestView.layer.borderColor = UIColor.systemYellow.cgColor
    }
    
    @objc func startTimer() {
        timer = Timer.scheduledTimer(timeInterval: 1.0,target: self,selector: #selector(timerAction),userInfo: nil,repeats: true)
    }
    
    @objc func timerAction() {
        counter += 1
        secondsToHoursMinutesSeconds(seconds: counter)
    }
    
    func secondsToHoursMinutesSeconds (seconds: Int) {

        // format seconds
        time.text = "\(strHour):\(strMin):\(strSec)"
    }

    override func touchesBegan(_ touches: Set<UITouch>,with event: UIEvent?) {
        let focusPoint = touches.first!.location(in: lfView)     
        showPointOfInterestViewAtPoint(point: focusPoint)
    }
       
    
    func showPointOfInterestViewAtPoint(point: CGPoint) {
        
        print("point is here \(point)")
          
        pointOfInterestHalfCompletedWorkItem = nil
        pointOfInterestComplatedWorkItem = nil
        pointOfInterestView.center = point
        
        
        pointOfInterestView.transform = CGAffineTransform(scaleX: 1.5,y: 1.5)
        let animation = UIViewPropertyAnimator(duration: 0.3,curve: .easeInOut) {
            self.pointOfInterestView.transform = .identity
            self.pointOfInterestView.alpha = 1
        }
        animation.startAnimation()
        
        let pointOfInterestHalfCompletedWorkItem = DispatchWorkItem { [weak self] in
            guard let self = self else { return }
            let animation = UIViewPropertyAnimator(duration: 0.3,curve: .easeInOut) {
                self.pointOfInterestView.alpha = 0.5
            }
            animation.startAnimation()
        }
                                                           
        DispatchQueue.main.asyncAfter(deadline: .now() + 2,execute: pointOfInterestHalfCompletedWorkItem)
        self.pointOfInterestHalfCompletedWorkItem = pointOfInterestHalfCompletedWorkItem
        
    }
    
}

由于我认为是线程问题，我尝试通过编写DispatchQueue.main.asyncAfter来更改标签文本并在主线程中显示黄色方块，但没有成功。另外，如果我同时执行，我不确定它是串行队列还是并发队列

1. 循环定时器功能并不断更新标签文本
2. 检测 UI 触摸事件并显示黄色方块

由于 UI 更新是在主线程中执行的，我想我需要想办法为计时器功能和用户触摸事件共享主线程...

如果有人知道解决这个问题的线索，请告诉我。

解决方法

这不是线程问题。这是一个自动布局问题。

大概您已经使用约束在故事板中定位了黄色方形视图。

然后通过修改 frame 属性直接修改黄色方块的 center；这对应用于视图的约束没有影响。一旦下一个自动布局通道运行（例如由文本更改触发），就会重新应用约束，并且黄色方块会跳回到您的约束规定的位置。

你有几个选择；

1. 计算距视图中心的目标点偏移量，然后将这些偏移量应用于两个居中约束的 constant 属性

2. 以编程方式添加黄色视图并通过直接设置其框架来定位它。然后，您可以像现在一样通过修改 center 来调整框架。