Compose アダプティブ レイアウト ライブラリ 1.2 ベータ版で新たな可能性を切り開く

Google Pixel 10 Pro Fold のような新しいフォーム ファクタが Android エコシステムに加わることで、アダプティブ アプリの開発がスマートフォン、タブレット、折りたたみ式デバイスで高品質のユーザー エクスペリエンスを実現するには不可欠になります。ユーザーは、アプリの UI がさまざまなサイズや形状にシームレスに適応することを期待しています。

こうした動的なエクスペリエンスをより効率的に構築できるよう、Compose アダプティブ レイアウト ライブラリ 1.2 が正式にベータ版になったことをお知らせします。このリリースでは、拡大するデバイス エコシステムに対応した洗練されたレスポンシブ UI を作成するための強力な新ツールが提供されます。

キャンバスを広げる強力な新ツール

Compose アダプティブ レイアウト ライブラリは、さまざまなウィンドウ サイズに適応する UI を構築するための基盤となるツールキットです。この新しいベータ版リリースには、洗練されたレイアウトをより少ないコードで作成できる強力な機能が満載されています。主な追加機能は次のとおりです。

• 強力な新しいレイアウト戦略: ベータ版では、リフローやレベテートなどの新しいレイアウト戦略が導入されています。これらの戦略は、Google Pixel 10 Pro Fold、Samsung Galaxy Z Fold7、Z Flip7 などのデバイスの外側とインナー ディスプレイの両方で美しく表示されるダイナミック レイアウトを構築するのに役立ちます。
• 新しいウィンドウ サイズクラス: このリリースでは、新しい大サイズと特大サイズのウィンドウ サイズクラスが組み込みでサポートされています。これらの新しいブレークポイントは、タブレットや大型の折りたたみ式デバイスなどの大画面で、リッチなマルチペイン UI の変更を設計してトリガーするために不可欠です。

2 つの新しいペイン適応戦略: リフロー（左）とレベテート（右）

変更点の完全なリストについては、公式リリース ドキュメントをご覧ください。標準レイアウトとサポート ペイン レイアウトの構築に関するガイドをご覧ください。

あらゆる画面でより多くのユーザーの関心を引き付ける

アダプティブな考え方を取り入れることは、単なるベスト プラクティスではなく、成長のための戦略です。目標は、アプリを大画面で動作させるだけでなく、ユーザーにとってより直感的になることでアプリを輝かせることです。単に 1 列のレイアウトを拡大するのではなく、余ったスペースをどのように活用して、より効率的で没入感のあるエクスペリエンスを実現できるかを考えてみましょう。

これは、Compose アダプティブ レイアウト ライブラリ 1.2 ベータ版の強力な新機能である reflow などの動的レイアウト戦略の基本原則であり、これらの UI の構築に役立ちます。たとえば、マルチペイン レイアウトを採用することから始めることをおすすめします。リストとその対応する詳細ビューを並べて表示することで、タップ数を減らし、ユーザーがタスクをより迅速に完了できるようにします。

このような思慮深いアダプティブ開発こそが、エンゲージメントを真に高めるものです。#TheAndroidShow の最新エピソードでご紹介したように、スマートフォンと大画面の両方でアプリを使用するユーザーは、エンゲージメントがほぼ 3 倍になります。アダプティブに構築することで、既存のユーザーの満足度を高めるだけでなく、永続的なロイヤリティを構築し、新しいユーザーにリーチできる、より価値のある魅力的なエクスペリエンスを実現できます。

折りたたみ式デバイスからデスクトップまで、拡大する Android エコシステム

アダプティブ デザインへの移行は、Android エコシステム全体に及んでいます。新しい Google Pixel 10 Pro Fold から最新の Samsung Galaxy 折りたたみ式デバイスまで、デベロッパーは 5 億台を超える大画面デバイスで、大規模で成長を続けるユーザーベースの関心を引き付けることができます。

また、現在デベロッパー プレビューで試すことができるConnected Displaysのような、将来を見据えたエクスペリエンスへの投資も継続しています。この機能により、アプリを実行できる新しいサーフェスとインタラクション モデルが実現し、真のデスクトップ クラスの機能とマルチインスタンス ワークフローが可能になります。Connected Displays デベロッパー プレビューの利用を開始する方法と、マルチデバイス エクスペリエンスの未来をどのように形作っているかについては、以前に詳しくご紹介しました。

アダプティブな原則を実践に移す

アプリをこのアダプティブな未来に対応させたいデベロッパー向けに、留意すべき重要なベスト プラクティスをいくつかご紹介します。

• 在庫の確認: まず、現状を把握します。アプリをテストして、大画面デバイスまたは Android Studio のサイズ変更可能なエミュレータで、UI の拡大や使いやすさの問題など、改善すべき点を見つけます。
• 最適化されたレイアウトのサポート: Compose アダプティブ レイアウト ライブラリなどのライブラリを使用して、さまざまなウィンドウ サイズやデバイスの形状に適応する UI を構築します。アプリは、画面の向きを制限することなく、縦向きと横向きの両方で適切に動作する必要があります。
• タップ以外の操作も考慮する: 優れたアダプティブ エクスペリエンスとは、すべての入力方法をサポートすることです。これは、基本的な機能だけでなく、マウスカーソルのホバー状態、右クリックのコンテキスト メニュー、キーボード ショートカットのサポートなど、ユーザーが期待する思慮深い詳細も含まれます。

アプリの可能性は、1 つの画面に限定されなくなりました。大画面のデザイン ギャラリーとアプリの品質に関するガイドラインをご覧になり、アプリの可能性を想像してみてください。developer.android.com/adaptive-apps で、あらゆる折りたたみ、フリップ、画面に対応したアプリの構築に必要なデザイン パターン、公式ガイダンス、サンプルアプリを見つけて、インスピレーションを得てください。