Chia sẻ qua

Tùy chọn kiểm soát thanh trượt trong Power Apps

  • Bài viết

Tùy chọn kiểm soát mà người dùng có thể chỉ định một giá trị bằng cách kéo núm điều khiển.

Mô tả

Người dùng có thể chọn một giá trị, trong khoảng từ giá trị tối thiểu đến giá trị tối đa mà bạn chỉ định, bằng cách kéo núm điều khiển của thanh trượt sang trái-phải hoặc lên-xuống, tùy thuộc vào hướng bạn chọn.

Thuộc tính chính

Default – Giá trị ban đầu của một tùy chọn kiểm soát trước khi người dùng thay đổi.

Max – Giá trị tối đa mà người dùng có thể đặt thanh trượt hoặc xếp hạng.

Min – Giá trị tối thiểu mà người dùng có thể đặt thanh trượt.

Value – Giá trị của một tùy chọn kiểm soát nhập.

Thuộc tính bổ sung

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

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.

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.

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

HandleActiveFill – Màu núm điều khiển của thanh trượt khi người dùng thay đổi giá trị của thanh trượt đó.

HandleFill – Màu núm điều khiển (phần tử thay đổi vị trí) trong tùy chọn kiểm soát bật/tắt hoặc thanh trượt.

HandleHoverFill – Màu núm điều khiển trong thanh trượt khi người dùng giữ con trỏ chuột trên thanh trượt đó.

HandleSize – Đường kính núm điều khiển.

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

Layout – Liệu người dùng sẽ cuộn qua bộ sưu tập hoặc điều chỉnh thanh trượt từ trên xuống dưới (Dọc) hay từ trái sang phải (Ngang).

OnChange – Các hành động cần thực hiện khi người dùng thay đổi giá trị của một điều khiển (ví dụ: bằng cách điều chỉnh thanh trượt).

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.

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

RailFill – Màu nền của hình chữ nhật trong tùy chọn kiểm soát bật/tắt khi giá trị là sai hoặc màu đường kẻ ở bên phải núm điều khiển trong tùy chọn kiểm soát thanh trượt.

RailHoverFill – Khi bạn di chuột trên tùy chọn kiểm soát bật/tắt hoặc thanh trượt, màu nền của hình chữ nhật trong tùy chọn kiểm soát bật/tắt khi giá trị là sai hoặc màu đường kẻ ở bên phải núm điều khiển trong tùy chọn kiểm soát thanh trượt.

ReadOnly – Liệu người dùng có thể thay đổi giá trị của thanh trượt hoặc tùy chọn kiểm soát xếp hạng hay không.

Reset – Liệu tùy chọn kiểm soát có hoàn nguyên về giá trị mặc định hay không.

ShowValue – Liệu giá trị của thanh trượt hoặc xếp hạng có xuất hiện khi người dùng thay đổi giá trị đó hoặc di chuột qua tùy chọn kiểm soát đó hay không.

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.

ValueFill – Màu nền của hình chữ nhật trong tùy chọn kiểm soát bật/tắt khi giá trị là đúng hoặc màu đường kẻ ở bên trái núm điều khiển trong tùy chọn kiểm soát thanh trượt.

ValueHoverFill – Khi bạn giữ con trỏ chuột trên tùy chọn kiểm soát bật/tắt hoặc thanh trượt, màu nền của hình chữ nhật trong tùy chọn kiểm soát bật/tắt khi giá trị là đúng hoặc màu đường kẻ ở bên trái núm điều khiển trong tùy chọn kiểm soát thanh trượ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).

Sum( Value1, Value2 )

Ví dụ

  1. Thêm một nút rồi đặt thuộc tính OnSelect của nút này thành công thức sau:
    ClearCollect(CityPopulations, {City:"London", Country:"United Kingdom", Population:8615000}, {City:"Berlin", Country:"Germany", Population:3562000}, {City:"Madrid", Country:"Spain", Population:3165000}, {City:"Rome", Country:"Italy", Population:2874000}, {City:"Paris", Country:"France", Population:2273000}, {City:"Hamburg", Country:"Germany", Population:1760000}, {City:"Barcelona", Country:"Spain", Population:1602000}, {City:"Munich", Country:"Germany", Population:1494000}, {City:"Milan", Country:"Italy", Population:1344000})

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

    Bạn muốn biết thêm thông tin về hàm ClearCollect hoặc các hàm khác?

  2. Nhấn F5, chọn nút rồi nhấn Esc.

  3. Thêm thanh trượt, di chuyển vào bên dưới nút và đặt tên thanh trượt là MinPopulation.

  4. Đặt thuộc tính Max của thanh trượt thành 5000000 và thuộc tính Min thành 1000000.

  5. Thêm bộ sưu tập văn bản theo hướng dọc/khổ dọc, di chuyển vào bên dưới thanh trượt và đặt thuộc tính Items của bộ sưu tập thành công thức sau:
    Filter(CityPopulations, Population > MinPopulation)

  6. Trong mục đầu tiên của bộ sưu tập, hãy đặt thuộc tính Văn bản của nhãn trên cùng thành ThisItem.City và đặt thuộc tính Văn bản của nhãn dưới cùng thành công thức sau:
    Text(ThisItem.Population, "##,###")

  7. Nhấn F5, rồi điều chỉnh MinPopulation để chỉ hiển thị những thành phố có dân số lớn hơn giá trị mà bạn chỉ định.

  8. Để quay lại không gian làm việc mặc định, hãy nhấn Esc.

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

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

Phải có độ tương phản màu thích hợp giữa:

  • ValueFill và RailFill
  • ValueHoverFill và RailHoverFill
  • FocusedBorderColor và màu bên ngoài tùy chọn kiểm soát
  • ValueFill và màu nền
  • RailFill và màu nền
  • ValueHoverFill và màu nền
  • RailHoverFill và màu nền

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

Hỗ trợ bàn phím

  • TabIndex phải bằng 0 hoặc lớn hơn để người dùng bàn phím có thể điều hướng đến đó.
  • Các chỉ báo tiêu điểm phải hiển thị rõ ràng. Sử dụng FocusedBorderColor và FocusedBorderThickness để đạt được điều này.
  • Giá trị thanh trượt phải hiển thị khi tương tác với bàn phím. Điều này có thể đạt được bằng bất kỳ phương thức nào sau đây:
    • Đặt ShowValue thành đúng.
    • Thêm Label bên cạnh thanh trượt. Đặt thuộc tính Văn bản của nhãn thành Value của thanh trượt.

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