Adobe XDでリピートグリッドを利用して、繰り返しのリストやタイルを作図する手順を紹介します。
Adobe XDではブロックの繰り返しを作図する便利な機能として、「リピートグリッド」が用意されています。
この記事では、リピートグリッドを利用して項目を列挙するリストのイメージを作図します。
Adobe XDを起動し、キャンバスを作成します。アートボードにリストの項目1つ分を作図します。今回は下図の項目を作図しました。
ドラッグしてリストの1つの項目となるオブジェクトを選択します。
右クリックしてポップアップメニューを表示します。メニューの[グループ化]の項目をクリックします。
グループ化できました。グループを選択した状態で
ウィンドウ右側の[プロパティインスペクター]の上部にある[リピートグリッド]のボタンをクリックします。
[リピートグリッド]が有効になると、オブジェクトを選択している枠の色が緑色に変わります。
また、横と下にハンドルが表示されます。
下のハンドルをクリックし、下に向かってドラッグします。ドラッグすると、同じ項目が下にも描画されます。
さらにドラッグをすることで、同じ項目を複数並べて表示できます。
項目を列挙するリストが作図できました。
項目と項目の間をクリックすると、項目間のマージンが下図のピンク色で表示されます。
ピンク色部分をドラッグすると、項目のマージンを変更できます。
また、横方向のハンドルをドラッグすると、横方向に項目をラべ田主も作図できます。
以上の手順で、リピートグリッドを利用して、指定したオブジェクを繰り返して表示させる作図ができました。
