Mucahit Kokdemir

フロントエンド・モバイルデベロッパー

How to Place Apps Anywhere and Leave Empty Spaces in an iPhone Widget

iPhoneのウィジェットでアプリを好きな位置に置き、空白を残す方法

結論: ホーム画面そのものなら、iOS 18以降はアイコンを好きな位置にドラッグして空白を残せます。ウィジェットの中では、そのウィジェットを作っているアプリ次第です。WidgetLoftでは、グループを開いて配置に切り替え、空いている場所をタップしてアプリを追加します。アプリはちょうどそのスロットに入り、飛ばしたスロットはウィジェット上で空白のまま残ります。

すっきりしたホーム画面は、アイコンよりも余白で決まることがよくあります。左に1つ、右に1つだけアプリを置いた列は、びっしり埋まったグリッドよりも「この2つが大事」とはっきり伝えます。


多くのウィジェットがすべてのスロットを埋める理由

ほとんどのランチャーウィジェットはリストのように動きます。最初のアプリが左上に、次のアプリがその隣に、という具合です。アプリを1つ外せば、全部がずれます。長いリストならそれで構いませんが、デザインしたレイアウトは作りにくくなります。角に1つだけのアプリ、真ん中の空白、壁紙に合わせた列などです。

手順:アプリを狙った位置に置く

  1. グループを開く。 WidgetLoftでグループタブに進み、ウィジェットに表示しているグループを開きます。
  2. 配置に切り替える。 グループエディタで配置を選びます。グリッドに、空いているものも含めてウィジェットのすべてのスロットが表示されます。
  3. 場所を選んでからアプリを追加する。 アプリを置きたい空きスロットをタップし、アプリを選びます。アプリはその場所に入ります。
  4. あえて空白を残す。 埋めなかったスロットは空白のままです。通常のリストで2つのアプリの間に空白を作りたいときは、点線の四角のボタンでスペーサーを追加できます。
  5. 保存する。 チェックマークで確定します。変更は確定して初めてウィジェットに反映されます。

空白は何もしないままにしたいですか?ウィジェットを編集にあるスイッチで、空白をタップしたときにWidgetLoftを開くかどうかを決められます。ウィジェットごとに設定できます。

余白を生かすレイアウトのアイデア

| レイアウト | 作り方 | | --- | --- | | 四隅 | 大サイズのウィジェットで、四隅に1つずつアプリを置き、ほかは空白に | | すっきり1列 | 中サイズのウィジェットで、下の列だけにアプリを置き、上に壁紙を見せる | | 写真を縁取る | 特大ウィジェット(iOS 27)で、端にアプリを並べ、真ん中は空白に | | 親指ゾーン | 片手で親指が届く下半分だけにアプリを置く |

空白は、少なめで大きなアイコンと組み合わせるといちばん映えます。グループエディタで大きめのアイコンサイズを選ぶと、スロットも大きくなります。ほかのアイデアはiOS 27のホーム画面アイデアを、1ページ全体を1つのウィジェットにするならiOS 27の特大ウィジェットをご覧ください。

サブフォルダと戻るボタン

サブフォルダはウィジェット上でその場で開き、それぞれ専用のグリッドを持っています。サブフォルダの中では、戻るボタンを空いている場所も含めて好きなスロットへドラッグできるので、レイアウトを崩しません。サブフォルダごとに見た目を変えたい場合は、サブフォルダごとに見た目を変える方法をご覧ください。

よくある質問

iPhoneのホーム画面でアプリの間に空白を残せますか? はい。iOS 18以降は、ページ上の好きな位置にアイコンをドラッグして空白を残せます。ウィジェットの中ではそのウィジェットのアプリ次第で、WidgetLoftならPlaceで各スロットを選べます。

空白をタップすると何かが開きますか? 自分で決められます。「ウィジェットを編集」にあるスイッチで、ウィジェットごとに設定できます。

配置はサブフォルダでも使えますか? サブフォルダにはそれぞれ専用のグリッドがあり、戻るボタンは空いている場所も含め、好きなスロットに置けます。


スロット単位でウィジェットをデザインしてみませんか?App StoreでWidgetLoftをダウンロードして、配置を試してみましょう。