• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

ios - 如何以编程方式添加具有可变高度和布局 ios 的 UILabel

[复制链接]
菜鸟教程小白 发表于 2022-12-13 10:01:35 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题

我一直在寻找一整天,但无法成功。

我有一个 UIView 有两个标签,在另一个上方,在左侧,在右侧有一个按钮。我添加了约束以让 autolayout 相应地调整 View 大小。当我为 UIView 的高度设置了一个约束(并且对两个 UILabel 的高度没有一个约束)时,一切都运行良好,但是作为较低的 UILabel 会有所不同,我删除了该约束并为 UILabel 设置了两个约束,一个为上 UILabel 固定,一个与“更大”的关系下层UILabel,另外一个用于固定下层UILabelUIView之间的距离。

看起来自动布局无法计算下层 UILabelintrinsicContentSize,因为尽管下层 UILabel 的内容不会增加其高度超过 10pxUILabel.

UIView *miView = [[UIView alloc] init];
UILabel *miLabel = [[UILabel alloc] init];
[miLabel setTranslatesAutoresizingMaskIntoConstraints:NO];
[miDetailsLabel setNumberOfLines:1];
[miDetailsLabel setText"Just one line."];
[miView addSubview:miLabel];
UILabel *miDetailsLabel = [[UILabel alloc] init];
[miDetailsLabel setTranslatesAutoresizingMaskIntoConstraints:NO];
[miDetailsLabel setNumberOfLines:0];
[miDetailsLabel setText"Enough text to show 3 lines on an IP4, except first of three UILabels on my test code, with no content"];
[miView addSubview:miDetailsLabel];
UIButton *miButton = [[UIButton alloc] init];
[miButton setTranslatesAutoresizingMaskIntoConstraints:NO];
[miView addSubview:miButton];

NSArray *constraint_inner_h = [NSLayoutConstraint constraintsWithVisualFormat"H:|-(0)-[label]-(10)-[button(52)]-(0)-|" options:0 metrics:nil views{@"label":miLabel, @"button":miButton}];
NSArray *constraint_inner2_h = [NSLayoutConstraint constraintsWithVisualFormat"H:|-(0)-[details]-(10)-[button]-(0)-|" options:0 metrics:nil views{@"details":miDetailsLabel, @"button":miButton}];
NSArray *constraint_label_v = [NSLayoutConstraint constraintsWithVisualFormat"V:|-(0)-[label(18)]-(2)-[details(>=10)]-(0)-|" options:0 metrics:nil views{@"label":miLabel, @"details":miDetailsLabel}];
NSArray *constraint_button_v = [NSLayoutConstraint constraintsWithVisualFormat"V:[button(22)]" options:0 metrics:nil views{@"button":miButton}];
[miView addConstraint:[NSLayoutConstraint constraintWithItem:miButton attribute:NSLayoutAttributeCenterY relatedBy:NSLayoutRelationEqual toItem:miView attribute:NSLayoutAttributeCenterY multiplier:1.0 constant:0.0]];
[miView addConstraints:constraint_inner_h];
[miView addConstraints:constraint_inner2_h];
[miView addConstraints:constraint_label_v];
[miView addConstraints:constraint_button_v];

我放了一个精简版的代码。

对我缺少什么有什么想法吗?

谢谢

更新:感谢马特的建议,我已经尝试了这个解决方案来将正确的值设置为 preferredMawLayoutWidth:

- (void)viewDidLayoutSubviews {
    [super viewDidLayoutSubviews];

    NSArray *allKeys = [dictOpcionesTickets allKeys];
    for (NSString *key in allKeys) {
        NSArray *tmpArray = [dictOpcionesTickets objectForKey:key];
        if (![[tmpArray objectAtIndex:0] isEqual:@""]) {
            UILabel *tmpLabel = [tmpArray objectAtIndex:3];
            tmpLabel.preferredMaxLayoutWidth = tmpLabel.frame.size.width;
            NSLog(@"width: %f",tmpLabel.frame.size.width);
        }
    }
    [self.view layoutIfNeeded];
}

为了解释代码,正如我所说,我是动态地做的,所以我创建了一个字典,其中包含一个数组,其中包含对我的 UILabel 的引用(以及其他有趣的信息)。当我运行代码时,我得到下一个日志(代码解析 3 UILabel,第一个标签没有内容):

2014-12-28 20:40:42.898 myapp[5419:60b] width: 0.000000
2014-12-28 20:40:42.912 myapp[5419:60b] width: 0.000000
2014-12-28 20:40:43.078 myapp[5419:60b] width: 229.000000
2014-12-28 20:40:43.080 myapp[5419:60b] width: 229.000000
2014-12-28 20:40:43.326 myapp[5419:60b] width: 229.000000
2014-12-28 20:40:43.327 myapp[5419:60b] width: 229.000000

但我仍然得到相同的结果... UIView 仍然显示高度等于约束设置的最小高度,而不是显示 UILabel 的内容。

UPDATE 2 还在胡闹。

我已经测试了我的初始代码,但在 xcode 6 中的一个新项目上进行了简化,该项目在带有 iOS7 的实际 iPhone 4 上运行,并且无需设置 preferredMaxLayoutWidth 或子类化 UILabel< 即可完美运行,甚至没有在父 View 上调用 layoutIfNeeded。但是当涉及到真正的项目时(我认为它最初是在 xcode 4 或 5 中构建的)它不起作用:

- (void)addLabelsDinamically {
    self.labelFixed.text = @"Below this IB label goes others added dinamically...";

    UIButton *miBoton = [[UIButton alloc] init];
    miBoton.translatesAutoresizingMaskIntoConstraints = NO;
    [miBoton setTitle:@"Hola" forState:UIControlStateNormal];
    [self.viewLabels addSubview:miBoton];
    [self.viewLabels addConstraint:[NSLayoutConstraint constraintWithItem:miBoton attribute:NSLayoutAttributeCenterY relatedBy:NSLayoutRelationEqual toItem:self.viewLabels attribute:NSLayoutAttributeCenterY multiplier:1.0 constant:0.0]];
    [self.viewLabels addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:[boton(22)]" options:0 metrics:nil views:@{@"boton":miBoton}]];
    [self.viewLabels addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:[boton(40)]" options:0 metrics:nil views:@{@"boton":miBoton}]];

    UILabel *miLabel = [[UILabel alloc] init];
    miLabel.translatesAutoresizingMaskIntoConstraints = NO;
    miLabel.backgroundColor = [UIColor redColor];
    miLabel.numberOfLines = 0;
    miLabel.text = @"ñkhnaermgñlkafmbñlkadnlñejtnhalrmvlkamnñnañorenoetñnngñsdbmnñgwn";
    [self.viewLabels addSubview:miLabel];
    [self.viewLabels addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-(8)-[label]-(10)-[boton]-(8)-|" options:0 metrics:nil views:@{@"label":miLabel,@"boton":miBoton}]];
    [self.viewLabels addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:[previous]-(8)-[label]" options:0 metrics:nil views:@{@"label":miLabel,@"previous":self.labelFixed}]];
    UIView *pre = miLabel;

    miLabel = [[UILabel alloc] init];
    miLabel.translatesAutoresizingMaskIntoConstraints = NO;
    miLabel.backgroundColor = [UIColor greenColor];
    miLabel.numberOfLines = 0;
    miLabel.text = @"ñkhnaermgñlkafmbñlkadnlñejtnhalrmvlkamnñnañorenoetñnngñsdbmnñgwn";
    [self.viewLabels addSubview:miLabel];
    [self.viewLabels addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-(8)-[label]-(10)-[boton]-(8)-|" options:0 metrics:nil views:@{@"label":miLabel,@"boton":miBoton}]];
    [self.viewLabels addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:[previous]-(8)-[label]" options:0 metrics:nil views:@{@"label":miLabel,@"previous":pre}]];
}

啊,在同一个屏幕上,我在 IB 上添加了一个 UILabelnumberOfLines 设置为“0”,垂直约束“大于或等于”和水平约束以类似的方式设置(但在 IB 上设置了两个约束)......而且效果很好......这让我发疯了!有什么帮助???



Best Answer-推荐答案


好吧,我终于找到了错误,正如我在“更新 2”中所说的,很奇怪它正在处理通过 IB 添加的 UILabel,但不是那些添加的动态的。

所以,我再次查看我在 IB 上的屏幕,发现我有一个“等于”关系的高度限制,当我将其更改为“大于或等于”时,一切都开始起作用了!!!!为什么我没有注意到约束不是“大于或等于”?因为当我在里面添加带有标签的 View 时,带有约束的 View 变得越来越大。这是一个错误吗?

好吧,总结一下是否有人觉得这很有用。 “如何添加UILabel的多行以适应其内容?”

iOS 6 版本中,这是一个带有“preferredMaxLayoutWidth”的错误,一旦“布局”就无法获得宽度,因此程序员必须设置它通过代码(最好的解决方案是动态执行,我在上面的问题中提出的一个例子)。

幸好在iOS7及更高版本上,这个问题已经解决了,只能靠约束了。

  1. 通过 IB 添加

    • 添加 UILabel,并将“行数”设置为“0”(这将使 UILabel 使用尽可能多的行数)。
    • 添加约束,您至少需要 3 个约束(固定到顶部或底部,以及两侧),第四个将是具有“大于或等于”关系的高度。
    • 确保 View 容器有足够的空间,或者还具有“大于或等于”关系的高度约束。
  2. 通过代码添加(只需粘贴上面发布的代码):

    UILabel *miLabel = [[UILabel alloc] init]; // Initialitze the UILabel
    miLabel.translatesAutoresizingMaskIntoConstraints = NO;  // Mandatory to disable old way of positioning
    miLabel.backgroundColor = [UIColor redColor];
    miLabel.numberOfLines = 0;  // Mandatory to allow multiline behaviour
    miLabel.text = @"ñkhnaergñsdbmnñgwn"; // big test to test
    [self.viewLabels addSubview:miLabel];  // Add subview to the parent view
    [self.viewLabels addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-(10)-[label]-(10)-|" options:0 metrics:nil views:@{@"label":miLabel}]];  // horizontal constraint
    [self.viewLabels addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-(10)-[label]" options:0 metrics:nil views:@{@"label":miLabel}]];
    UIView *pre = miLabel;
    
    // Adding a second label to test the separation
    miLabel = [[UILabel alloc] init];
    miLabel.translatesAutoresizingMaskIntoConstraints = NO;
    miLabel.backgroundColor = [UIColor greenColor];
    miLabel.numberOfLines = 0;
    miLabel.text = @"ñkhnaermgñlkafmbnoetñnngñsdbmnñgwn";
    [self.viewLabels addSubview:miLabel];
    [self.viewLabels addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-(10)-[label]-(10)-|" options:0 metrics:nil views:@{@"label":miLabel,@"boton":miBoton}]];
    [self.viewLabels addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:[previous]-(10)-[label]" options:0 metrics:nil views:@{@"label":miLabel,@"previous":pre}]];
    

感谢那些试图帮助我的人!这个网站太棒了

关于ios - 如何以编程方式添加具有可变高度和布局 ios 的 UILabel,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27678850/

回复

使用道具 举报

懒得打字嘛,点击右侧快捷回复 【右侧内容,后台自定义】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关注0

粉丝2

帖子830918

发布主题
阅读排行 更多
广告位

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap