Thay đổi hướng và kích thước màn hình của ứng dụng canvas

Tùy chỉnh ứng dụng canvas bằng cách thay đổi kích thước màn hình và hướng.

Đổi hướng và kích cỡ màn hình

  1. Đăng nhập vào Power Apps.

  2. Mở ứng dụng cần chỉnh sửa.

  3. Chọn Thiết đặt.

  4. Chọn Hiển thị.

  5. Trong danh sách Hướng danh sách, hãy chọn Dọc hoặc Ngang.

    Hướng cho bố cục điện thoại.

  6. (Chỉ ứng dụng dành cho máy tính bảng) Trong Tỷ lệ khung ảnh, hãy thực hiện một trong các bước sau:

    • Chọn tỷ lệ phù hợp với thiết bị mục tiêu của ứng dụng này.
    • Chọn Tùy chỉnh để đặt kích thước của riêng bạn, sau đó chỉ định chiều rộng trong khoảng từ 50 - 3840 và chiều cao trong khoảng từ 50 - 2160.

    Thay đổi tỷ lệ khung ảnh của ứng dụng dành cho máy tính bảng.

    Lưu ý

    Kích thước chỉ khả dụng cho các ứng dụng có bố cục Máy tính bảng.

  7. Trong Co giãn cho vừa, hãy chỉ định Bật hoặc Tắt.

    Co giãn cho vừa.

    Thiết đặt này được bật theo mặc định để màn hình ứng dụng đổi kích thước cho vừa với không gian có sẵn trên thiết bị. Khi thiết đặt này bật, thuộc tính Width của ứng dụng sẽ khớp với DesignWidth, còn thuộc tính Height của ứng dụng sẽ khớp với DesignHeight.

    Nếu bạn tắt thiết đặt này, ứng dụng sẽ điều chỉnh theo tỷ lệ khung ảnh của thiết bị đang chạy và chiếm hết không gian có sẵn. Ứng dụng không co giãn và do đó, màn hình có thể hiển thị thêm thông tin.

    Khi thiết đặt này tắt, Khóa tỷ lệ khung ảnh sẽ tự động bị tắt và vô hiệu hóa. Ngoài ra, thuộc tính Width của tất cả màn hình sẽ được đặt thành Max(App.Width, App.DesignWidth), còn thuộc tính Height sẽ được đặt thành Max(App.Height, App.DesignHeight) để các màn hình theo dõi kích thước của cửa sổ đang chạy ứng dụng. Với thay đổi này, bạn có thể tạo các ứng dụng thích ứng với các thiết bị và kích thước cửa sổ khác nhau. Thông tin thêm: Tạo bố cục thích ứng

  8. Trong Khóa tỷ lệ khung ảnh, hãy chỉ định Bật hoặc Tắt.

    Khóa tỷ lệ khung ảnh.

    Nếu thiết đặt này bật, ứng dụng sẽ giữ nguyên hướng màn hình và tỷ lệ khung ảnh mà bạn đã chỉ định ở bước 2 và 3, bất kể thiết bị. Ví dụ: một ứng dụng dành cho điện thoại đang chạy trong trình duyệt web sẽ giữ nguyên tỷ lệ cho điện thoại, hiển thị thanh tối ở mỗi bên thay vì lấp đầy cửa sổ.

    Nếu cài đặt này tắt, ứng dụng sẽ điều chỉnh theo tỷ lệ khung hình của thiết bị đang chạy. Chúng tôi không khuyến nghị điều này vì ứng dụng có thể bị biến dạng đến mức không sử dụng được, tùy thuộc vào kích thước màn hình. Ví dụ: các điều khiển có thể chồng chéo hoặc văn bản có thể bị cắt.

    Lưu ý

    Bạn không thể tắt cài đặt này đối với một số điều khiển nhất định như Trình soạn thảo văn bản đa dạng thức và điều khiển Giao diện người dùng thông thạo. Chúng sẽ không bị biến dạng theo kích thước màn hình. Tạo bố cục đáp ứng để chỉ định cách các điều khiển này thích ứng với các kích thước màn hình khác nhau.

  9. Trong Khóa hướng, hãy chỉ định Bật hoặc Tắt.

    Khóa hướng.

    Nếu bạn khóa hướng của ứng dụng, ứng dụng sẽ giữ nguyên hướng mà bạn chỉ định. Nếu ứng dụng đang chạy trên thiết bị có màn hình xoay hướng khác, ứng dụng sẽ hiển thị không chính xác và có thể hiển thị kết quả không mong muốn. Nếu bạn mở khóa hướng của ứng dụng, ứng dụng sẽ điều chỉnh theo hướng màn hình của thiết bị đang chạy.

    Bạn cũng có thể sửa đổi hướng của ứng dụng bằng cách bật tùy chọn Tối ưu hóa giao diện nhúng trong phần Thiết đặt > Hiển thị. Tính năng này căn ứng dụng ở trên cùng bên trái khi được nhúng và đổi màu nền của canvas lưu trữ thành màu trắng.

    Trải nghiệm nhúng.

  10. Đóng hộp thoại Thiết đặt.

  11. Lưu và phát hành ứng dụng.

Hành vi ứng dụng được liệt kê cho tỷ lệ để phù hợp và khóa cài đặt tỷ lệ khung hình

Kịch bản Co giãn cho vừa Khóa tỷ lệ khung ảnh Hành vi bố cục ứng dụng khi 'thay đổi kích thước màn hình' Ghi chú cần đưa vào tài liệu
1 Đã kích hoạt Đã kích hoạt Chiều rộng và chiều cao màn hình do nhà sản xuất đặt. Màn hình chia tỷ lệ theo kích thước cửa sổ có sẵn.
2 Đã tắt Đã kích hoạt Không áp dụng. Khi tỷ lệ để phù hợp bị tắt, tỷ lệ khung hình khóa cũng bị tắt.
3 Đã kích hoạt Đã tắt Trong Power Apps Studio đó, màn hình chia tỷ lệ theo kích thước cửa sổ có sẵn. Trong trải nghiệm người dùng cuối, Power Apps tỷ lệ đến cạnh nhỏ nhất (chiều rộng hoặc chiều cao), sau đó lấp đầy giao diện người dùng cho cạnh lớn hơn. Đối với các ứng dụng được xây dựng cho thiết bị di động, chúng tôi khuyên các nhà sản xuất nên sử dụng hướng khóa với cài đặt này.
Tệp 4 Đã tắt Đã tắt Trải nghiệm ứng dụng có thể đáp ứng. Các nhà sản xuất có thể quản lý các vị trí kiểm soát bằng cách sử dụng Power Fx để đặt giá trị X và Y cũng như chiều rộng và chiều cao. Để biết thêm thông tin, hãy xem Tài liệu bố cục đáp ứng và cân nhắc sử dụng bộ chứa bố trí tự động.

Các bước tiếp theo

Lưu ý

Bạn có thể cho chúng tôi biết bạn thích dùng ngôn ngữ nào cho tài liệu không? Làm một cuộc khảo sát ngắn. (xin lưu ý, khảo sát này bằng tiếng Anh)

Cuộc khảo sát sẽ mất khoảng bảy phút. Không có dữ liệu cá nhân nào được thu thập (điều khoản về quyền riêng tư).