Ios 设置标签';s文本导致堆栈视图布局问题
如果我在操场上使用下面的代码示例,在我尝试为其中一个标签设置文本属性之前,一切看起来都很好。我把它限制在能够在将堆栈视图添加到UIView之前更改值。但如果在将堆栈视图添加到父视图后更改标签的文本值,则两个标签最终会重叠(请参见底部的图像) 这是一个强调问题的基本测试工具,实际代码将在运行时设置值,可能是在加载视图之后,实际控制比这更复杂。我知道这与自动布局/约束有关,但我很确定我已经正确地遵循了我正在查看的示例代码,但我看不出他们的示例和我的示例之间的区别Ios 设置标签';s文本导致堆栈视图布局问题,ios,swift,autolayout,nslayoutconstraint,uistackview,Ios,Swift,Autolayout,Nslayoutconstraint,Uistackview,如果我在操场上使用下面的代码示例,在我尝试为其中一个标签设置文本属性之前,一切看起来都很好。我把它限制在能够在将堆栈视图添加到UIView之前更改值。但如果在将堆栈视图添加到父视图后更改标签的文本值,则两个标签最终会重叠(请参见底部的图像) 这是一个强调问题的基本测试工具,实际代码将在运行时设置值,可能是在加载视图之后,实际控制比这更复杂。我知道这与自动布局/约束有关,但我很确定我已经正确地遵循了我正在查看的示例代码,但我看不出他们的示例和我的示例之间的区别 import UIKit impor
import UIKit
import PlaygroundSupport
@IBDesignable
public final class TestHarness : UIView {
fileprivate let nameLabel: UILabel = {
let label = UILabel()
//label.font = UIFont.systemFont( ofSize: 20, weight: UIFont.Weight.medium)
label.textAlignment = .center
label.textColor = #colorLiteral(red: 0.6000000238, green: 0.6000000238, blue: 0.6000000238, alpha: 1)
label.text = "Person's Name"
label.adjustsFontSizeToFitWidth = true
label.translatesAutoresizingMaskIntoConstraints = false
return label
}()
fileprivate let jobTitleLabel: UILabel = {
let label = UILabel()
//label.font = UIFont.systemFont( ofSize: 20, weight: UIFont.Weight.medium)
label.textAlignment = .center
label.textColor = #colorLiteral(red: 0.6000000238, green: 0.6000000238, blue: 0.6000000238, alpha: 1)
label.text = "Job Title"
label.adjustsFontSizeToFitWidth = true
label.translatesAutoresizingMaskIntoConstraints = false
return label
}()
fileprivate lazy var stackView: UIStackView = {
let stackView = UIStackView()
stackView.axis = .vertical
//stackView.distribution = .fill
stackView.alignment = .center
stackView.translatesAutoresizingMaskIntoConstraints = false
stackView.addArrangedSubview(self.nameLabel)
stackView.addArrangedSubview(self.jobTitleLabel)
return stackView
}()
public required init?(coder: NSCoder) {
super.init(coder: coder)
initPhase2()
}
public override init(frame: CGRect) {
super.init(frame: frame)
initPhase2()
}
private func initPhase2() {
layer.cornerRadius = 10
layer.borderWidth = 2
self.backgroundColor = #colorLiteral(red: 1, green: 1, blue: 1, alpha: 1)
jobTitleLabel.backgroundColor = #colorLiteral(red: 0.9254902005, green: 0.2352941185, blue: 0.1019607857, alpha: 1)
// self.jobTitleLabel.text = "Developer" // <<-- Can set here no problem
self.addSubview(stackView)
// self.jobTitleLabel.text = "Developer" // << -- If I set this here, job title and name overlap
NSLayoutConstraint.activate([
{
let constraint = stackView.topAnchor.constraint(greaterThanOrEqualTo: layoutMarginsGuide.topAnchor, constant: 8)
constraint.priority = UILayoutPriority(750)
return constraint
}(),
stackView.leftAnchor.constraint(equalTo: layoutMarginsGuide.leftAnchor, constant: 8),
stackView.rightAnchor.constraint(equalTo: layoutMarginsGuide.rightAnchor, constant: -8),
{
let constraint = stackView.bottomAnchor.constraint(lessThanOrEqualTo: layoutMarginsGuide.bottomAnchor, constant: -8)
constraint.priority = UILayoutPriority(750)
return constraint
}(),
stackView.centerYAnchor.constraint(equalTo: layoutMarginsGuide.centerYAnchor)
])
}
@IBInspectable
public var Name: String? {
get{
return self.nameLabel.text
}
set{
self.nameLabel.text = newValue
}
}
@IBInspectable
public var JobTitle: String? {
get{
return self.jobTitleLabel.text
}
set{
self.jobTitleLabel.text = newValue
}
}
}
let dimensions = (width: 200, height: 300)
let control = TestHarness(frame: CGRect(x: dimensions.width / 2, y: dimensions.height / 2, width: dimensions.width, height: dimensions.height))
// control.JobTitle = "Developer" // << -- If I set this here, job title and name overlap
let view = UIView(frame: control.frame.insetBy(dx: -100, dy: -100))
view.backgroundColor = #colorLiteral(red: 0.8039215803, green: 0.8039215803, blue: 0.8039215803, alpha: 1)
view.addSubview(control)
PlaygroundPage.current.liveView = view
导入UIKit
导入PlaygroundSupport
@可设计的
公共最终类TestHarness:UIView{
fileprivate let名称标签:UILabel={
let label=UILabel()
//label.font=UIFont.systemFont(尺寸:20,重量:UIFont.weight.medium)
label.textAlignment=.center
label.textColor=#colorLiteral(红色:0.6000000238,绿色:0.6000000238,蓝色:0.6000000238,alpha:1)
label.text=“姓名”
label.adjustsFontSizeToFitWidth=true
label.translatesAutoresizingMaskIntoConstraints=false
退货标签
}()
fileprivate let作业标题标签:UILabel={
let label=UILabel()
//label.font=UIFont.systemFont(尺寸:20,重量:UIFont.weight.medium)
label.textAlignment=.center
label.textColor=#colorLiteral(红色:0.6000000238,绿色:0.6000000238,蓝色:0.6000000238,alpha:1)
label.text=“职务”
label.adjustsFontSizeToFitWidth=true
label.translatesAutoresizingMaskIntoConstraints=false
退货标签
}()
fileprivate lazy var stackView:UIStackView={
让stackView=UIStackView()
stackView.axis=.vertical
//stackView.distribution=.fill
stackView.alignment=.center
stackView.TranslatesAutoResizezingMaskintoConstraints=false
stackView.addArrangedSubview(self.nameLabel)
stackView.addArrangedSubview(self.jobTitleLabel)
返回堆栈视图
}()
公共必需初始化?(编码者:NSCoder){
super.init(编码器:编码器)
初始阶段2()
}
公共重写初始化(帧:CGRect){
super.init(frame:frame)
初始阶段2()
}
私有函数initPhase2(){
层角半径=10
layer.borderWidth=2
self.backgroundColor=#colorLiteral(红色:1,绿色:1,蓝色:1,alpha:1)
jobTitleLabel.backgroundColor=#colorLiteral(红色:0.9254902005,绿色:0.2352941185,蓝色:0.1019607857,alpha:1)
//self.jobTitleLabel.text=“Developer”//您的代码看起来不错,可能游乐场的渲染循环有问题,
我创建了一个Xcode项目并使用了您的代码,它在模拟器中运行良好,没有重叠:
import UIKit
override func viewDidLoad() {
super.viewDidLoad()
let dimensions = (width: 200, height: 300)
let control = TestHarness(frame: CGRect(x: dimensions.width / 2, y: dimensions.height / 2, width: dimensions.width, height: dimensions.height))
control.JobTitle = "Developer b2.0" // << -- No overlap in simulator
let contentView = UIView(frame: control.frame.insetBy(dx: -100, dy: -100))
contentView.backgroundColor = #colorLiteral(red: 0.3098039329, green: 0.01568627544, blue: 0.1294117719, alpha: 1)
contentView.addSubview(control)
view.addSubview(contentView)
}
导入UIKit
重写func viewDidLoad(){
super.viewDidLoad()
让尺寸=(宽:200,高:300)
let control=TestHarness(帧:CGRect(x:dimensions.width/2,y:dimensions.height/2,width:dimensions.width,height:dimensions.height))
control.JobTitle=“开发者b2.0”//谢谢,我昨天远离代码,所以今天早上看到你的答案很高兴。我重新启动了XCode并将代码分解到它自己的控件中,在操场上尝试,但实际上没有在应用程序本身的视图中尝试该控件。你是对的,它在那里工作很好,只是在操场上没有!