5分でわかるText Kit

5分で分かるTextKit
@hayashi311

文字列 Bitmap画像
文字のレンダリング
is

1000001
A
A A
A
文字グリフ
UIFont(name: "AppleMyungjo", size: 112)

文字とグリフは1:1ではない
"fly"
ﬂy

200px
250px
ABC
DEF
16px
A B C
3px
ABCDE
FGHI
JKL

文字列レイアウト＝グリフの座標
let text = "あのイーハトーヴォのすきとおった風"
あのイーハトーヴォ
のすきとおった風
あのイーハトーヴォ
のすきとおった風
あの
イーハトーヴォの
すきとおった風
枠のサイズ
行の間隔

文字列 Bitmap画像
グリフ
フォント
フォントサイズ
レイアウト
(グリフの座標)
表示領域のサイズ
文字の間隔
改行のスタイル

String Bitmap画像
グリフ
フォント
フォントサイズ
レイアウト
文字の間隔

String Bitmap画像
グリフ(NSTextStorage)
NSAttributedString
レイアウト
文字の間隔

String Bitmap画像
UIFont+CGGlyph
(NSTextStorage)
NSAttributedString
レイアウト
文字の間隔

String Bitmap画像
UIFont+CGGlyph
(NSTextStorage)
NSAttributedString
レイアウト
NSTextContainer

String Bitmap画像
UIFont+CGGlyph
(NSTextStorage)
NSAttributedString
NSLayoutManager
NSTextContainer

String Bitmap画像
Glyphの座標
(NSTextStorage)
NSAttributedString
NSLayoutManager
NSTextContainer
.textStorage
.textContainers
監視

Bitmap画像
Glyphの座標
NSLayoutManager
.textStorage
.textContainers
タッチイベント
.glyphIndexForPoint(point:)
.characterIndexForGlyphAtIndex()
CGPoint(100,45)
グリフのIndex
文字のIndex

5分でわかるText Kit

More Related Content

Viewers also liked (15)

5分でわかるText Kit