Text: 文字列の表示

[rrbox]

文字列を表示するための UI パーツを作りたいです。 #63 により、ユーザーインタラクションの存在しない UI を定義する意義が生まれました（自動レイアウトに組み合わせることができるためです）¹。

第一段階として、Text を導入したいと思います。以下の特徴をもつ Widget です。

• 文字列を表示できる
• Modifier でフォントを変更できる
• 表示する文字列を（なんらかの方法で）変更できる
• 与えられたフレームに従って、表示方式が変化する

Footnotes

1. 従来の場合、GameWidget で文字表示するのと、SKLabelNode を直に配置するのでは見かけ上の違いはなく、むしろ SKLabelNode の方が柔軟性が高かったです。 ↩

[rrbox]

表示する文字列を変更する方法

この Widget は内部的には SKLabelNode を使用するはずです。単一の Widget として使用する場合は SKLabelNode を生成するようにすればいいはずです。

Display で配置した場合は、NotificationCenter を使用して文字列を送信する形にしようと考えています。

文字列だけを変更できるようにしたい

[rrbox]

与えられたフレームに対して、どのように表示するべきか

幅の設定は SKLabelNode/preferredMaxLayoutWidth を使います。

高さの設定は SKLabelNode/numberOfLines を使います。フォントサイズを考慮して最大行数を決定するようになります。

[rrbox]

行数の設定方法

Font size を考慮しても、最大行数の設定だけでフレーム内に収めるのは難しいです。なにかしらの計算をして、フレームに収まるような行数を求める必要があります。

フレームに収まらない理由は以下の通りです。

• フォントサイズ = 文字の大きさとは限らないため。フォントによって異なる。
• 改行すると、行間が生じるため。その分だけ高さが増える。

---

• for 文を使って、フレームに収まるまで値を設定する?
• 行間は実はどのフォントでも変わらない説（Document には記載がないので、確証がない）