Điều khiển bộ chứa lưới trong Power Apps (bản xem trước)

[Bài viết này là một tài liệu trước khi phát hành và có thể thay đổi.]

Điều khiển bộ chứa Lưới cung cấp cho bạn cách bố trí các cấu phần con trong một mẫu lưới. Bạn có quyền kiểm soát chính xác vị trí của mỗi cấu phần liên quan đến hàng và cột.

Bộ chứa này hoạt động như lưới kiểu CSS. Bạn xác định hàng và cột và đặt vị trí chính xác cho mỗi cấu phần con sử dụng thuộc tính của nó.

Quan trọng

• Tính năng này đang ở giai đoạn xem trước.
• Các tính năng xem trước không dành cho mục đích sử dụng sản xuất và có thể có chức năng bị hạn chế Các tính năng này phải tuân theo các điều khoản sử dụng bổ sung và có sẵn trước khi phát hành chính thức để khách hàng có thể truy cập sớm và cung cấp phản hồi.
• Tính năng này đang trong quá trình triển khai và có thể chưa khả dụng ở khu vực của bạn.

Mô tả

Điều khiển bộ chứa Lưới cung cấp hệ thống bố cục linh hoạt cho các ứng dụng bức vẽ. Nó cho phép bạn:

• Đặt các cấu phần con trong một mẫu lưới
• Chỉ rõ bắt đầu và kết thúc hàng và cột cho mỗi con
• Thực hiện điều chỉnh phản hồi khi bộ chứa hoặc kích cỡ màn hình thay đổi
• Điều khiển căn chỉnh, giãn cách và tràn trong lưới

Bằng cách sử dụng phương pháp này, bạn không cần phải định vị từng cấu phần theo cách thủ công. Các ứng dụng của bạn trở nên dễ duy trì và phản hồi hơn.

Thuộc tính hiển thị

• Gap – Khoảng cách theo điểm ảnh giữa các thành phần con bên trong lưới.
• Columns – Số cột trong bố trí lưới.
• Rows – Số hàng trong bố trí lưới.

Kích thước và vị trí

• X – Khoảng cách ngang từ cạnh trái của bộ chứa cha mẹ (hoặc màn hình nếu không có cha mẹ).
• Y – Khoảng cách dọc từ cạnh trên của bộ chứa mẹ (hoặc màn hình nếu không có vùng chứa mẹ).
• Chiều rộng – Khoảng cách giữa các cạnh trái và phải của điều khiển.
• Chiều cao – Khoảng cách giữa các cạnh trên cùng và dưới của điều khiển.
• Đệm - Khoảng cách giữa các cạnh của bộ chứa và các thành phần con của nó.

Màu và viền

• Màu – Màu mặt trước của bộ chứa, được sử dụng cho viền và văn bản nếu có.
• Biên giới
  • Kiểu – Loại viền: Nét đậm, Nét đứt, Chấm chấm hoặc Không có.
  • Độ dày – Chiều rộng của viền theo điểm ảnh.
  • Màu – Màu của viền.
• Bán kính đường viền – Độ mà các góc của bộ chứa được làm tròn. Bạn có thể áp dụng cài đặt này cho tất cả các góc thống nhất hoặc chia cài đặt thành các góc riêng lẻ trong cài đặt nâng cao.
• Bóng thả xuống – Hiệu ứng đổ bóng được áp dụng cho bộ chứa. Tùy chọn: Không, Sáng, Trung bình hoặc Nặng.

Khả năng hiển thị

• Visible – Bộ chứa lưới có được hiển thị hay không. Bật hoặc Tắt.

Thuộc tính bố trí lưới (dành riêng cho con)

• Cột Bắt đầu / Đầu Cột – Xác định các cột bắt đầu và kết thúc cho một cấu phần con.
• Hàng Bắt đầu / Đầu Hàng – Xác định hàng bắt đầu và kết thúc cho một cấu phần con.

Ví dụ

1. Tạo ứng dụng bức vẽ trống từ đầu với bố cục Phản hồi.

2. Tạo màn hình mới.

3. Từ ngăn Chèn bên dưới Bố trí, chọn Bộ chứa lưới.

4. Đặt thuộc tính bộ chứa để chiếm toàn màn hình:

   • X = 0
   • Y = 0
   • Chiều rộng = Parent.Width
   • Chiều cao = Parent.Height

5. Thêm một số cấu phần con, chẳng hạn như nút, đầu vào văn bản, biểu tượng và phương tiện. Đối với mỗi trẻ, hãy đặt thuộc tính vị trí lưới:

   • Cột Bắt đầu / Kết thúc
   • Bắt đầu / Kết thúc Hàng
   • Căn trong Ô

6. Nhấn F5 để xem trước. Đổi kích cỡ màn hình và quan sát cách các cấu phần con vẫn còn ở vị trí lưới và điều chỉnh phản hồi.