PowerApps でキャンバス アプリの画面のサイズと向きを変更するChange screen size and orientation of a canvas app in PowerApps

キャンバス アプリは、その画面のサイズと向きを変更することでカスタマイズできます。Customize a canvas app by changing its screen size and orientation.

前提条件Prerequisites

アプリを作成または編集に関しては、1 つを開き、選択アプリ設定上、ファイルメニュー。Create an app or open one for editing, and then select App settings on the File menu.

スクリーンのサイズと向きを変更するChange screen size and orientation

  1. [App settings (アプリ設定)][Screen size + orientation (画面のサイズと向き)] を選択します。Under App settings, select Screen size + orientation.

    アプリの画面のサイズと向きを変更するためのオプション

  2. 向き一覧で、またはランドス ケープします。In the Orientation list, select Portrait or Landscape.

  3. (タブレット アプリのみ)縦横比、次の手順のいずれかを実行します。(Tablet apps only) Under Aspect ratio, perform either of these steps:

    • このアプリのターゲット デバイスに一致する比率を選択します。Select the ratio that matches the target device for this app.
    • 選択カスタムに独自のサイズを設定し、50 3840 50 2160 間の高さと幅を指定します。Select Custom to set your own size, and then specify a width between 50 - 3840 and a height between 50 - 2160.

    タブレット アプリの縦横比の変更

  4. に合わせてスケール、どちらかを指定またはオフします。Under Scale to fit, specify either On or Off.

    この設定は既定では、デバイスで使用可能な領域に合わせてアプリの画面のサイズを変更するためです。This setting is on by default so that app screens resize to fit the available space on the device. この設定がアプリの プロパティと一致するそのDesignWidthとアプリの高さと一致するそのが追加されますWhen this setting is on, the app's Width property matches its DesignWidth, and the app's Height matches its DesignHeight.

    この設定を無効にした場合、アプリがデバイスが実行されているすべての利用可能な領域を占めるの縦横比を調整します。If you turn this setting off, the app adjusts to the aspect ratio of the device on which it's running and takes up all of the available space. アプリでは、拡張し、結果として、画面の詳細情報を表示できます。The app doesn't scale and, as a result, screens can show more information.

    この設定が入っていないときに縦横比をロックが自動的に無効になり、無効になっています。When this setting is turned off, Lock aspect ratio is automatically turned off and disabled. さらに、すべての画面のプロパティに設定されてMax(App.Width, App.DesignWidth)とその高さプロパティに設定されてMax(App.Height, App.DesignHeight)アプリが実行されているウィンドウのサイズを追跡できるようにします。In addition, the Width property of all screens is set to Max(App.Width, App.DesignWidth), and their Height property is set to Max(App.Height, App.DesignHeight) so that they track the dimensions of the window in which the app is running. この変更により、さまざまなデバイスやウィンドウのサイズに対応するアプリを作成できます。With this change, you can create apps that respond to different devices and window dimensions. 詳細情報:レスポンシブ レイアウトを作成します。More information: Create responsive layout

  5. [Lock aspect ratio (縦横比を固定する)] で、[On (オン)] または [Off (オフ)] を指定します。Under Lock aspect ratio, specify either On or Off.

    この設定では、アプリは、画面の向きと手順 2. および 3. は、どのデバイスでもで指定した縦横比を保持します。If this setting is on, the app retains the screen orientation and aspect ratio that you specified in steps 2 and 3, no matter the device. たとえば、web ブラウザーで実行されている電話アプリは、ウィンドウの入力ではなく、それぞれの側に黒いバーを表示する電話番号の比率を保持します。For example, a phone app that's running in a web browser retains the ratio for a phone, showing a dark bar on each side instead of filling the window.

    この設定がオフの場合、アプリが実行されている (および必要な場合は、UI を変形) デバイスの縦横比を調整します。If this setting is off, the app adjusts to the aspect ratio of the device on which it's running (and distorting the UI if necessary).

  6. [Lock orientation (向きを固定する)] で、[On (オン)] または [Off (オフ)] を指定します。Under Lock orientation, specify either On or Off.

    アプリの向きをロックする場合、アプリには、印刷の向きを指定するが保持されます。If you lock the app's orientation, the app retains the orientation that you specify. アプリが画面が異なる向きでのデバイスで実行している場合、アプリが正しく表示されないと、予想外の結果を表示することがあります。If the app is running on a device for which the screen is in a different orientation, the app displays incorrectly and may show unwanted results. アプリの向きのロックを解除する場合が実行されているデバイスの画面の向きを調整します。If you unlock the app's orientation, it adjusts to the screen orientation of the device on which it's running.

    有効にすると、アプリの向きを変更することも有効にするアプリのユーザー エクスペリエンスを埋め込む詳細設定します。You can also modify the app's orientation by enabling Enable app embedding user experience in Advanced settings. この機能の左上は、埋め込まれているし、ホスティング キャンバスの背景色を白に変更する場合に、アプリを配置します。This feature top-left aligns the app when it's embedded and changes the background color of the hosting canvas to white.

  7. [Apply (適用)] を選択して変更を保存します。Select Apply to save your changes.

次のステップNext step

[File (ファイル)] メニューの [Save (保存)] を選択して、新しい設定でアプリを再発行します。On the File menu, select Save to republish your app with the new settings.