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.
   

   

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.

   

   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.

   

   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.

   

   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ị mà ứng dụng đ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 thể 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 lên nhau hoặc văn bản có thể bị cắt bớt.

   Lưu ý

   Không thể tắt cài đặt này đối với một số điều khiển nhất định, chẳng hạn 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 tùy chọn đ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.

   

   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.

   

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ê để điều chỉnh tỷ lệ cho 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 trên '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 quy định. 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ắt tỷ lệ cho phù hợp, 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 sẽ điều chỉnh theo kích thước cửa sổ có sẵn. Trong trải nghiệm của người dùng cuối, Power Apps điều chỉnh tỷ lệ theo 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 dành cho thiết bị di động, chúng tôi khuyên nhà sản xuất nên sử dụng khóa hướng 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. Người tạo có thể điều khiển các vị trí điều khiển 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 về bố cục thích ứng và cân nhắc sử dụng vùng chứa bố cục tự động.

Các bước tiếp theo

• Tạo bố cục thích ứng trong ứng dụng canvas.
• Kiểm tra các vấn đề chung và giải pháp nếu bạn gặp phải bất kỳ vấn đề nào.

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ư).