變更畫布應用程式的螢幕大小和方向

變更畫布應用程式的螢幕大小和方向來自訂畫布應用程式。

變更螢幕大小和方向

  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 中所指定的畫面方向和長寬比。 例如,在網頁瀏覽器中執行的手機應用程式會保留手機大小的長寬比率,並在每一邊顯示暗條,而不是把視窗填滿。

    如果此設定已關閉,則應用程式會調整至其執行所在裝置的外觀比例。 不建議如此,這是因為應用程式可能會顯示失真到無法使用的地步 (取決於螢幕大小)。 例如,控制項可能會重疊,或文字可能遭剪裁。

    注意

    某些如 RTF 編輯器Fluent UI 控制項等控制項無法關閉此設定。 這些控制項不會因螢幕大小限制而扭曲。 建立回應式配置,指定這些控制項如何調整以適應不同的螢幕大小。

  9. 鎖定方向下,指定開啟關閉

    鎖定方向。

    如果您鎖定應用程式的方向,應用程式會維持您指定的方向。 如果應用程式在螢幕方向不同的裝置上執行,將無法正確顯示,而且可能會顯示不想要的結果。 如果您解除鎖定應用程式的方向,它就能在執行的裝置上進行調整,以符合該裝置的螢幕方向。

    您也可以在設定 > 顯示中啟用最佳化嵌入外觀,以修改應用程式的方向。 此功能可在內嵌應用程式時予以對齊至左上,並將主機畫布的背景色彩變更為白色。

    內嵌體驗。

  10. 關閉設定對話方塊。

  11. 儲存並發佈 您的應用程式。

縮放已列舉的應用程式行為以適合和鎖定外觀比例設定

案例 縮放至適當比例 鎖定長寬比 「畫面調整大小」上的應用程式配置行為 要包含在文件中的說明
7 已啟用 已啟用 畫面的寬度和高度由製作者設定。 畫面會縮放至可用視窗大小。
2 停用 已啟用 不適用。 停用縮放至適合時,也會停用鎖定外觀比例。
3 已啟用 停用 在 Power Apps Studio 中,畫面會縮放至可用視窗大小。 在終端使用者體驗中,Power Apps 會縮放至最小邊界 (寬度或高度),然後填入 UI 以取得較大的邊界。 對於專為行動裝置建置的應用程式,我們建議製作者在此設定使用鎖定方向
4 停用 停用 應用程式體驗可以是回應式。 製作者可操控使用 Power Fx 的控制項位置,以設定 X 與 Y 值以及寬度和高度。 如需詳細資訊,請參閱回應式配置文件和考慮使用自動配置容器 。

後續步驟

注意

是否能請您告知您偏好的慣用文件語言? 請填寫問卷。 (請注意,本問卷為英文版)

完成問卷大約需要七分鐘。 本問卷將不會收集個人資料 (隱私權聲明)。