このページは Cloud Translation API によって翻訳されました。

レスポンシブで最適化

レスポンシブかつ最適化されたアプリは、さまざまな画面サイズに自動的に適応するレスポンシブレイアウトを使用して、ユーザーに付加価値を提供し、生産性とエンゲージメントを高める魅力的なユーザーエクスペリエンスを提供します。

レスポンシブデザインで価値を付加する

レスポンシブレイアウトでは、最適なユーザーエクスペリエンスを実現するために、ボタン、テキストフィールド、ダイアログなどの要素を動的にフォーマットして配置します。レスポンシブデザインを実践することで、大画面でのアプリのユーザーに自動的に付加価値を提供できます。ひと目でわかるテキストを増やしたり、画面上でのアクションを増やしたり、タップターゲットを大きくしてアクセスしやすくしたりなど、レスポンシブな手法により、大画面のユーザーのエクスペリエンスが向上します。

Wear OS 向けのレスポンシブアプリとタイルを作成する

レスポンシブ UI は、レンダリングされる画面のサイズに関係なく、利用可能なすべての画面スペースを最大限に活用するために引き伸ばされ、変化します。円形の画面でレスポンシブレイアウトを設計する場合、スクロールビューと非スクロールビューには、UI 要素のスケーリングを維持し、レイアウトと構成のバランスを維持するために固有の要件があります。ビューのスクロールでは、割合を使用して上下左右のすべての余白を定義し、クリッピングを防ぎ、要素に比例してスケーリングするようにします。スクロールしないビューの場合は、すべてのマージンに割合と垂直方向の制約を使用します。これにより、中央のメインコンテンツが拡大されて使用可能な領域全体に表示されます。

レスポンシブレイアウトについては、Compose とタイルの実装ガイダンスをご覧ください。