43

如何UILabel从底部对齐。比方说，我的标签可以容纳三行文本。如果输入文本是单行，那么这一行应该在标签的底部。请参考下图更好地理解。橙色区域是标签的全框。目前它只有一条线，并且居中对齐。所以我想要的是，无论有多少行，它都应该始终对齐底部。

在此处输入图像描述

请提出你的想法。

谢谢你。

4

11 回答 11

24

这里有两种方法可以做到这一点......

1.首先设置numberOfLines为0，然后使用sizeToFit属性，UILabel以便您的UILabel显示与它的contentSize。

yourLabel.numberOfLines = 0;

[yourLabel sizeToFit];

从此链接查看更多信息：在 UILabel 中垂直对齐文本

2.另一种选择是采取UITextField而不是UILabel设置userInteractionEnabled为NO如下...

[yourTextField setUserInteractionEnabled:NO];

然后将contentVerticalAlignment属性设置为底部，如下所示...

[yourTextField setContentVerticalAlignment:UIControlContentVerticalAlignmentBottom];

更新

此外，使用UITextField，我们无法实现多行。因此，我们可以使用UITextView并将其设置userInteractionEnabled为NO. 然后，使用下面的代码使其底部对齐。

CGFloat topCorrect = ([label bounds].size.height - [label contentSize].height);
topCorrect = (topCorrect <0.0 ? 0.0 : topCorrect);
label.contentOffset = (CGPoint){.x = 0, .y = -topCorrect};
于 2013-08-15T07:24:20.460 回答
22

Swift 4.2 版本使用contentMode属性来设置顶部和底部：

class VerticalAlignedLabel: UILabel {
    
    override func drawText(in rect: CGRect) {
        var newRect = rect
        switch contentMode {
        case .top:
            newRect.size.height = sizeThatFits(rect.size).height
        case .bottom:
            let height = sizeThatFits(rect.size).height
            newRect.origin.y += rect.size.height - height
            newRect.size.height = height
        default:
            ()
        }
        
        super.drawText(in: newRect)
    }
}

然后像这样设置你的标签：

let label = VerticalAlignedLabel()
label.contentMode = .bottom
于 2018-05-21T13:30:23.807 回答
19

子类 UILabel

@interface Label : UILabel

@end

然后像这样覆盖drawTextInRect

@implementation Label

- (void)drawTextInRect:(CGRect)rect
{
    if(alignment == top) {

        rect.size.height = [self sizeThatFits:rect.size].height;
    }

    if(alignment == bottom) {

        CGFloat height = [self sizeThatFits:rect.size].height;

        rect.origin.y += rect.size.height - height;
        rect.size.height = height;
    }

    [super drawTextInRect:rect];
}

@end
于 2014-04-03T21:58:51.203 回答
3

我只为 IB 中的超级视图设置了一个底部约束，这对我有用，而无需使用代码以及最大约束的行数。

于 2016-08-29T08:56:25.143 回答
2

我最近遇到了这个问题，并且能够通过将我的标签本身放在堆栈视图中来解决它。我从这篇有相同问题但有多个标签的帖子中得到了这个想法。相同的技术可以用于单个标签。

堆栈视图将具有轴 = 水平和对齐 = 底部（这就是诀窍）。

我的标签现在与底部完全对齐，这正是我所需要的。

于 2020-10-03T12:49:31.510 回答
0

我遇到过同样的问题。以下是我如何将文本与 UILabel 底部对齐：

- (void)alignLabel:(UILabel *)l withText:(NSString *)text verticalAlignOption:(int)vertAlign{
CGSize stringSize = [text sizeWithFont:l.font constrainedToSize:l.frame.size lineBreakMode:l.lineBreakMode];

switch (vertAlign) {
    case 0: // align = top
        l.frame = CGRectMake(l.frame.origin.x,
                                   l.frame.origin.y,
                                   l.frame.size.width,
                                   stringSize.height
                                   );
        break;
    case 1: // align = bottom
        l.frame = CGRectMake(l.frame.origin.x,
                                   (l.frame.origin.y + l.frame.size.height) - stringSize.height,
                                   l.frame.size.width,
                                   stringSize.height
                                   );
        break;
    case 2: // align = middle
        // default
        break;
}

l.text = text;
}

啊，你简单地调用这样的方法来对齐底部：

[self alignLabel:self.mediaTitle withText:@"My text to align" verticalAlignOption:1];
于 2014-07-08T12:39:27.717 回答
0

另一种选择：使用一个标签作为背景颜色，我称之为 originalLabel，另一个作为文本标签，在我的示例中称为 textLabel。然后计算 textLabel 的高度和 Y 坐标：

[textLabel sizeToFit];
int height = textLabel.frame.size.height;
int yCoord = originalLabel.frame.origin.y + 
          originalLabel.frame.size.height - height;
textLabel.frame = CGRectMake( originalLabel.frame.origin.x, yCoord,
          textLabel.frame.size.width, height);
于 2014-08-07T22:11:54.297 回答
0

在 IB 中，正如@Tobe 所说，对超级视图的底部约束应该起作用，如果您有多个子视图或水平堆栈视图，其中一个元素具有底部约束，则使用 Layout Margin to be Fixed with bottom 小于其他边距 在此处输入图像描述

于 2019-11-27T03:42:49.193 回答
0

将您的 UILabel 放在一个垂直的 UIStackView 中，并使用一个虚拟视图作为分隔符。此外，将虚拟视图设​​置为较低的拥抱和压缩优先级。

从上到下：

  • 标签
  • 虚拟视图

从下到上：

  • 虚拟视图
  • 标签

截屏

于 2021-03-02T22:37:57.257 回答
-1

您可以子类UILabel化并覆盖该方法：

- (void)drawTextInRect:(CGRect)rect

drawTextInRect使用您要使用的矩形调用 super 。

于 2013-08-15T07:28:25.600 回答
-1
  1. 使用自动布局）
textLabel.numberOfLines = 0
textLabel.textAlignment = .center

textLabel.topAnchor.constraint(greaterThanOrEqualTo: sView.topAnchor).isActive = true
textLabel.leadingAnchor.constraint(equalTo: sView.leadingAnchor).isActive = true
textLabel.trailingAnchor.constraint(equalTo: sView.trailingAnchor).isActive = true
textLabel.bottomAnchor.constraint(equalTo: sView.bottomAnchor).isActive = true
于 2021-01-03T01:58:44.603 回答