Chia sẻ qua

Tùy chọn kiểm soát Hình dạng và Biểu tượng trong Power Apps

  • Bài viết

Đồ họa mà bạn có thể đặt cấu hình thuộc tính xuất hiện và chế độ.

Mô tả

Các tùy chọn kiểm soát này bao gồm mũi tên, hình dạng hình học, biểu tượng hành động và ký hiệu mà bạn có thể đặt cấu hình các thuộc tính như tô, kích thước và vị trí. Bạn cũng có thể đặt cấu hình thuộc tính OnSelect để ứng dụng phản hồi nếu người dùng chọn tùy chọn kiểm soát đó.

Thuộc tính chính (biểu tượng và hình dạng)

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

OnSelect – Các thao tác cần thực hiện khi người dùng chọn một tùy chọn điều khiển.

Thuộc tính chính (chỉ biểu tượng)

Icon - Loại biểu tượng sẽ hiển thị (ví dụ: ArrowDown hoặc ShoppingCart).

Rotation - Mức độ xoay biểu tượng.

Color - Màu của biểu tượng theo tên hoặc giá trị RGBA.

Thuộc tính bổ sung

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

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

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.

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

PressedBorderColor – Màu viền của tùy chọn kiểm soát khi người dùng chọn 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 chọn 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.

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

Navigate( ScreenName, ScreenTransition )

Ví dụ

  1. Đặt tên cho tùy chọn kiểm soát Screen mặc định là Đích, thêm tùy chọn kiểm soát Label, rồi đặt thuộc tính Văn bản thành hiển thị Đích.

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

  2. Thêm tùy chọn kiểm soát Screen và đặt tên là Nguồn.

  3. Trong Nguồn, thêm tùy chọn kiểm soát Hình dạng và đặt thuộc tính OnSelect thành công thức sau:

Navigate(Target, ScreenTransition.Fade)

  1. Nhấn F5, sau đó chọn tùy chọn kiểm soát Hình dạng.

    Màn hình Đích hiển thị.

  2. (không bắt buộc) Nhấn Esc để quay lại không gian làm việc mặc định, thêm tùy chọn kiểm soát Hình dạng vào Đích, rồi đặt thuộc tính OnSelect của tùy chọn kiểm soát Hình dạng thành công thức sau:

Navigate(Source, ScreenTransition.Fade)

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

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

Những thuộc tính sau đây chỉ áp dụng cho đồ họa dùng làm nút hoặc không chỉ nhằm mục đích trang trí.

Đối với biểu tượng:

Đối với hình dạng có viền:

  • BorderColor và màu bên ngoài tùy chọn kiểm soát
  • FocusedBorderColor và màu bên ngoài tùy chọn kiểm soát (nếu được dùng làm nút)

Đối với hình dạng không có viền:

  • Fill và màu bên ngoài tùy chọn kiểm soát
  • PressedFill và màu bên ngoài tùy chọn kiểm soát (nếu được dùng làm nút)
  • HoverFill và màu bên ngoài tùy chọn kiểm soát (nếu được dùng làm nút)

Hỗ trợ trình đọ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 biểu tượng 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 biểu tượng 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, biểu tượng hoặc hình dạng 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. Khi TabIndex nhỏ hơn 0, trình đọc màn hình coi biểu tượng hoặc hình dạng như một hình ảnh.

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