UILabel两端对齐时阿拉伯语Harakat变音符号错位问题求助

问题背景 #

UILabel设置为两端对齐时，阿拉伯语文本的变音符号（Harakat）会出现错位，切换为右对齐则显示正常，但业务要求必须保持两端对齐以保证布局整洁。已排除代码逻辑问题，更换字体、调整单词间距等常规方法均无法解决。

可行解决方案 #

1. 基于CoreText自定义Label排版

CoreText提供更底层的文本排版控制，能更好地处理阿拉伯语的字形组合逻辑，避免系统UILabel两端对齐时拆分变音符号与字符的绑定。

实现代码：

import UIKit
import CoreText

class CoreTextArabicJustifiedLabel: UILabel {
    override func draw(_ rect: CGRect) {
        guard let textContent = text, let targetFont = font else {
            super.draw(rect)
            return
        }
        
        // 构建带排版属性的富文本
        let attributedStr = NSMutableAttributedString(string: textContent)
        let paragraphStyle = NSMutableParagraphStyle()
        paragraphStyle.alignment = .justified
        paragraphStyle.baseWritingDirection = .rightToLeft
        paragraphStyle.lineBreakMode = .byWordWrapping
        
        let fullRange = NSRange(location: 0, length: textContent.count)
        attributedStr.addAttribute(.paragraphStyle, value: paragraphStyle, range: fullRange)
        attributedStr.addAttribute(.font, value: targetFont, range: fullRange)
        
        // 使用CoreText绘制文本
        let framesetter = CTFramesetterCreateWithAttributedString(attributedStr as CFAttributedString)
        let path = CGMutablePath()
        path.addRect(rect)
        
        let textFrame = CTFramesetterCreateFrame(framesetter, CFRangeMake(0, attributedStr.length), path, nil)
        
        guard let context = UIGraphicsGetCurrentContext() else { return }
        context.textMatrix = .identity
        context.translateBy(x: 0, y: bounds.size.height)
        context.scaleBy(x: 1.0, y: -1.0)
        
        CTFrameDraw(textFrame, context)
    }
}

2. 使用WebView替代UILabel

WebKit的排版引擎对阿拉伯语的双向文本和变音符号支持更完善，通过HTML+CSS实现两端对齐能避免系统控件的缺陷。

实现代码：

import UIKit

class ArabicJustifiedWebView: UIWebView {
    func loadArabicContent(_ text: String, fontSize: CGFloat, fontName: String = "Noto Naskh Arabic") {
        let htmlTemplate = """
        <html>
        <head>
            <meta charset="UTF-8">
            <style>
                body {
                    direction: rtl;
                    text-align: justify;
                    font-size: \(fontSize)px;
                    font-family: '\(fontName)';
                    margin: 0;
                    padding: 0;
                    line-height: 1.5;
                }
            </style>
        </head>
        <body>
            \(text)
        </body>
        </html>
        """
        loadHTMLString(htmlTemplate, baseURL: nil)
    }
}

注意：需确保WebView的尺寸与原UILabel一致，可通过scalesPageToFit属性适配布局。

额外注意事项 #

• 务必使用支持阿拉伯语变音符号的字体，比如系统内置的Noto Naskh Arabic、Amiri，或自定义导入的专业阿拉伯语字体
• 避免直接依赖UILabel默认的NSTextAlignment.justified，其排版逻辑未针对复杂阿拉伯语字形做优化

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