回目...っつーかもはや最終回なんですけど、は残りの便利機能「アセット」「ホットスポット」「スクロール領域」、その他細かい表示の解説になります。回目はデザインカンプはすでに作ってあるので、そこから動くプロトタイプを作りたい、という方向けの内容です。■事前準備デザインカンプを用意します。後に判明しますが、カンプだけだと場合によってはリソース不足となります。画面編)まずは「スクロールしない固定の画面同士を遷移させたい」パターンです。つの切り替えタブがあるので、左の「構成図モード」にします。すると、構成図にカンプが加わるので、タブの真ん中「シーンモード」に戻します。無事に追加されました。ブランクのシーンは必要なければ削除します。次に、カンプ上のボタンをタップして別画面に遷移する、というアクションを加えてみます。Actor」を選びます。ボタン大のホットスポット領域が出現します。ホットスポットはある程度自由に大きさや場所を変えられます。「Genius」ボタンをタップして遷移させてみます。Action」します。ジェスチャの種類は適当。一度ここで実機確認をしてみましょう。実機確認の手順は簡単です。同じネットワークに繋げた状態であれば、左上のシミュレータ選択ウィンドウにデバイスが表示されているはずです。デバイスでモックが動きます。■カンプを配置する(スクロール編、またはアセット編)さて「スクロールしない固定の画面」に遷移を追加するというオーソドックスな作業はできました。次は「スクロールする長さの画面を編集する」作業をやってみましょう。編集するには少々厄介です。UI」の両方が必要になります。カンプ作りとは別の作業が発生してしまうわけですね。地味に手間がかかります。つのパーツを使います。NavigationBar、TabBar、あと中身のコンテンツですね。アセットスタジオを使ってみます。つのタブがあり、左から「指定したフォルダ」「ユーザーが登録したアセット」「標準で用意されているアセット」となります。フォルダを指定すると内包されている画像データが一覧されます。持ってくることもできます。アセットを配置するときの注意点がひとつあります。手作業で縮小しなければいけません。用として登録しなければいけません(これをしないと端末で開いたときに解像度の低い画面になってしまう。アセットとして置かれてるのに解像度は高い...)。アセットを作成して置く必要があります。