iOSアプリでタイ語の行間が崩れてしまいます。

Question

###発生している問題
現在タイのテキストをUILabelで表示し、行間をNSAttributedStringで調整しているのですが、
なぜか最後の数行だけが行間が無視されて表示されてしまいます。

これを正常な行間で全て表示する方法はあるでしょうか？

下記がこちらの実装内容となっております。

@IBDesignable
class SpacingLabel: UILabel {

    @IBInspectable var lineHeight: CGFloat = 0 {
        didSet {
            updateSpacing()
        }
    }
    @IBInspectable var letterSpacing: CGFloat = 0 {
        didSet {
            updateSpacing()
        }
    }
    
    override var text: String? {
        didSet {
            updateSpacing()
        }
    }
    
    func updateSpacing() {
        if let text = self.text, text.characters.count != 0 {
            let attributedString = NSMutableAttributedString(string: text)
            let range = NSMakeRange(0, text.characters.count)
            
            // default attributes
            attributedString.addAttribute(NSFontAttributeName, value: self.font, range: range)
            attributedString.addAttribute(NSForegroundColorAttributeName, value: self.textColor, range: range)
            
            // lineHeight attribute
            if lineHeight != 0 {
                let paragraphStyle = NSMutableParagraphStyle()
                paragraphStyle.minimumLineHeight = lineHeight
                paragraphStyle.maximumLineHeight = lineHeight
                paragraphStyle.alignment = self.textAlignment // alignment from UILabel
                attributedString.addAttribute(NSParagraphStyleAttributeName, value: paragraphStyle, range: range)
            }
            // letter Spacing
            if letterSpacing != 0 {
                attributedString.addAttribute(NSKernAttributeName, value: letterSpacing, range: range)
            }
            
            // show label
            self.attributedText = attributedString
        } else {
            self.attributedText = nil
        }
    }
}

Comments

[Bongo]

タイ語だけおかしくなるんでしょうか?余裕があれば再現するか試してみようと思うのですが、差し支えなければ当該部分のコードをご提示いただけますでしょうか。

Answer 1

下記のコードで試してみましたが、タイ語で行間が無視される現象は起こりませんでした。例文や設定が質問者さんと違っているせいかもしれません。質問者さんの方法と相違のある箇所がありましたらご指摘ください。

import UIKit

class ViewController: UIViewController {
    private static let strings = ["Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam turpis mauris, scelerisque eget dapibus a, efficitur semper neque. Morbi ut arcu eget massa egestas pretium. In sit amet tellus gravida mi feugiat hendrerit at nec turpis. Nunc malesuada arcu eu consequat vehicula. Maecenas posuere, odio at sodales pretium, leo velit bibendum enim, ut sollicitudin massa risus in lorem. Vivamus porttitor aliquam bibendum. Curabitur quis lectus libero. Sed vestibulum quis ligula a pharetra. Quisque erat massa, maximus at tincidunt ut, euismod vel urna. Phasellus dignissim commodo sollicitudin. Nulla imperdiet, odio ut venenatis venenatis, nulla quam varius arcu, dapibus congue odio nisl a sem. Donec porta eleifend tincidunt. Sed a bibendum sapien. Aenean non urna nec lacus facilisis mattis sit amet faucibus sapien.\nNullam convallis dolor non porta elementum. Duis ultrices tempus mi, sit amet pharetra odio. Nulla sagittis pretium mi vel tincidunt. Duis et enim et ex placerat lacinia nec eget augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas id ornare nisl, vel elementum arcu. Donec nisi mauris, vestibulum vitae libero tristique, fermentum sagittis elit. Etiam a libero interdum, egestas augue quis, lacinia nibh. Proin dictum aliquam orci ac semper. Fusce at consequat leo. Aliquam pulvinar lorem tellus, ut ultricies velit dapibus vel.", "このころこれは、モリーオ市の安楽椅子らで笑いて考えたませ。二六日たちだたがいっしょの上なんか、な立ちあがりてアカシヤのんたたて腕ん悪魔はそんなしばらくらしいたば、なっにファゼーロのかいそうたり周章がかま係愉快たのましまして、わたくしはいちばんいろいろ立派に指しましまし。\nもうそのため、柏町ではガラス服が時計電に革しつづけと探すて、そのデストゥパーゴにいい赤を模型に知らた小さく別当に、ひとりフロックだの公衆園の地面に着です日、みんなどもの声のんに行って来でしものたて、わたくしもどう世話というそこらがくもに来るたこの顔と十十人かもの物に踊って、あの顔で一々思っのをかむらたた。わたくしもあれのなりにかつい先生をびんがそのたい胸のはいって別当の笑い声がすれうた。五月このハムがなりていいデストゥパーゴで答えいうさ、わたくしをく繃帯の剥製にいろいろの幹やとこに出し、音も余計にいらっしゃら、左の馬の友だちが眼というファゼーロの標本がきけれどもしまいのたでし。どういういっしょがあるですテーモ、髪にはそんから白いさが見る青いああ、遠く咽喉が冷しれないモリーオ市、ポランのやっぱしわたしフロックの野原。\nけれどもあんなうちをひとりがけむりまし時間のだいたち、畦やカシオピイア、物知り旅程の顔たり、こどもがあたらしい向うたち、西のテーモ、口笛西のおいでまで、たくさんそんな赤い悪口ませべ石油の役人の中からしろているて、私組打ち風のうつくしい大きく羊地面のように作っれた。たも、誰もさっきのそんな古わざの見て、桜をその樺の木の広場のたくさんで前ばかりをわかるでしう。二、空下はて日曜日の言っの前なない。あなたも山羊にぎやかた別当の山猫の勢の広場に室から見上げたじ。", "เกรดนาฏยศาลาแฟ็กซ์นิรันดร์ซิตี นินจาเฝอ วอลนัทปาสกาลไฟแนนซ์พรีเมียมถูกต้อง พาร์พีเรียดระโงกมอยส์เจอไรเซอร์ เฟรมฮิตมาม่าไฮเปอร์โบรกเกอร์ แบคโฮเอสเพรสโซวาริชศาสตร์มายองเนสแรงผลัก กิฟท์ฮัลโหลเวิร์ลด์แพตเทิร์น โปรดักชั่นแฟกซ์อาร์พีจีเซ่นไหว้ ฮ็อตด็อกวิลล์ เห็นด้วยคอลัมนิสต์รอยัลตี้ โจ๋ ซามูไรออกแบบเอ็กซ์เพรสมวลชน สะบึมสมาพันธ์ชิฟฟอนเทวาธิราชไฟลท์ แคนยอนกิฟท์ เบิร์ด เฟอร์รี่\nไงแอสเตอร์ กู๋เลดี้วิว บอมบ์ปาสเตอร์ สเตริโอสจ๊วตเทวาฮอตกาญจนาภิเษก แอพพริคอทรวมมิตรเครปวิลเลจ วโรกาสไฮบริดอันเดอร์ เพรียวบางฮ็อตด็อกฟลอร์ แบคโฮไลฟ์ เฟรชปักขคณนาดีพาร์ตเมนต์ อิสรชนเวณิกาอิกัวนาพุทธภูมิเกสต์เฮาส์ ผิดพลาด พาวเวอร์ซาตานแฟ็กซ์ แอร์เพนกวินคอลัมนิสต์ โฮป ไนท์กัมมันตะแพ็คทัวร์นาเมนท์ วาริชศาสตร์ฟอร์มแพกเกจ\nคูลเลอร์คอนเซปต์โยเกิร์ตพาร์ทเนอร์ดัมพ์ เวิร์คเยอบีราแผดเผา แฮนด์แบคโฮเซ็นเซอร์ เนิร์สเซอรี ไลน์ผ้าห่ม อีแต๋นฮัมเพนตากอน แพกเกจ โปรคาวบอยซิมบลูเบอร์รี นพมาศรายชื่อ อิเลียดสารขัณฑ์ อุปนายก โบรกเกอร์ไกด์ เอาท์ดอร์ติงต๊อง ซิง กราวนด์ โพลล์บอดี้เก๊ะเดบิตริกเตอร์\nแจ๊กเก็ตอินดอร์แพลนสไปเดอร์ โอเปอเรเตอร์พฤหัสเปเปอร์เห็นด้วย ยาวีมินต์ป๋าไลท์โฟล์ค ตุ๊กตุ๊ก เรตติ้ง รอยัลตี้ไรเฟิลความหมาย มยุราภิรมย์โมเดลฟรังก์คองเกรสแพตเทิร์น สเตอริโอเซอร์น็อค เซอร์ฟลอร์วิภัชภาคซามูไรซิลเวอร์ เบอร์เกอร์ เฟิร์มเอเซียตู้เซฟ คีตราชันแคนยอนโมเดิร์น แทคติคซาตาน ซาร์ดีนบราแอปเปิ้ลการันตีแชมเปี้ยน ฟลุคบ็อกซ์แฟรี่โดนัทมยุราภิรมย์ สุริยยาตร์อิเลียด\nไฟลท์ชัตเตอร์ซิตีวอลนัตไวอากร้า เฟรชชี่ซูเอี๋ยไทม์เบลอ เอ็นเตอร์เทน ฮิตซันตาคลอสไลน์เอ๋ ปิโตรเคมีบัลลาสต์อาร์ติสต์ โซนี่มลภาวะเคลื่อนย้ายอมาตยาธิปไตย อีแต๋นซีนีเพล็กซ์เตี๊ยมจุ๊ยภารตะ ธัมโมเหมยวโรกาส ควีนซาร์วโรกาสบูติคคอนแทค ไลฟ์ อีสเตอร์คาราโอเกะ อาร์พีจีโอเพ่นกรุ๊ปออร์แกน อาร์พีจีเป็นไงโฮมคอนเซปต์มาร์ค นายแบบสโลว์ เฮียแชมเปี้ยนวาทกรรม วอเตอร์รอยัลตี้ป๊อปอีสเตอร์อพาร์ตเมนท์"]
    
    @IBOutlet weak var label: UILabel!

    @IBAction func changeText(_ sender: UIButton) {
        let paragraphStyle = NSParagraphStyle.default.mutableCopy() as! NSMutableParagraphStyle
        
        paragraphStyle.lineSpacing = 12.0
        
        let attributes = [NSParagraphStyleAttributeName: paragraphStyle]
        let attributedString = NSAttributedString(string: ViewController.strings[sender.tag], attributes: attributes)
        
        label.attributedText = attributedString
    }
    
    override func viewDidLoad() {
        super.viewDidLoad()
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }
}

Comments

[ymkwysms]

ご回答の確認が遅くなりまして申し訳ございません。
ただし、提示いただいた内容とは少々異なる実装内容でして、まだ原因がつかめていない状況です。

こちらの実装内容を質問内容に追記致しましたので、ご確認いただけますでしょうか。
何卒宜しくお願い致します。

[Bongo]

ご提示のコードだと、確かにタイ語の末尾付近に属性が適用されておりませんでした。

おそらく、属性の適用範囲を「NSMakeRange(0, text.characters.count)」としていることがポイントではないかと思います。リファレンスによると「text.characters.count」は書記素クラスターを考慮した、目で見たとおりの文字数を求めてくれるようですが（2つ以上のコードポイントで構成される文字も1文字としてカウント）、一方NSMutableAttributedStringは文字の位置や長さをUTF-16文字の単位で測っているようです。

多分、タイ語の場合はtext.characters.countよりもUTF-16でカウントした文字数の方が長くて（タイ語文章中に複数のUTF-16文字で見た目上の1文字になる文字がいくつかあって）、「NSMakeRange(0, text.characters.count)」では文字列全体をカバーできていないのではないでしょうか。

とりあえず「NSMakeRange(0, text.characters.count)」を「NSMakeRange(0, attributedString.length)」として、文字数としてNSMutableAttributedStringにおける文字数を使うように変更してみてはいかがでしょう（「NSMakeRange(0, text.utf16.count)」でもいいかもしれません）。

[fuzzball]

NSForegroundColorAttributeNameの設定をしているところで色を付けてみると、最後まで適用されていないことが分かり易いですね。こちらでは、attributedString.lengthとtext.utf16.countが同じ値で、正しく動作することを確認出来ました。

[ymkwysms]

なるほど、ご教示いただきありがとうございます。
早速試したのち、結果をご報告させていただきます。