コンポーザブルとして設定します。コンポーザブルとして設定します。最終的な結果は次のようになります。}}これで実装が完了しました。作成したバージョンがピクセル単位で正確に実装されているかどうかを確認する場合は、この画像をご自分のプレビュー実装と比較してください。素材アプリのレイアウトを作成する際は、スマートフォンでの横表示を含め、複数の構成でどのように表示されるかも考慮する必要があります。横表示のアプリのデザインを以下に示します。ナビゲーションが、画面コンテンツの左側にあるレールに置き換えられている点に注目してください。コンポーザブルを使用します。レールの基本的な実装から説明します。}}いくつかのスタイル調整を行う必要があります。パディングを追加します。パラメータを設定します。色に合うようにアイコンとテキストの色が自動的に適応します。縦方向の列全体に配色されている必要があります。列の垂直方向の配置を中央揃えに設定します。列の水平方向の配置を中央揃えに設定します。パディングを追加します。最終的なソリューションは次のようになります。レールを横向きレイアウトに追加しましょう。使用したアプリの縦向きバージョンに使用します。レールと画面コンテンツを隣り合わせに配置します。使用していたときに、コンテンツの色を背景に設定しました。レールの色を設定するには、行をサーフェスでラップして、背景色に設定します。サイズ横表示のプレビュー内容は良好な状態です。アプリをデバイスまたはエミュレータで実行し、横に向けると、横向きバージョンは表示されません。これは、アプリのどの構成を表示するかについてのタイミングをアプリに指示する必要があるためです。関数を使用して、スマートフォンがどの構成に設定されているかを確認します。モードの場合はコンパクトな幅、横表示の場合は拡大幅になります。中程度の幅での作業は行いません。受け取るように更新します。コンパクトの場合は、アプリの縦向きバージョンを渡します。横向きの場合は、アプリの横向きバージョンを渡します。クラスにオプトインする必要があります。}}次に、エミュレータまたはデバイスでアプリを実行し、回転時のディスプレイの変化を確認します。レイアウトについて詳しく学習しました。コンポーネント、レイアウト固有のデザインについて学びました。コードサンプルもご確認ください。ドキュメントこれらのトピックに関する詳細とガイダンスについては、以下のドキュメントをご覧ください。ライセンスにより使用許諾されます。ライセンスにより使用許諾されます。サイトのポリシーをご覧ください。関連会社の登録商標です。