Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

Handling rich text in Swift

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

Handling rich text in Swift

Handling rich text
in Swift
iOSDC Japan 2016

Avatar for Kishikawa Katsumi

Kishikawa Katsumi

August 20, 2016
Tweet

More Decks by Kishikawa Katsumi

See All by Kishikawa Katsumi
愛される翻訳の秘訣
Avatar for Kishikawa Katsumi kishikawakatsumi
1
310
Private APIの呼び出し方
Avatar for Kishikawa Katsumi kishikawakatsumi
3
930
iOSでSVG画像を扱う
Avatar for Kishikawa Katsumi kishikawakatsumi
0
210
Build your own WebP codec in Swift
Avatar for Kishikawa Katsumi kishikawakatsumi
2
1.3k
iOSDC 2024 SMBファイル共有をSwiftで実装する
Avatar for Kishikawa Katsumi kishikawakatsumi
1
280
Enhancing Applications with Accessibility API
Avatar for Kishikawa Katsumi kishikawakatsumi
3
4.9k
Mastering SwiftSyntax
Avatar for Kishikawa Katsumi kishikawakatsumi
4
7.2k
My SwiftData Review
Avatar for Kishikawa Katsumi kishikawakatsumi
7
1.5k
Swift Expression Macros: a practical introduction
Avatar for Kishikawa Katsumi kishikawakatsumi
3
2k

Other Decks in Programming

See All in Programming
JETLS.jl ─ A New Language Server for Julia
Avatar for abap34 abap34
1
160
AIコーディングエージェント（skywork）
Avatar for kondai kondai24
0
150
SwiftUIで本格音ゲー実装してみた
Avatar for 蛋白（たんぱく・TANPACT） hypebeans
0
110
ソフトウェア設計の課題・原則・実践技法
Avatar for 増田 亨 masuda220
PRO
26
22k
WebRTC と Rust と 8K 60fps
Avatar for tnoho tnoho
2
1.9k
CSC509 Lecture 14
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
220
AIコーディングエージェント（Gemini）
Avatar for kondai kondai24
0
200
AIの誤りが許されない業務システムにおいて“信頼されるAI” を目指す / building-trusted-ai-systems
Avatar for Yuya Matsumura yuya4
6
2.3k
Context is King？ 〜Verifiability時代とコンテキスト設計 / Beyond "Context is King"
Avatar for r-kagaya rkaga
6
1k
STYLE
Avatar for Koichi ITO koic
0
150
Navigation 3: 적응형 UI를 위한 앱 탐색
Avatar for Sungyong An fornewid
1
220
dnx で実行できるコマンド、作ってみました
Avatar for Tomohisa Takaoka tomohisa
0
140

Featured

See All Featured
KATA
Avatar for Megan Lloyd mclloyd
PRO
32
15k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
140k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.2k
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
0
490
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
84
9.3k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.6k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.1k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k

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