オブジェクトの位置とサイズを揃える(整列・サイズ揃え)

✔ 概要

オブジェクトの配置位置やサイズを揃えるときはマウスやキーボードの操作で行えますが、ツールボタンの機能を使用することで複数のオブジェクトを一括で調整することができます。
本項では、配置位置やサイズを調整する機能と使用方法を説明します。

注意

本機能はLiteフォームの編集では利用できません。

参考

オブジェクトの調整としては「配置する位置の調整」と「サイズの調整」があり、これらは手動で行えますが以下で説明するツールボタンを使用することで複数のオブジェクトを一括で調整できます。

オブジェクトの位置を揃える

オブジェクトを配置する位置の調整はツールボタンにある「位置」の各ボタンを使用します。

ヒント

  • ツールボタンが表示されていないときは、メニューの「表示」-「ツールバー」-「編集」-「位置」をクリックして表示してください。
  • ツールボタンは複数のオブジェクトを選択状態としたときにクリックできます。
  • 揃える基準のオブジェクトは最後に選択したオブジェクトです。

各ツールボタンの機能は以下となります。

項目 説明
img_btn_adjust_01 上揃え 選択したオブジェクトを上辺側へ揃えます。
img_btn_adjust_02 上下中央揃え 選択したオブジェクトの縦方向を中央に揃えます。
img_btn_adjust_03 下揃え 選択したオブジェクトを下辺側へ揃えます。
img_btn_adjust_04 左揃え 選択したオブジェクトを左辺側へ揃えます。
img_btn_adjust_05 左右中央揃え 選択したオブジェクトの横方向を中央に揃えます。
img_btn_adjust_06 右揃え 選択したオブジェクトを右辺側へ揃えます。
img_btn_adjust_07 用紙上下中央揃え 選択したオブジェクトを用紙の縦方向の中央へ揃えます。
img_btn_adjust_08 用紙左右中央揃え 選択したオブジェクトを用紙の横方向の中央へ揃えます。
img_btn_adjust_09 上下間隔均等揃え 選択したオブジェクトを縦方向として等間隔に揃えます。
img_btn_adjust_10 左右間隔均等揃え 選択したオブジェクトを横方向として等間隔に揃えます。

操作方法

操作例として「上揃え」を説明します。
図は複数のオブジェクトに対して「上揃え」を行っていますが、最後に選択したオブジェクト「DATE_1」を基準として上辺側へ揃えています。

ヒント

複数のオブジェクトを選択状態とするときは、キーボードの「Ctrl」を押下した状態でクリックします。

揃えるオブジェクトをすべて選択する

位置を揃えるオブジェクトをすべて選択状態とします。
このとき位置を揃える基準とするオブジェクトを最後に選択します。

ツールボタン「上揃え」をクリックする

ツールボタン「上揃え」をクリックします。
選択したオブジェクトの位置が最後に選択したオブジェクトの上側へ揃います。

注釈

画像クリックで、動画が再生されます。

オブジェクトのサイズを揃える

オブジェクトの縦方向と横方向の大きさを調整するときは、ツールボタンの各サイズ合わせのボタンを使用します。

ヒント

  • ツールボタンが表示されていないときは、メニューの「表示」-「ツールバー」-「編集」-「位置」をクリックして表示してください。
  • 複数のオブジェクトを選択状態としたときにクリックできます。
  • 揃える基準のオブジェクトは最後に選択したオブジェクトです。

各ツールボタンの機能は以下となります。

項目 説明
img_btn_adjust_11 上下サイズ揃え 選択したオブジェクトの縦方向のサイズを揃えます。
img_btn_adjust_12 左右サイズ揃え 選択したオブジェクトの横方向のサイズを揃えます。
img_btn_adjust_13 上下左右サイズ揃え 選択したオブジェクトの縦方向と横方向のサイズを同時に揃えます。

操作方法

操作例として「左右サイズ揃え」を説明します。
図は複数のオブジェクトに対して「左右サイズ揃え」を行っていますが、最後に選択したオブジェクト「DATE_1」を基準として横方向の大きさを揃えています。

ヒント

複数のオブジェクトを選択状態とするときは、キーボードの「Ctrl」を押下した状態でクリックします。

揃えるオブジェクトをすべて選択する

位置を揃えるオブジェクトをすべて選択状態とします。
このとき位置を揃える基準とするオブジェクトを最後に選択します。

ツールボタン「左右サイズ揃え」をクリックする

ツールボタン「左右サイズ揃え」をクリックします。
選択したオブジェクトのサイズが最後に選択したオブジェクトの大きさに揃います。

注釈

画像クリックで、動画が再生されます。