Điều khiển hình ảnh trong Power Apps

Điều khiển hiển thị hình ảnh từ đó, ví dụ: tệp cục bộ hoặc nguồn dữ liệu.

Mô tả

Nếu bạn thêm một hoặc nhiều điều khiển Hình ảnh vào ứng dụng của mình, bạn có thể hiển thị từng hình ảnh không nằm trong tập dữ liệu hoặc bạn có thể kết hợp hình ảnh từ bản ghi trong các nguồn dữ liệu.

Thuộc tính khóa

Image – Tên hoặc URL của hình ảnh xuất hiện trong điều khiển hình ảnh, âm thanh hoặc micrô.

Lưu ý

  • Sử dụng HTTPS cho tất cả các hình ảnh bên ngoài để đảm bảo tương thích với các trình duyệt hiện đại.
  • Hình ảnh bên ngoài phải có thể truy nhập ẩn danh (không có bất kỳ xác thực nào).

Thuộc tính bổ sung

AccessibleLabel – Nhãn cho bộ đọc màn hình.

ApplyEXIFOrientation – Có tự động áp dụng hướng đã xác định trong dữ liệu EXIF được nhúng với hình ảnh hay không.

AutoDisableOnSelect – Tự động tắt điều khiển trong khi hành vi OnSelect đang thực thi.

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.

CalculateOriginalDimensions – Bật các thuộc tính OriginalHeightvà OriginalWidth .

DisplayMode – Điều khiển có cho phép người dùng nhập (Chỉnh sửa) hay không, chỉ hiển thị dữ liệu (Xem) hay bị tắt (Tắt).

DisabledBorderColor – Màu sắc của viền điều khiển nếu thuộc tính DisplayMode của điều khiển được đặt thành Tắt.

DisabledFill – Màu nền của điều khiển nếu thuộc tính DisplayMode của điều khiển đó được đặt thành Tắt.

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

FlipHorizontal – Có lật ảnh theo chiều ngang trước khi hiển thị ảnh hay không.

FlipVertical – Có lật ảnh theo chiều dọc trước khi hiển thị ảnh hay không.

FocusedBorderColor – Màu sắc của viền điều khiển khi điều khiển được tập trung.

FocusedBorderThickness – Độ dày của viền điều khiển khi điều khiển được tập trung.

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.

HoverBorderColor – Màu sắc của viền điều khiển khi người dùng giữ con trỏ chuột trên điều khiển đó.

HoverFill – Màu nền của điều khiển khi người dùng giữ con trỏ chuột trên đó.

ImagePosition – Vị trí (Điền, Vừa, Kéo giãn, Lát hoặc Giữa) của hình ảnh trên màn hình hoặc điều khiển nếu nó không cùng kích thước với hình ảnh.

ImageRotation – Cách xoay hình ảnh trước khi hiển thị. Giá trị có thể là không có, theo chiều kim đồng hồ (CW) 90 độ, ngược chiều kim đồng hồ (CCW) 90 độ và theo chiều kim đồng hồ 180 độ.

OnSelect – Hành động cần thực hiện khi người dùng nhấn hoặc bấm vào điều khiển.

OriginalHeight – Chiều cao ban đầu của một hình ảnh, được bật với thuộc tính CalculateOriginalDimensions .

OriginalWidth – Chiều rộng gốc của một hình ảnh, được bật với thuộc tính CalculateOriginalDimensions .

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 đó.

PressedBorderColor – Màu sắc của viền điều khiển khi người dùng nhấn hoặc bấm vào điều khiển đó.

PressedFill – Màu nền của điều khiển khi người dùng nhấn hoặc bấm vào điều khiể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.

TabIndex – Thứ tự dẫn hướng bàn phím liên quan đến các điều khiển khác.

Chú giải công cụ – Văn bản giải thích xuất hiện khi người dùng di chuột qua điều khiển.

Trong suốt – Mức độ kiểm soát đằng sau ảnh vẫn hiển thị. Giá trị thập phân nằm trong phạm vi từ 0 đến 1. Trong đó 0 mờ, 0,5 là bán trong suốt và 1 trong suốt.

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 một điều khiển và cạnh trái của vùng chứa cha của nó (màn hình nếu không có vùng chứa cha).

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

Remove( DataSource, ThisItem )

Ví dụ

Hiển thị ảnh từ tệp cục bộ

  1. Trên menu Tệp , bấm hoặc nhấn vào Phương tiện, rồi bấm hoặc nhấn vào Duyệt.

  2. Bấm hoặc nhấn vào tệp hình ảnh bạn muốn thêm, bấm hoặc gõ nhẹ vào Mở, rồi nhấn Esc để trở về không gian làm việc mặc định.

  3. Thêm điều khiển Hình ảnh và đặt thuộc tính Image cho tên tệp mà bạn đã thêm.

    Bạn không biết cách thêm và cấu hình điều khiển?

    Điều khiển Hình ảnh hiển thị hình ảnh mà bạn đã xác định.

Hiển thị một tập hợp hình ảnh từ nguồn dữ liệu

  1. Tải xuống tệp Excel này và lưu nó trên thiết bị cục bộ của bạn.

  2. Trong Power Apps Studio, tạo hoặc mở một ứng dụng, rồi bấm hoặc nhấn vào Thêm nguồn dữ liệu trong ngăn bên phải.

    Nếu Thêm nguồn dữ liệu không xuất hiện trong ngăn bên phải, hãy bấm hoặc nhấn vào một màn hình trong thanh dẫn hướng bên trái.

  3. Bấm hoặc nhấn vào Thêm dữ liệu tĩnh vào ứng dụng của bạn, bấm hoặc nhấn vào tệp Excel mà bạn đã tải xuống, rồi bấm hoặc nhấn vào Mở.

  4. Chọn hộp kiểm Ước tính Sàn, rồi bấm hoặc nhấn vào Kết nối.

  5. Thêm điều khiển Bộ sưu tập cùng với hình ảnh và đặt thuộc tính Itemsthành FlooringEstimates.

    Bạn không biết cách thêm và cấu hình điều khiển?

    Điều khiển Bộ sưu tập hiển thị hình ảnh của thảm, gỗ cứng và các sản phẩm lát dựa trên các liên kết trong tệp Excel mà bạn đã tải xuống.

Hướng dẫn hỗ trợ tiếp cận

Độ tương phản màu

  • Các yêu cầu về độ tương phản màu chuẩn được áp dụng nếu đồ họa được dùng làm nút.
  • Hãy cân nhắc việc kiểm tra các vấn đề về độ tương phản trong hình ảnh, nếu hình ảnh không hoàn toàn là trang trí.

Hỗ trợ bộ đọc màn hình

  • Phải đặt AccessibleLabel cho đồ họa quan trọng.

  • Nếu đồ họa dành cho trang trí hoặc cung cấp thông tin dư thừa, hãy để trống AccessibleLabel hoặc đặt thành chuỗi trống "" . Bộ đọc màn hình sẽ bỏ qua các đồ họa này.

Ví dụ: bạn có thể đặt Hình ảnh khóa móc bên cạnh Nhãn cho biết Không thể sửa đổi biểu mẫu này. Bạn không cần nhãn Trợ năng cho hình ảnh vì Nhãn đã giải thích ý nghĩa của nhãn.

Quan trọng

Khi TabIndex bằng không hoặc lớn hơn, Hình ảnh sẽ trở thành một nút. Diện mạo của ứng dụng không thay đổi nhưng bộ đọc màn hình sẽ coi đó như một nút. Họ sẽ không bỏ qua điều khiển, ngay cả khi AccessibleLabel trống.

Hỗ trợ bàn phím

  • TabIndex phải bằng không hoặc lớn hơn nếu đồ họa được dùng làm nút. Sau đó, người dùng bàn phím có thể dẫn hướng đến đó.

  • Chỉ báo tiêu điểm phải hiển thị rõ ràng, nếu đồ họa được sử dụng như một nút. Sử dụng FocusedBorderColorFocusedBorderThickness để đạt được kết quả này.