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

Handling rich text in Swift

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Kishikawa Katsumi Kishikawa Katsumi
August 20, 2016
Programming
7k
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
Running Swift without an OS
Avatar for Kishikawa Katsumi kishikawakatsumi
0
880
浮動小数の比較について
Avatar for Kishikawa Katsumi kishikawakatsumi
0
490
Automatic Grammar Agreementと Markdown Extended Attributes
について
Avatar for Kishikawa Katsumi kishikawakatsumi
0
240
愛される翻訳の秘訣
Avatar for Kishikawa Katsumi kishikawakatsumi
3
440
Private APIの呼び出し方
Avatar for Kishikawa Katsumi kishikawakatsumi
3
1k
iOSでSVG画像を扱う
Avatar for Kishikawa Katsumi kishikawakatsumi
0
230
Build your own WebP codec in Swift
Avatar for Kishikawa Katsumi kishikawakatsumi
2
2k
iOSDC 2024 SMBファイル共有をSwiftで実装する
Avatar for Kishikawa Katsumi kishikawakatsumi
1
310
Enhancing Applications with Accessibility API
Avatar for Kishikawa Katsumi kishikawakatsumi
3
5.5k

Other Decks in Programming

See All in Programming
エラー処理の温故知新 / history of error handling technic
Avatar for nakaryo ryotanakaya
7
1.8k
PHPer、Cloudflare に引っ越す
Avatar for Suguru Oki / スー suguruooki
1
140
Oxlintとeslint-plugin-react-hooks 明日から始められそう？
Avatar for t6adev t6adev
0
320
書籍「ユーザーストーリーマッピング」が私のバイブル
Avatar for asumikam asumikam
4
480
The Less-Told Story of Socket Timeouts
Avatar for Misaki Shioi(塩井美咲/しおい) coe401_
3
960
「話せることがない」を乗り越える 〜日常業務から登壇テーマをつくる思考法〜
Avatar for ShoheiMitani shoheimitani
4
970
Claude CodeでETLジョブ実行テストを自動化してみた
Avatar for yoshiki kasama yoshikikasama
0
1.1k
🦞OpenClaw works with AWS
Avatar for matsukada licux
1
330
ふにゃっとしない名前の付け方 〜哲学で茹で上げる、コシのあるソフトウェア設計〜
Avatar for akshimo shimomura
0
110
WebAssembly を読み込むベストプラクティス 2026年春版 / Best Practices for Loading WebAssembly (Spring 2026)
Avatar for petamoriken / 森建 petamoriken
5
1.1k
実用！Hono RPC2026
Avatar for yodaka yodaka
2
300
PicoRuby for IoT: Connecting to the Cloud with MQTT
Avatar for Y_uuu yuuu
2
750

Featured

See All Featured
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
900
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
0
300
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
200
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
2
240
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
66k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
7.2k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.6k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
1
440

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