Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Handling rich text in Swift

Avatar for Kishikawa Katsumi Kishikawa Katsumi
August 20, 2016
Programming
7.2k
17

Handling rich text in Swift

Handling rich text
in Swift
iOSDC Japan 2016

Avatar for Kishikawa Katsumi

Kishikawa Katsumi

August 20, 2016

More Decks by Kishikawa Katsumi

See All by Kishikawa Katsumi
ゲームコントローラやキーボードのファームウェアをSwiftで書く
Avatar for Kishikawa Katsumi kishikawakatsumi
1
250
OCRを使ってゲームのアイテムをデータ化する
Avatar for Kishikawa Katsumi kishikawakatsumi
0
190
Running Swift without an OS
Avatar for Kishikawa Katsumi kishikawakatsumi
0
1.1k
浮動小数の比較について
Avatar for Kishikawa Katsumi kishikawakatsumi
0
630
Automatic Grammar Agreementと Markdown Extended Attributes
について
Avatar for Kishikawa Katsumi kishikawakatsumi
0
280
愛される翻訳の秘訣
Avatar for Kishikawa Katsumi kishikawakatsumi
3
500
Private APIの呼び出し方
Avatar for Kishikawa Katsumi kishikawakatsumi
3
1k
iOSでSVG画像を扱う
Avatar for Kishikawa Katsumi kishikawakatsumi
0
270
Build your own WebP codec in Swift
Avatar for Kishikawa Katsumi kishikawakatsumi
2
2.8k

Other Decks in Programming

See All in Programming
モデルのリファクタリングが難しいと思ったら、そもそも複雑だったのはビジネス仕様だった ? / is-the-business-domain-the-real-complexity
Avatar for hatsu hatsu38
0
380
Streamlitで実現する自然言語データアプリ開発
Avatar for Ayumu Yamaguchi ayumu_yamaguchi
1
310
Augmenting AI with the Power of Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
280
FreeBSDでZabbixを動かす
Avatar for kenkino kenkino
0
320
iOSDC2026登壇資料.pdf
Avatar for RioFujimon riofujimon
0
180
thread_parallel_with_free-threaded_Python_and_NumPy.pdf
Avatar for Riku Sakamoto riku_sakamoto
0
350
AI × TiDD / 2026.09.05 Redmine 大阪
Avatar for tokudiro tokudiro
1
180
Kiroで創り、AgentCoreで繋ぐ！AWSで実践する「AI-DLC」から「AIエージェント統合」までの最新地図
Avatar for matsukada licux
4
740
Building an Out-of-Order CPU
Avatar for Latte72 latte72
1
790
Heart of Swift Concurrency
Avatar for Yuta Koshizawa koher
0
950
変化を抱擁するドキュメントの作り方 - ビジネスルール駆動開発がもたらす、コードとの新しい関係
Avatar for ioki ioki
2
220
LoopHub - ローカルで動く GitHub で、AI と共同開発
Avatar for jugyo jugyo
1
560

Featured

See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
2.1k
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
530
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
66
8.6k
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
1
560
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.3k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
240
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.4k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
3k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
7k
Conquering PDFs: document understanding beyond plain text
Avatar for Ines Montani inesmontani
PRO
4
3.1k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.8k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k

Transcript

  1. Handling rich text in Swift iOSDC Japan 2016 Katsumi Kishikawa

    [email protected]

  2. Katsumi Kishikawa Realm Inc. [email protected]

  3. [email protected]

  4. [email protected]

  5. [email protected]

  6. [email protected]

  7. Agenda ˖ J04ךذؗأزٖ؎،ؐزחאְג ˖ ة؎هؚٓؿ؍ך㛇燉 ˖ 5FYU,JUך㛇燉ה䘔欽 [email protected]

  8. iOS 7Ҏ߱ͷςΩετϨΠΞ΢τ [email protected]

  9. TextKit [email protected]

  10. TextKitͱ͸ ˖ 넝鸞זٌتٝذؗأزٖ؎،ؐز٥ٖٝت ؚٔٝؒٝآٝ ˖ $PSF5FYUד⡲׵׸גְ׷ ˖ 6*,JUהך窟さ [email protected] https://developer.apple.com/library/ios/documentation/StringsTextFonts/Conceptual/TextAndWebiPhoneOS/CustomTextProcessing/CustomTextProcessing.html

  11. UILabel [email protected]

  12. [email protected] UILabelΛී௨ʹ࢖͏

  13. [email protected] ώϥΪϊͱγεςϜϑΥϯτ UIFont(name: "HiraginoSans-W3", size: 32) UIFont.systemFontOfSize(32)

  14. [email protected] ώϥΪϊͱγεςϜϑΥϯτ

  15. [email protected] ώϥΪϊͱγεςϜϑΥϯτ

  16. [email protected] General Header

  17. [email protected] ΞϧϑΝϕοτΛؚ·ͳ͍৔߹

  18. ߦͷߴ͞͸ԿͰܾ·Δ͔ [email protected]

  19. [email protected] Font metrics https://developer.apple.com/library/mac/documentation/TextFonts/Conceptual/CocoaTextArchitecture/FontHandling/FontHandling.html

  20. [email protected] Font metrics https://developer.apple.com/library/mac/documentation/TextFonts/Conceptual/CocoaTextArchitecture/FontHandling/FontHandling.html

  21. [email protected] Font metrics

  22. [email protected] Font metrics Baseline X-Height Cap height Ascent Descent

  23. [email protected] ώϥΪϊ͸ಛघͳϝτϦΫεΛ࣋ͭ

  24. [email protected] ʢࢀߟʣNoto Sans CJK JP

  25. let label = UILabel(frame: view.bounds) label.backgroundColor = ... label.textColor =

    ... label.font = ... label.text = text ... label.sizeToFit() label.frame.size.height += ceil(abs(label.font.descender * 2)) [email protected] ্ԼʹDescentΛิ͏

  26. [email protected] ্ԼʹDescentΛิ͏

  27. [email protected] ্ԼʹDescentΛิ͏

  28. [email protected] ΦϦδφϧͱൺֱ

  29. • ώϥΪϊΛ໌ࣔతʹࢦఆ͠ͳ͍ • γεςϜϑΥϯτΛ࢖͏ • σβΠϯࢦࣔॻͳͲͰɺώϥΪϊ͸͍͍ͨͯγε ςϜϑΥϯτΛҙਤ͍ͯ͠Δ͸ͣ • தࠃޠ༻ϑΥϯτʹϑΥʔϧόοΫͨ͘͠ͳ͍Մ ೳੑ

    • ώϥΪϊΛࢦఆ͢Δ৔߹ɺΞϧϑΝϕοτʹؾΛ ͚ͭΔ [email protected] ώϥΪϊͷϝτϦΫεʹ஫ҙ

  30. [email protected] Tips: ೔ຊޠϑΥϯτʹϑΥʔϧόοΫͤ͞Δ let attributes = [ NSFontAttributeName: font, kCTLanguageAttributeName

    as String: "ja", ... ]

  31. αΠζͷܭࢉ [email protected]

  32. let size = CGSize(width: label.bounds.width, height: CGFloat.max) let boundingRect =

    NSString(string: text).boundingRectWithSize(size, options: [.UsesLineFragmentOrigin], attributes: [NSFontAttributeName: font], context: nil) [email protected] ඳըαΠζΛಘΔ

  33. [email protected] ඳըαΠζΛಘΔ

  34. UITextView [email protected]

  35. [email protected] UITextViewΛී௨ʹ࢖͏

  36. [email protected] UITextViewΛී௨ʹ࢖͏ UIFont(name: "HiraginoSans-W3", size: 32) UIFont.systemFontOfSize(32)

  37. [email protected] ඳըαΠζ

  38. [email protected] ඳըαΠζ

  39. [email protected] σϑΥϧτͷϚʔδϯ

  40. σϑΥϧτͷϚʔδϯ textView.textContainer.lineFragmentPadding textView.textContainerInset UIEdgeInsets(top: 8.0, left: 0.0, bottom: 8.0, right:

    0.0) 5.0 [email protected]

  41. [email protected] ώϥΪϊΛࢦఆͨ͠৔߹ font.leading

  42. σϑΥϧτͷελΠϧΛϦηοτ͢Δ [email protected]

  43. let textView = UITextView(frame: view.bounds) ... textView.textContainerInset = UIEdgeInsetsZero textView.sizeToFit()

    [email protected] textContainerInsetΛऔΓআ͘

  44. let textView = UITextView(frame: view.bounds) ... textView.textContainerInset = UIEdgeInsetsZero textView.sizeToFit()

    [email protected] textContainerInsetΛऔΓআ͘

  45. [email protected] textContainerInsetΛऔΓআ͘

  46. let textView = UITextView(frame: view.bounds) ... textView.textContainer.lineFragmentPadding = 0 textView.sizeToFit()

    [email protected] lineFragmentPaddingΛऔΓআ͘

  47. let textView = UITextView(frame: view.bounds) ... textView.textContainer.lineFragmentPadding = 0 textView.sizeToFit()

    [email protected] lineFragmentPaddingΛऔΓআ͘

  48. [email protected] lineFragmentPaddingΛऔΓআ͘

  49. let size = CGSize(width: textView.bounds.width, height: CGFloat.max) let boundingRect =

    NSString(string: text).boundingRectWithSize(size, options: [.UsesLineFragmentOrigin], attributes: [NSFontAttributeName: font], context: nil) [email protected] ඳըαΠζΛಘΔ

  50. [email protected] ඳըαΠζΛಘΔ

  51. let textView = UITextView(frame: view.bounds) ... textView.layoutManager.usesFontLeading = false textView.sizeToFit()

    [email protected] font.leadingΛऔΓআ͘

  52. let textView = UITextView(frame: view.bounds) ... textView.layoutManager.usesFontLeading = false textView.sizeToFit()

    [email protected] font.leadingΛऔΓআ͘

  53. [email protected] font.leadingΛऔΓআ͘

  54. let size = CGSize(width: textView.bounds.width, height: CGFloat.max) let boundingRect =

    NSString(string: text).boundingRectWithSize(size, options: [.UsesLineFragmentOrigin, .UsesFontLeading], attributes: [NSFontAttributeName: font], context: nil) [email protected] ʢผղʣfont.leadingΛؚΊͯܭࢉ͢Δ

  55. [email protected] ʢผղʣfont.leadingΛؚΊͯܭࢉ͢Δ

  56. [email protected] ʢผղʣfont.leadingΛؚΊͯܭࢉ͢Δ

  57. [email protected] textView.textContainerInset = UIEdgeInsetsZero textView.textContainer.lineFragmentPadding = 0 textView.layoutManager.usesFontLeading = false

    σϑΥϧτελΠϧͷϦηοτ

  58. ͞·͟·ͳελΠϧʹରԠ͢Δ [email protected]

  59. [email protected] ߦؒͷมߋ

  60. NSAttributedString [email protected]

  61. NSParagraphStyle [email protected]

  62. let paragraphStyle = NSMutableParagraphStyle() paragraphStyle.minimumLineHeight = ceil(font.lineHeight) paragraphStyle.maximumLineHeight = ceil(font.lineHeight)

    paragraphStyle.lineSpacing = 8 let attributes = [ NSFontAttributeName: font, NSForegroundColorAttributeName: UIColor(...), NSParagraphStyleAttributeName: paragraphStyle, ] let attributedText = NSAttributedString(string: text, attributes: attributes) textView.attributedText = attributedText [email protected] NSAttributedString

  63. let paragraphStyle = NSMutableParagraphStyle() paragraphStyle.minimumLineHeight = ceil(font.lineHeight) paragraphStyle.maximumLineHeight = ceil(font.lineHeight)

    paragraphStyle.lineSpacing = 8 let attributes = [ NSFontAttributeName: font, NSForegroundColorAttributeName: UIColor(...), NSParagraphStyleAttributeName: paragraphStyle, ] let attributedText = NSAttributedString(string: text, attributes: attributes) textView.attributedText = attributedText [email protected] NSAttributedString

  64. [email protected] ߦؒͷมߋ

  65. [email protected] ߦؒͷมߋ

  66. let paragraphStyle = NSMutableParagraphStyle() paragraphStyle.minimumLineHeight = ceil(font.lineHeight) paragraphStyle.maximumLineHeight = ceil(font.lineHeight)

    paragraphStyle.lineSpacing = 8 [email protected] min/maxLineHeight

  67. [email protected] min/maxLineHeight

  68. [email protected] minimumLineHeight

  69. [email protected] maximumLineHeight

  70. NSAttributedStringΛ׆༻͢Δ [email protected]

  71. [email protected] ͞ΒʹߦؒΛ޿͘

  72. [email protected] ͞ΒʹߦؒΛ޿͘

  73. [email protected] Օ৚ॻ͖

  74. ·ͱΊ • iOS 7Ҏ߱ͷςΩετϨΠΞ΢τ͸ɺ͍͔ʹ ΩϨΠͳNSAttributedStringΛ࡞Δ͔ • λΠϙάϥϑΟͷجૅΛ஌Ζ͏ • ϑΥϯτʹώϥΪϊΛࢦఆ͢Δͱ͖͸஫ҙ •

    Ͱ͖Δ͚ͩγεςϜϑΥϯτΛ࢖͓͏ [email protected]

  75. Questions? Katsuma Kishikawa [email protected] www.realm.io/jp @k_katsumi