Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

5分でわかるText Kit

3,757 views

Published on

https://www.wantedly.com/projects/9160

Published in: Technology
  • Be the first to comment

  • Be the first to like this

5分でわかるText Kit

  1. 1. 5分で分かるTextKit @hayashi311
  2. 2. 文字列 Bitmap画像 文字のレンダリング is
  3. 3. 文字列 Bitmap画像 ?
  4. 4. 1000001 A A A A 文字 グリフ UIFont(name: "AppleMyungjo", size: 112)
  5. 5. 文字とグリフは1:1ではない "fly" fly
  6. 6. 文字列 != グリフの列
  7. 7. 200px 250px ABC DEF 16px A B C 3px ABCDE FGHI JKL
  8. 8. 文字列 レイアウト=グリフの座標 let text = "あのイーハトーヴォのすきとおった風" あのイーハトーヴォ のすきとおった風 あのイーハトーヴォ のすきとおった風 あの イーハトーヴォの すきとおった風 枠のサイズ 行の間隔
  9. 9. 文字列 Bitmap画像 グリフ フォント フォントサイズ レイアウト (グリフの座標) 表示領域のサイズ 文字の間隔 改行のスタイル
  10. 10. String Bitmap画像 グリフ フォント フォントサイズ レイアウト (グリフの座標) 表示領域のサイズ 文字の間隔 改行のスタイル
  11. 11. String Bitmap画像 グリフ(NSTextStorage) NSAttributedString レイアウト (グリフの座標) 表示領域のサイズ 文字の間隔 改行のスタイル
  12. 12. String Bitmap画像 UIFont+CGGlyph (NSTextStorage) NSAttributedString レイアウト (グリフの座標) 表示領域のサイズ 文字の間隔 改行のスタイル
  13. 13. String Bitmap画像 UIFont+CGGlyph (NSTextStorage) NSAttributedString レイアウト (グリフの座標) NSTextContainer
  14. 14. String Bitmap画像 UIFont+CGGlyph (NSTextStorage) NSAttributedString NSLayoutManager NSTextContainer
  15. 15. String Bitmap画像 Glyphの座標 (NSTextStorage) NSAttributedString NSLayoutManager NSTextContainer .textStorage .textContainers 監視
  16. 16. Bitmap画像 Glyphの座標 NSLayoutManager .textStorage .textContainers タッチイベント .glyphIndexForPoint(point:) .characterIndexForGlyphAtIndex() CGPoint(100,45) グリフのIndex 文字のIndex
  17. 17. UITextViewに感謝
  18. 18. 次回:UITextViewの闇
  19. 19. We are hiring !

×