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

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

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

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

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

  3. 設定 を選択します。

  4. 表示 を選択します。

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

    電話レイアウトの向き。

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

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

    タブレット アプリの縦横比を変更する。

    注意

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

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

    全体表示。

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

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

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

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

    縦横比を固定する。

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

    この設定がオフの場合、アプリは実行されているデバイスのアスペクト比に合わせて調整されます (必要であれば UI は歪みます)。

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

    向きを固定する。

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

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

    埋め込みのエクスペリエンス。

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

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

次の手順

注意

ドキュメントの言語設定についてお聞かせください。 簡単な調査を行います。 (この調査は英語です)

この調査には約 7 分かかります。 個人データは収集されません (プライバシー ステートメント)。