$30 off During Our Annual Pro Sale. View Details »

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
Private APIの呼び出し方
Avatar for Kishikawa Katsumi kishikawakatsumi
3
920
iOSでSVG画像を扱う
Avatar for Kishikawa Katsumi kishikawakatsumi
0
200
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
Xcode Cloudの評価
Avatar for Kishikawa Katsumi kishikawakatsumi
2
1.4k

Other Decks in Programming

See All in Programming
関数の挙動書き換える
Avatar for takato fukui takatofukui
4
770
Microservices rules: What good looks like
Avatar for Chris Richardson cer
PRO
0
510
[堅牢.py #1] テストを書かない研究者に送る、最初にテストを書く実験コード入門 / Let's start your ML project by writing tests
Avatar for Shunsuke KITADA shunk031
11
6.7k
大体よく分かるscala.collection.immutable.HashMap ~ Compressed Hash-Array Mapped Prefix-tree (CHAMP) ~
Avatar for matsu_chara matsu_chara
1
210
Full-Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources
Avatar for Manfred Steyer manfredsteyer
PRO
0
170
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
27k
バックエンドエンジニアによる Amebaブログ K8s 基盤への CronJobの導入・運用経験
Avatar for suna-big sunabig
0
130
Socio-Technical Evolution: Growing an Architecture and Its Organization for Fast Flow
Avatar for Chris Richardson cer
PRO
0
240
Micro Frontendsで築いた 共通基盤と運用の試行錯誤 / Building a Shared Platform with Micro Frontends: Operational Learnings
Avatar for Yuto Kaneko kyntk
1
1.9k
tsgolintはいかにしてtypescript-goの非公開APIを呼び出しているのか
Avatar for syumai syumai
0
210
20251127_ぼっちのための懇親会対策会議
Avatar for kokamoto01 kokamoto01_metaps
2
390
GeistFabrik and AI-augmented software development
Avatar for Ade Oshineye adewale
PRO
0
240

Featured

See All Featured
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
4.9k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
25k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
273
21k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.8k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
355
21k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
329
39k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
8.1k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
13k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
1.6k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.1k

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