キャンバス アプリの画面のサイズと表示方向の変更

キャンバス アプリは、その画面のサイズと向きを変更することでカスタマイズできます。

画面のサイズと表示方向の変更

1. Power Apps にサインインします。

2. アプリを開き、編集 を行います。

3. 設定 を選択します。

4. 表示 を選択します。

5. 向き の一覧の下で、縦 または 横 を選択します。
   

   

6. (タブレット アプリのみ) アスペクト比で、次のいずれかの手順を実行します:

   • このアプリのターゲット デバイスと一致する比率を選択します。
   • カスタムを選び、独自のサイズを設定してから、50 - 3840 の幅と 50 - 2160 の高さを指定します。

   

   注意

   サイズは、タブレットレイアウトのアプリのみで利用可能です。

7. 全体表示で、オンまたはオフを指定します。

   

   この設定は既定でオンになっているため、デバイスの使用可能なスペースに合わせてアプリ画面のサイズが変更されます。 この設定がオンの場合、アプリの Width プロパティは DesignWidth と一致し、アプリの Height は DesignHeight と一致します。

   この設定をオフにすると、アプリは実行されているデバイスのアスペクト比に合わせて調整され、利用可能なすべてのスペースを占有します。 アプリはスケールされないため、画面にさらに多くの情報を表示できます。

   この設定をオフにすると、アスペクト比をロックは自動的にオフになり、無効になります。 さらに、全ての画面の Width プロパティが Max(App.Width, App.DesignWidth) に設定され、Height プロパティは Max(App.Height, App.DesignHeight) に設定されるので、アプリが実行されているウィンドウのサイズを追跡できるようにします。 この変更により、さまざまなデバイスとウィンドウのサイズに対応するアプリを作成できます。 詳細: レスポンシブ レイアウトを作成する

8. 縦横比を固定するで、オンまたはオフを指定します。

   

   この設定がオンの場合、アプリはデバイスに関係なく、手順 2 と 3 で指定した画面の向きとアスペクト比を保持します。 たとえば、Web ブラウザーで実行されている電話アプリでは、電話の比率を保持し、ウィンドウを塗りつぶす代わりに両側に暗いバーを表示します。

   この設定がオフの場合、アプリは実行されているデバイスのアスペクト比に合わせて調整されます。 画面サイズに応じて、アプリが使用できなくなるほど歪む可能性があるため、これはお勧めしません。 たとえば、コントロールが重なったり、テキストが切り取られたりすることがあります。

   注意

   リッチ テキスト エディター および Fluent UI コントロールなどの特定のコントロールの場合、この設定をオフにすることはできません。 画面サイズによって歪むことはありません。 レスポンシブ レイアウトを作成して、これらのコントロールがさまざまな画面サイズに適応する方法を指定します。

9. 向きを固定するで、オンまたはオフを指定します。

   

   アプリの向きを固定すると、指定した向きがアプリで保持されます。 画面の向きが異なるデバイスでアプリが実行されている場合、アプリの表示は正しく行われず、望ましくない結果が表示される可能性があります。 アプリの向きの固定を解除すると、アプリが実行されているデバイスの画面の向きに合うように自動的に調整されます。

   設定 > 表示の外観の埋め込みの最適化を有効にすることでアプリの向きを変更することもできます。 この左上の機能を使用すると、アプリが埋め込まれているときにアプリが配置され、ホスティング キャンバスの背景色が白に変更されます。

   

10. 設定ダイアログを閉じます。

11. アプリを 保存して公開 します。

縦横比の設定を合わせて固定する拡大縮小のための列挙型アプリの動作

次の手順

• キャンバス アプリで応答性の高いレイアウトを作成します。
• 問題が生じた場合は、一般的な問題と解決策 を確認します。