Как добавить ярлык в верхней части View Swift

Question

Вот что я пытаюсь сделать:

Скриншот взят с iPhone:

Код ниже:

//Show HighLightView
    let highLightView = UIView(frame: CGRect(x: self.minXHighLightView!, y: 0, width: self.maxXHighLightView!-self.minXHighLightView!, height: self.soundWaveView.frame.height))
    highLightView.backgroundColor = UIColor(displayP3Red: 89/256, green: 206/256, blue: 249/256, alpha: 0.4)
    self.soundWaveView.addSubview(highLightView)

 //Show HighLight Lable
    let highLightLabelCount = UILabel(frame: CGRect(x: 0, y: 0, width: 50, height: 50))
    highLightLabelCount.textColor = .black
    highLightLabelCount.font = UIFont(name: "Lato-Bold", size: 20)
    highLightView.addSubview(highLightLabelCount)

Вопрос: Как установить настройки метки рамки или ограничений в верхнем левом углу?

Любая помощь будет принята с благодарностью.

Заранее спасибо.

Answer 1

Ваше ограничение должно быть в центре х, у, а не в верхнем левом углу с

//Show HighLightView
    let highLightView = UIView(frame: CGRect(x: self.minXHighLightView!, y: 0, width: self.maxXHighLightView!-self.minXHighLightView!, height: self.soundWaveView.frame.height))
    highLightView.backgroundColor = UIColor(displayP3Red: 89/256, green: 206/256, blue: 249/256, alpha: 0.4)
    self.soundWaveView.addSubview(highLightView)

 //Show HighLight Lable
    let highLightLabelCount = UILabel()
    highLightLabelCount.textColor = .black
    highLightLabelCount.font = UIFont(name: "Lato-Bold", size: 20)
    highLightView.addSubview(highLightLabelCount)
    highLightLabelCount.translatesAutoresizingMaskIntoConstraints = false

self.highLightView.textAlignment = .center
NSLayoutConstraint.activate([
   self.highLightLabelCount.centerXAnchor.constraint(equalTo: self.highLightView.centerXAnchor),
   self.highLightLabelCount.centerYAnchor.constraint(equalTo: self.highLightView.centerYAnchor)
])

Answer 2

Я думаю, что это будет полезно, если вы захотите прикрепить ярлык к верхнему левому углу вашей подсветки.

NSLayoutConstraint.activate([
        highLightView.centerXAnchor.constraint(equalTo: view.centerXAnchor),
        highLightView.centerYAnchor.constraint(equalTo: view.centerYAnchor),
        highLightLabelCount.leadingAnchor.constraint(equalTo: view.leadingAnchor),
        highLightLabelCount.bottomAnchor.constraint(equalTo: highLightView.topAnchor))
        ])