Điều khiển bộ chứa ngang trong Power Apps

Điều khiển bộ chứa ngang xác định vị trí của các thành phần con để bạn không bao giờ phải đặt X, Y cho một thành phần bên trong bộ chứa.

Sự miêu tả

Điều khiển bộ chứa ngang phân phối không gian sẵn có cho các thành phần con của nó dựa trên các cài đặt, cũng như xác định căn chỉnh các thành phần con.

Thuộc tính

BorderColor – Màu của viền điều khiển.

BorderStyle – Viền của điều khiển là Rắn, Nét đứt, Chấm chấm hay Không.

BorderThickness – Độ dày của viền điều khiển.

Color - Màu sắc của điều khiển container.

Bóng thả - Thêm hiệu ứng đổ bóng xung quanh điều khiển.

Tô – Màu nền 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.

Direction - Xác định theo hướng mà bộ chứa bố trí các thành phần con của nó. Ngang và Dọc.

Căn đều (dọc) - Xác định cách các phần tử con được căn với trục chính. Bắt đầu, kết thúc, căn giữa, khoảng cách giữa.

Align (Horizontal) - Xác định cách các cấu phần con được định vị trong bộ chứa, trong trục tắt (đối diện với LayoutDirection). Bắt đầu, căn giữa, kết thúc, kéo giãn.

Gap - Xác định không gian giữa các bộ chứa các thành phần con theo điểm ảnh.

Tràn Ngang - Xác định bộ chứa hiển thị thanh cuộn hay loại bỏ nội dung khi quá lớn để vừa. Cuộn và Ẩn.

RadiusBottomLeft – Mức độ mà góc dưới cùng bên trái của điều khiển được làm tròn.

RadiusBottomRight – Mức độ mà góc dưới cùng bên phải của điều khiển được làm tròn.

RadiusTopLeft – Mức độ mà góc trên cùng bên trái của điều khiển được làm tròn.

RadiusTopRight – Mức độ mà góc trên cùng bên phải của điều khiển được làm tròn.

Tràn Dọc - Xác định xem bộ chứa hiển thị thanh cuộn hay loại bỏ nội dung khi quá lớn để vừa. Cuộn và Ẩn.

Ngắt dòng - Xác định xem nội dung ngắt dòng sang hàng hoặc cột mới khi không thể vừa.

Căn trong bộ chứa - Xác định cách liên kết cấu phần riêng lẻ với cấu phần mẹ. Giá trị mặc định, Được đặt theo bộ chứa, LayoutAlignItems kế thừa giá trị từ thuộc tính của cha mẹ, trong khi các thuộc tính khác có thể được sử dụng để tùy chỉnh căn chỉnh cho cấu phần con riêng lẻ. Đặt theo bộ chứa, Bắt đầu, Kết thúc, Căn giữa và Kéo giãn.

Điền các phần - Xác định cách các thành phần riêng lẻ phát triển khi có nhiều bất động sản màn hình được gán cho cha mẹ của nó. Số này thể hiện phần của khoảng trắng bổ sung được cung cấp cho cấu phần trong số tất cả không gian bổ sung sẵn có mà con của phần tử cha mẹ yêu cầu. Ví dụ: nếu trẻ A Fill portions đã đặt thành 1 và trẻ B đã đặt thành 2, trẻ A Fill portions sẽ nhận được 1/3 dung lượng trống bổ sung trong khi trẻ B nhận được 2/3 dung lượng trống bổ sung.

Chiều rộng tối thiểu - Đại diện cho kích cỡ tối thiểu của cấu phần theo Fill portions hướng của (có nghĩa là của cha mẹ Direction).

PaddingBottom – Khoảng cách giữa văn bản trong điều khiển và cạnh dưới của điều khiển đó.

PaddingLeft – Khoảng cách giữa văn bản trong điều khiển và cạnh trái của điều khiển đó.

PaddingRight – Khoảng cách giữa văn bản trong điều khiển và cạnh phải của điều khiển đó.

PaddingTop – Khoảng cách giữa văn bản trong điều khiển và cạnh trên của điều khiển đó.

Hiển thị – Cho dù điều khiển xuất hiện hay bị ẩn.

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.

X – Khoảng cách giữa cạnh trái của điều khiển và cạnh trái của bộ chứa mẹ (màn hình nếu không có bộ chứa cha mẹ).

Y – Khoảng cách giữa cạnh trên của điều khiển và cạnh trên của bộ chứa cha mẹ (màn hình nếu không có bộ chứa cha mẹ).

Ví dụ:

1. Tạo ứng dụng bức vẽ trống với bốtrí Máy tính bảng.

2. Chọn Cài đặt Tệp>Kích>cỡ màn hình + hướng và tắt Co giãn cho vừa, Khóa tỷ lệ khung ảnh và Hướng khóa , rồi chọn Áp dụng.

3. Bây giờ từ ngăn Chèn trong thanh bên trái, bên dưới tab Bố trí, chọn Bộ chứa ngang.

   

4. Đặt các thuộc tính sau để chiếm không gian sẵn dùng đầy đủ của màn hình:

   1. X = 0
   2. Y= 0
   3. Chiều rộng = Parent.Width
   4. Chiều cao = Mẹ. Chiều cao

5. Thêm một số nút, đầu vào văn bản, phương tiện, biểu tượng và chọn F5 để xem cách ứng dụng điều chỉnh cho màn hình thay đổi.