如何在View Swift顶部添加标签

时间:2019-06-20 14:04:38

标签: ios swift user-interface

这是我要尝试的操作:

ScreeShot

屏幕截图来自iPhone:

Screen Shot

以下代码:

//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)

问题:如何在左上角设置框架或约束标签设置?

任何帮助将不胜感激。

谢谢。

2 个答案:

答案 0 :(得分:0)

如果您想将标签固定在突出显示视图的左上角,我认为这很有用。

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))
        ])

答案 1 :(得分:0)

您的约束应以x,y居中,而不是以左上角

//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)
])