如何让UILabel中的Unicode符号实现垂直居中？

问题详情 #

• 在UILabel中显示Unicode双箭头符号⇔时，无法实现垂直居中；字体越大，符号向下偏移越明显，靠近标签底部。
• 同容器内的左右标签文本可正常垂直居中，仅中间箭头标签出现异常：该标签frame与容器、左右标签高度一致，宽度为容器的1/3。
• 赋值代码：

lblMyLabel.text = [NSString stringWithFormat:@"⇔"];

• 相关效果与设置截图：
  • 字体14.0时的显示效果：
  • 字体增大后的偏移效果：
  • UILabel属性设置：

核心疑问 #

1. 如何让该双箭头符号在UILabel中垂直居中？
2. Unicode符号是否存在特殊属性导致此偏移？

解决思路与方案 #

原因本质 #

这个问题是**字体字形度量（Glyph Metrics）**差异导致的：双箭头这类特殊符号的字形基线（Baseline）、上升值（Ascent）、下降值（Descent）和普通文字的分布逻辑不同，UILabel默认基于文字基线做垂直对齐，因此会出现偏移。

具体解决方法 #

方法1：调整UILabel内边距

通过自定义UILabel添加内边距，手动将符号向上偏移，适配不同字体大小：

// 自定义带内边距的Label子类
@interface InsetLabel : UILabel
@property (nonatomic, assign) UIEdgeInsets contentInsets;
@end

@implementation InsetLabel
- (instancetype)initWithFrame:(CGRect)frame {
    self = [super initWithFrame:frame];
    if (self) {
        _contentInsets = UIEdgeInsetsZero;
    }
    return self;
}

- (void)drawTextInRect:(CGRect)rect {
    [super drawTextInRect:UIEdgeInsetsInsetRect(rect, self.contentInsets)];
}
@end

// 使用时根据字体大小调试top内边距（负值让内容上移）
InsetLabel *arrowLabel = [[InsetLabel alloc] initWithFrame:yourFrame];
arrowLabel.contentInsets = UIEdgeInsetsMake(-3, 0, 0, 0);
arrowLabel.text = @"⇔";

方法2：用富文本调整基线偏移

通过NSBaselineOffsetAttributeName直接控制字符基线位置，精准修正偏移：

NSString *arrowText = @"⇔";
NSMutableAttributedString *attributedText = [[NSMutableAttributedString alloc] initWithString:arrowText];
// 根据字体大小调整偏移值，需实际调试确定（负值让内容上移）
[attributedText addAttribute:NSBaselineOffsetAttributeName 
                       value:@(-3) 
                       range:NSMakeRange(0, arrowText.length)];
lblMyLabel.attributedText = attributedText;

方法3：更换字体

部分字体对特殊符号的字形度量更友好，可尝试更换系统字体（如SF Pro Display）或第三方字体：

lblMyLabel.font = [UIFont fontWithName:@"SF Pro Display" size:14.0];

方法4：自定义View绘制箭头（最可靠）

如果上述方法效果不佳，可直接用CoreGraphics绘制双箭头，完全控制位置：

@interface ArrowView : UIView
@end

@implementation ArrowView
- (void)drawRect:(CGRect)rect {
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    CGContextSetStrokeColorWithColor(ctx, [UIColor blackColor].CGColor);
    CGContextSetLineWidth(ctx, 1.0);
    
    // 绘制左箭头
    CGPoint leftStart = CGPointMake(rect.size.width/4, rect.size.height/2);
    CGPoint leftEnd = CGPointMake(rect.size.width/2 - 4, rect.size.height/2);
    CGContextMoveToPoint(ctx, leftStart.x, leftStart.y);
    CGContextAddLineToPoint(ctx, leftEnd.x, leftEnd.y);
    CGContextAddLineToPoint(ctx, leftEnd.x + 4, leftEnd.y - 3);
    CGContextMoveToPoint(ctx, leftEnd.x, leftEnd.y);
    CGContextAddLineToPoint(ctx, leftEnd.x + 4, leftEnd.y + 3);
    
    // 绘制右箭头
    CGPoint rightStart = CGPointMake(rect.size.width*3/4, rect.size.height/2);
    CGPoint rightEnd = CGPointMake(rect.size.width/2 + 4, rect.size.height/2);
    CGContextMoveToPoint(ctx, rightStart.x, rightStart.y);
    CGContextAddLineToPoint(ctx, rightEnd.x, rightEnd.y);
    CGContextAddLineToPoint(ctx, rightEnd.x - 4, rightEnd.y - 3);
    CGContextMoveToPoint(ctx, rightEnd.x, rightEnd.y);
    CGContextAddLineToPoint(ctx, rightEnd.x - 4, rightEnd.y + 3);
    
    CGContextStrokePath(ctx);
}
@end

内容的提问来源于stack exchange，提问作者Alyoshak