画像の引き伸ばし領域の設定に関しては以下の記事がわかり易いだろう。背景のベースとなる画像(Image)を1つ置く。Scaler」を適当に設定しておく。1080」にしておいた。この辺りは自分の環境によって変えて欲しい。「TabPanel」と名前を変えておき、サイズも適当に決めておこう。「Tab_altas」の分割スプライトの「Tab_panel」を設定しておく次にタブの画像を並べるレイアウト用の空オブジェクトを作ろう。Empty」して、名前を「TabContainer」としておく。Group」を追加しておく。Expand」をオンにしておけば、自動でレイアウトしてくれる。引き伸ばしなどの設定をしておこう。これも画像などのサイズによるので、自由に設定しても構わない。設定例はキャプチャを参考にして欲しい。適当に設定したら、次に各タブを作っていこう。オフ→オンにすると自動レイアウトになっている場合、再配置される(セーブなど何らかの操作をすると再計算される)。Group」を登録しておく。スプライト「Tab_atlas」の「Tab_item」を設定する。A(アルファ)を下げておく。適当で良いが、上下ストレッチを設定しておこう。ストレッチ設定にしておく。あとはテキストとなる「Label」も適当に設定しておくと良いだろう。名前は適当に付けて欲しい。複製したタブの「Toggle」コンポーネントの「IsOn」は全てオフにしておく(これも設定したら、一旦オブジェクトをオフ→オンすると再描画できる)。タブを並べたら、次に切り替える内容を作ろう。1~3」を作ってテキストを入れておいただけだ。好きにやって貰って構わない。1」以外は非表示にしておく(タブのオン/オフの初期状態に合わせておく)。(Boolean)」にコールバックを設定しよう。オン/オフ状態が変化したときに、実行されるメソッドなどを登録するものだ。ここに各対応する「Page」の表示/非表示を設定する。ここでは表示の切り替えだけなのでコードを書く必要はないが、色々コールバックに仕込みたいなら以下の記事を参考にして欲しい。None(元の画像を外す)にしておけば良い。シーンを保存して動作を確かめてみよう。これをそのまま使っている。色や文字を太字に変化するようにすれば、見た目も結構良くなる。何よりタブ切り替えのコードを書かなくて済むので実装が楽だ(笑)。使えば近い感じにもなるが、最小~最大みたいになると、レイアウトの入れ子になったり、オブジェクトを階層化しなくてはならなかったりと複雑になる気がするので、もっと簡単にできるものないかとググってみたら、やはり同じ様なものがあった。・TextSizeAdjusterただ試してみたら、ちょっと私が欲しい挙動と違ったので、元のスクリプトを参考に改造してみた。簡単に言えば「テキストの幅が最小~最大サイズまでは伸縮し、最大を超えたら折り返す」みたいにできるようにスクリプトに書き換えた。自動レイアウトを駆使すれば同じことはできるかもしれないが、実は私も自動レイアウトは苦手なので、今回のスクリプト1つで簡単に実現できるのなら、それもアリかと(笑)。}}#endif色々付け加えたので長くなった(笑)。古いバージョン(.NET3.5)でも対応できるようにしてるせいもあるけどね。