首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用自动布局调整标签大小

使用自动布局调整标签大小
EN

Stack Overflow用户
提问于 2019-04-17 06:09:36
回答 1查看 94关注 0票数 1

问题的描述

我在iOS应用程序中的打印视图左侧有一个标签。我已经成功地将标签旋转了90度,如下图所示,使用以下部分中复制的代码:

但是,只要我将文本更改为"Speed (Km/h):“,标签就会变宽,如下所示:

布局

在接口构建器中没有设置相关的约束。此处设置的唯一约束是:-标签图视图的右、上和下边缘的垂直居中与视图的右、上和下边缘保持一致

其余部分在代码中设置

代码

代码语言:javascript
复制
func setup(speedArray: [Float32]) {

    //Convert speed to Km/h from m/s
    let speedArrayKMH = speedArray.map({$0*3.6})

    //Draw Chart
    //This only styles the chart (colors, user interaction, etc...
    //no code in this fuction that affects layout)
    setupSpeedChart(speedArray: speedArrayKMH)

    //
    //  Customise speed label
    //
    //Label text
    chartTitleLabel.textAlignment = .center
    //Text color
    self.chartTitleLabel.textColor = BoxTextColor
    //Rotate
    chartTitleLabel.transform = CGAffineTransform(rotationAngle: CGFloat(-Double.pi/2))
    //Constrain
    let C1 = NSLayoutConstraint(item: chartTitleLabel, attribute: .leadingMargin, relatedBy: .equal, toItem: self, attribute: .leading, multiplier: 1, constant: 0)
    let C2 = NSLayoutConstraint(item: chartTitleLabel, attribute: .trailingMargin, relatedBy: .equal, toItem: speedLineChart, attribute: .leading, multiplier: 1, constant: 0)

    NSLayoutConstraint.activate([C1, C2])

}

我尝试过的东西

我尝试了许多构造和大小组合,包括:

框架约束修复标注的框架属性(height width)

  • adding

标注的宽度和高度的约束

似乎什么都不管用。

例如,为标签宽度添加以下约束会产生以下结果:

代码语言:javascript
复制
let C3 = NSLayoutConstraint(item: chartTitleLabel, attribute: .width, relatedBy: .equal, toItem: nil, attribute: .notAnAttribute, multiplier: 1, constant: 45)

EN

回答 1

Stack Overflow用户

发布于 2019-04-17 07:44:44

有几个关键的东西是你忘记使用translateAutoReaizingMaskIntoConstraints时遗漏的

转到故事板,选择您的标签,转到标签下的检查器,标签下有自动收缩功能,将其设置为最小字体大小,将大小设置为11

然后在view didload中执行以下操作

代码语言:javascript
复制
override func viewDidLoad() {
    super.viewDidLoad()
    // Do any additional setup after loading the view.
    myLabel.text = "speed in km"
    myLabel.textAlignment = .center
    myLabel.transform = CGAffineTransform(rotationAngle: CGFloat(-Double.pi/2))
    myLabel.translatesAutoresizingMaskIntoConstraints = false
    let c1 = NSLayoutConstraint(item: myLabel, attribute: .width, relatedBy: .equal, toItem: nil, attribute: .notAnAttribute, multiplier: 1, constant: 200)
    let c2 = NSLayoutConstraint(item: myLabel, attribute: .height, relatedBy: .equal, toItem: nil, attribute: .notAnAttribute, multiplier: 1, constant: 60)

    let c3 = NSLayoutConstraint(item: myLabel, attribute: .leading, relatedBy: .equal, toItem: view, attribute: .leading, multiplier: 1, constant: -60)
    let c4 = NSLayoutConstraint(item: myLabel, attribute: .centerY, relatedBy: .equal, toItem: myImageView, attribute: .centerY, multiplier: 1, constant: 0)

    NSLayoutConstraint.activate([c1, c2, c3, c4])

}

我试着用比以前更多的字符数将文本更新为新文本,我工作得很好

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55717268

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档