Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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
iOSでSVG画像を扱う
Avatar for Kishikawa Katsumi kishikawakatsumi
0
180
Build your own WebP codec in Swift
Avatar for Kishikawa Katsumi kishikawakatsumi
2
1.1k
iOSDC 2024 SMBファイル共有をSwiftで実装する
Avatar for Kishikawa Katsumi kishikawakatsumi
1
270
Enhancing Applications with Accessibility API
Avatar for Kishikawa Katsumi kishikawakatsumi
3
4.8k
Mastering SwiftSyntax
Avatar for Kishikawa Katsumi kishikawakatsumi
4
7k
My SwiftData Review
Avatar for Kishikawa Katsumi kishikawakatsumi
7
1.5k
Swift Expression Macros: a practical introduction
Avatar for Kishikawa Katsumi kishikawakatsumi
3
2k
Xcode Cloudの評価
Avatar for Kishikawa Katsumi kishikawakatsumi
2
1.4k
Regular expressions basics/正規表現の基本
Avatar for Kishikawa Katsumi kishikawakatsumi
7
810

Other Decks in Programming

See All in Programming
外接に惑わされない自システムの処理時間SLIをOpenTelemetryで実現した話
Avatar for Kotaro7750 kotaro7750
0
150
Researchlyの開発で参考にしたデザイン
Avatar for arakawa adsholoko
0
100
AI時代に必須！状況言語化スキル / ai-context-verbalization
Avatar for MinoDriven minodriven
2
280
Swift Concurrency 年表クイズ
Avatar for omochimetaru omochi
3
220
TransformerからMCPまで（現代AIを理解するための羅針盤）
Avatar for MIKIO KUBO mickey_kubo
7
5.9k
三者三様 宣言的UI
Avatar for Keita Kagurazaka kkagurazaka
0
330
Register is more than clipboard
Avatar for Satoru Kitaguchi satorunooshie
1
320
モテるデスク環境
Avatar for mozumasu mozumasu
3
1.4k
Amazon ECS Managed Instances が リリースされた！キャッチアップしよう！！ / Let's catch up Amazon ECS Managed Instances
Avatar for 02 cocoeyes02
0
120
SODA - FACT BOOK（JP）
Avatar for SODA inc. sodainc
1
9.1k
CSC305 Lecture 10
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
330
Towards Transactional Buffering of CDC Events @ Flink Forward 2025 Barcelona Spain
Avatar for Hans-Peter Grahsl hpgrahsl
0
120

Featured

See All Featured
Scaling GitHub
Avatar for Zach Holman holman
463
140k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
5
710
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
PRO
23
1.5k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
25k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.5k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.7k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k

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