レスポンシブプロジェクトでビュー固有のプロパティを適用する方法

最終更新日 : 2022年1月19日

ビュー固有のプロパティ

オブジェクトのサイズ、位置、文字をコントロールすることで、ビュー固有のプロパティを適用します。 1 つのビューでオブジェクトを作成し、これらのオブジェクトを別のビューに対して表示または非表示にします。

オブジェクトのビューを固定することもできます。たとえば、プライマリブレークポイントビューでオブジェクト A、B、C を作成できますが、 B はタブレットブレークポイントビューでは使用せず、C はモバイルブレークポイントビューでは使用しないようにできます。これはレスポンシブプロジェクトでオブジェクト B をスライドからタブレットビューのスクラップ領域に移動し、さらにオブジェクト C をモバイルビューのスクラップ領域に移動することで達成できます。

あるいは、オブジェクトを 1 つのビューでのみ表示させるには、オブジェクトを右クリックし、下のスクリーンショットのように「その他のビューから除外」を選択します。

ビュー固有のプロパティの適用

レスポンシブプロジェクトを作成し、プライマリブレークポイントスライドで 2 つのスマートシェイプオブジェクトを追加します
タブレットおよびモバイルブレークポイントに切り替えて観察します
プライマリビューのオブジェクトを、タブレットビューやモバイルビューで表示できます
オブジェクトをクリックしてそれを強調表示し、プロパティ／位置タブをクリックします
位置タブで、上、左、下、右、高さ、幅など、オブジェクトの位置ドロップダウンボックスが強調表示されて表示されています。

オブジェクトの位置プロパティ
各位置のドロップダウンボックスをクリックし、%、px（ピクセル）、相対 %（オーバーレイオブジェクトに相対的）などの値のタイプを選択します。
そこで、オブジェクトの位置とサイズを各ビューで異なるようにカスタマイズします。
ビューブレークポイントカラーのそれぞれのカラーで位置の境界線が強調表示されています。

プライマリビューでスマートシェイプを作成してタブレットビューで位置をカスタマイズする場合を考えてみます。この場合、「オブジェクトの高さおよび幅」プロパティの枠線がプライマリビューブレークポイントカラーに表示され、残りのプロパティはタブレットビューブレークポイントカラーに表示されます。

サンプルのスクリーンショットを下に示します。

プライマリビューで作成されたスマートシェイプの位置がタブレットビューでカスタマイズされた場合の色分け

注意：

2 つの任意のオブジェクトをスライドに追加します。プロパティの位置タブで、スマート位置の横のチェックボックスをクリックして、寸法や他のオブジェクトへのリンクを表示します。スライド境界線からの距離を知ることにより、フローチャートやその他の図形を正確にデザインできます。