Chia sẻ qua

Điều khiển thanh trượt trong Power Apps

Điều khiển mà người dùng có thể xác định giá trị bằng cách kéo núm điều khiển.

Description

Người dùng có thể cho biết một giá trị, giữa giá trị tối thiểu và 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 hoặc lên trên, tùy thuộc vào hướng bạn chọn.

Thuộc tính khóa

Mặc định – Giá trị ban đầu của điều khiển trước khi người dùng thay đổi.

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

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

Value – Giá trị của điều khiển đầu vào.

Thuộc tính bổ sung

AccessibleLabel – Nhãn cho bộ đọc màn hì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.

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.

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.

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

HandleFill – Màu của núm điều khiển (yếu tố thay đổi vị trí) trong điều khiển chuyển đổi hoặc thanh trượt.

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

HandleSize – Đường kính của tay cầm.

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

Bố trí – Người dùng cuộn qua bộ sưu tập hay đ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 điều khiển (ví dụ: bằng cách điều chỉnh con trượt).

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.

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

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

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

ReadOnly – Người dùng có thể thay đổi giá trị của thanh trượt hoặc điều khiển xếp loại hay không.

Đặt lại – Điều khiển có hoàn nguyên về giá trị mặc định của nó hay không.

ShowValue – Giá trị của con trượt hay xếp loại xuất hiện khi người dùng thay đổi giá trị đó hoặc di chuột qua điều khiể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.

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

ValueHoverFill – Khi bạn giữ con trỏ chuột trên điều khiển bật tắt hoặc thanh trượt, màu nền của hình chữ nhật trong điều khiển chuyển đổi khi giá trị của nó đúng hoặc màu của đường thẳng bên trái của núm điều khiển trong điều khiển thanh trượ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).

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", Dân số:2874000}, {City:"Paris", Quốc gia:"Pháp", Dân số:2273000}, {City:"Hamburg", Quốc gia:"Đức", Dân số:1760000}, {City:"Barcelona", Quốc gia:"Tây Ban Nha", Dân số:1602000}, {City:"Munich", Quốc gia:"Đức", Dân số:1494000}, {City:"Milan", Quốc gia:"Ý", Dân số:1344000})

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

    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 con trượt, di chuyển con trượt xuống dưới nút và đặt tên con trượt là MinPopulation.

  4. Đặt thuộc tính Tối đa của con 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/dọc, di chuyển nó xuống dưới con trượt và đặt thuộc tính Mục của bộ sưu tập cho công thức này:
    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 này:
    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. Để trở về không gian làm việc mặc định, 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 đầy đủ giữa:

  • ValueFill và RailFill
  • ValueHoverFill và RailHoverFill
  • FocusedBorderColor và màu sắc bên ngoài điều khiển
  • 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 không hoặc lớn hơn để người dùng bàn phím có thể dẫn hướng đến đó.
  • Chỉ báo tiêu điểm phải được hiển thị rõ ràng. Sử dụng FocusedBorderColor và FocusedBorderThickness để đạt được điều này.
  • Giá trị con trượt phải được 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 pháp nào sau đây:
    • Đặt ShowValue làtrue.
    • Thêm Nhãn liền kề với con trượt. Đặt Văn bản của nhãn thành Giá trị của con trượt.
  • Last updated on