Chia sẻ qua

Tùy chọn kiểm soát Hình ảnh trong Power Apps

  • Bài viết

Tùy chọn kiểm soát hiển thị hình ảnh từ tệp cục bộ hoặc nguồn dữ liệu chẳng hạn.

Mô tả

Nếu thêm một hoặc nhiều tùy chọn kiểm soát Hình ảnh vào ứng dụng, bạn có thể hiển thị các hình ảnh riêng lẻ không thuộc tập dữ liệu hoặc bạn có thể kết hợp hình ảnh từ các bản ghi trong nguồn dữ liệu.

Thuộc tính khóa

Hình ảnh - Tên hoặc URL của hình ảnh xuất hiện trong tùy chọn kiểm soát 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 khả năng tương thích với các trình duyệt hiện đại.
  • Hình ảnh bên ngoài phải truy cập được ẩn danh (không có bất kỳ phương thức xác thực nào).

Thuộc tính bổ sung

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

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

AutoDisableOnSelect – Tự động tắt tùy chọn kiểm soát này khi chế độ OnSelect đang thực thi.

BorderColor – Màu viền của tùy chọn kiểm soát.

BorderStyle – Liệu viền của tùy chọn kiểm soát là Nét liền, Nét đứt, Chấm chấm hay Không có.

BorderThickness – Độ dày viền của tùy chọn kiểm soát.

CalculateOriginalDimensions – Bật thuộc tính OriginalHeight và OriginalWidth.

DisplayMode – Liệu tùy chọn kiểm soát này sẽ cho phép người dùng nhập (Chỉnh sửa), chỉ hiển thị dữ liệu (Xem) hay tắt (Tắt).

DisabledBorderColor – Màu viền của tùy chọn kiểm soát nếu thuộc tính DisplayMode của tùy chọn kiểm soát được đặt thành Tắt.

DisabledFill – Màu nền của tùy chọn kiểm soát nếu thuộc tính DisplayMode được đặt thành Tắt.

Fill – Màu nền của tùy chọn kiểm soát.

FlipHorizontal – Liệu có lật ngang hình ảnh trước khi hiển thị hay không.

FlipVertical – Liệu có lật dọc hình ảnh trước khi hiển thị hay không.

FocusedBorderColor – Màu viền của tùy chọn kiểm soát khi trỏ chuột vào tùy chọn kiểm soát đó.

FocusedBorderThickness – Độ dày viền của tùy chọn kiểm soát khi trỏ chuột vào tùy chọn kiểm soát đó.

Height – Khoảng cách giữa cạnh trên cùng và cạnh dưới cùng của tùy chọn kiểm soát.

HoverBorderColor – Màu viền của tùy chọn kiểm soát khi người dùng giữ con trỏ chuột trên tùy chọn kiểm soát đó.

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

ImagePosition – Vị trí (Tô, Vừa khít, Kéo giãn, Xếp kề hoặc Căn giữa) của hình ảnh trong màn hình hoặc tùy chọn kiểm soát nếu không có cùng kích thước hình ảnh.

ImageRotation – Cách xoay hình ảnh trước khi hiển thị. Các 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 – Các thao tác cần thực hiện khi người dùng chạm hoặc bấm vào một tùy chọn điều khiển.

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

OriginalWidth – Chiều rộng gốc của 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 tùy chọn kiểm soát và cạnh dưới cùng của tùy chọn kiểm soát đó.

PaddingLeft – Khoảng cách giữa văn bản trong tùy chọn kiểm soát và cạnh trái của tùy chọn kiểm soát đó.

PaddingRight – Khoảng cách giữa văn bản trong tùy chọn kiểm soát và cạnh phải của tùy chọn kiểm soát đó.

PaddingTop – Khoảng cách giữa văn bản trong tùy chọn kiểm soát và cạnh dưới cùng của tùy chọn kiểm soát đó.

PressedBorderColor – Màu viền của tùy chọn kiểm soát khi người dùng nhấn hoặc bấm vào tùy chọn kiểm soát đó.

PressedFill – Màu nền của tùy chọn kiểm soát khi người dùng nhấn hoặc bấm vào tùy chọn kiểm soát đó.

RadiusBottomLeft – Mức độ làm tròn góc dưới cùng bên trái của tùy chọn kiểm soát.

RadiusBottomRight – Mức độ làm tròn góc dưới cùng bên phải của tùy chọn kiểm soát.

RadiusTopLeft – Mức độ làm tròn góc trên cùng bên trái của tùy chọn kiểm soát.

RadiusTopRight – Mức độ làm tròn góc trên cùng bên phải của tùy chọn kiểm soát.

TabIndex – Thứ tự điều hướng bàn phím so với các tùy chọn kiểm soát khác.

Tooltip – Văn bản giải thích xuất hiện khi người dùng di chuột qua tùy chọn kiểm soát.

Transparency – Mức độ nhìn thấy tùy chọn kiểm soát phía sau hình ảnh. Giá trị thập phân dao động từ 0 đến 1. Trong đó 0 là mờ đục, 0,5 là bán trong suốt và 1 là trong suốt.

Visible – Liệu tùy chọn kiểm soát sẽ hiển thị hay bị ẩn.

Width – Khoảng cách giữa cạnh trái và cạnh phải của tùy chọn kiểm soát.

X – Khoảng cách giữa cạnh trái của tùy chọn kiểm soát và cạnh trái của vùng chứa chính (màn hình nếu không có vùng chứa chính).

Y – Khoảng cách giữa cạnh trên cùng của tùy chọn kiểm soát và cạnh trên cùng của vùng chứa chính (màn hình nếu không có vùng chứa chính).

Remove( DataSource, ThisItem )

Ví dụ

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

  1. Trên menu Tệp, hãy bấm hoặc nhấn vào Phương tiện, sau đó bấm hoặc nhấn vào Duyệt.

  2. Bấm hoặc nhấn vào tệp hình ảnh mà bạn muốn thêm, bấm hoặc nhấn vào Mở, sau đó nhấn Esc để quay lại không gian làm việc mặc định.

  3. Thêm tùy chọn kiểm soát Hình ảnh và đặt thuộc tính Hình ảnh thành tên tệp mà bạn đã thêm.

    Bạn không biết cách thêm và đặt cấu hình tùy chọn kiểm soát?

    Tùy chọn kiểm soát Hình ảnh hiển thị hình ảnh mà bạn đã chỉ định.

Hiển thị tập hợp hình ảnh từ mộ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, hãy tạo hoặc mở một ứng dụng, sau đó bấm hoặc nhấn vào Thêm nguồn dữ liệu ở ngăn bên phải.

    Nếu Thêm nguồn dữ liệu không xuất hiện ở ngăn bên phải, hãy bấm hoặc nhấn vào màn hình trong thanh điều 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, sau đó bấm hoặc nhấn vào Mở.

  4. Chọn hộp kiểm Ước tính mặt bằng, sau đó bấm hoặc nhấn vào Kết nối.

  5. Thêm tùy chọn kiểm soát Bộ sưu tập với các hình ảnh, rồi đặt thuộc tính Items thành FlooringEstimates.

    Bạn không biết cách thêm và đặt cấu hình tùy chọn kiểm soát?

    Tùy chọn kiểm soát Bộ sưu tập hiển thị hình ảnh về sản phẩm thảm, gỗ cứng và gạch 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

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

  • AccessibleLabel phải được thiết lập cho đồ họa quan trọng.

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

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

Quan trọng

Khi TabIndex bằng 0 hoặc lớn hơn, Hình ảnh này sẽ trở thành một nút. Hình thức của nó không thay đổi, nhưng trình đọc màn hình sẽ coi nó như một nút bấm. Chúng sẽ không bỏ qua sự kiểm soát, ngay cả khi AccessibleLabel trống.

Hỗ trợ bàn phím

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

  • Các chỉ báo tiêu điểm phải hiển thị rõ ràng, nếu đồ họa được dùng làm nút. Sử dụng FocusedBorderColor và FocusedBorderThickness để đạt được kết quả này.

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