Kontrol slider di Power Apps

  • Artikel

Kontrol di mana pengguna dapat menentukan nilai dengan menyeret gagang.

KETERANGAN

Pengguna dapat menunjukkan nilai, antara nilai minimum dan maksimum yang Anda tentukan, dengan menyeret gagang slider kiri-kanan atau atas-bawah, tergantung arah yang Anda pilih.

Properti utama

Default – Nilai awal kontrol sebelum pengguna mengubahnya.

Maks – Nilai maksimum yang dapat ditetapkan pengguna untuk slider atau peringkat.

Min – Nilai minimum yang dapat ditetapkan pengguna untuk slider atau rating.

Nilai – Nilai kontrol input.

Properti tambahan

AccessibleLabel – Label untuk pembaca layar.

BorderColor – Warna batas kontrol.

BorderStyle – Mengatur apakah batas kontrol Solid, Putus-Putus, Bertitik, atau Tidak Ada.

BorderThickness – Ketebalan batas kontrol.

DisplayMode – Mengatur apakah kontrol memungkinkan pengguna untuk menginput (Edit), hanya menampilkan data (Tampilkan), atau dinonaktifkan (Nonaktif).

DisabledBorderColor – Warna batas kontrol, jika properti DisplayMode dari kontrol diatur ke Nonaktif.

FocusedBorderColor – Warna batas kontrol saat kontrol difokuskan.

FocusedBorderThickness – Ketebalan batas kontrol saat kontrol difokuskan.

HandleActiveFill – Warna gagang slider saat pengguna mengubah nilainya.

HandleFill – Warna gagang (elemen yang mengubah posisi) dalam toggle atau kontrol slider.

HandleHoverFill – Warna gagang dalam sebuah slider saat pengguna mengarahkan penunjuk mouse di atasnya.

HandleSize – Diameter gagang.

Height – Jarak antara tepi atas dan bawah kontrol.

HoverBorderColor – Warna batas kontrol saat pengguna mengarahkan penunjuk mouse ke atas kontrol tersebut.

Tata letak -Apakah pengguna menggulir melalui galeri atau menyesuaikan slider atas ke bawah (Vertikal) atau kiri ke kanan (Horisontal).

OnChange – Tindakan untuk dilakukan saat pengguna mengubah nilai kontrol (misalnya, dengan menyesuaikan slider).

OnSelect – Tindakan untuk dilakukan ketika pengguna mengetuk atau mengeklik kontrol.

PressedBorderColor – Warna batas kontrol saat pengguna mengetuk atau mengklik kontrol tersebut.

RailFill – Warna latar belakang persegi panjang dalam kontrol pengalih jika nilainya adalah false atau warna garis di kanan gagang dalam kontrol slider.

RailHoverFill – Ketika Anda mengarahkan kursor ke kontrol pengalih atau slider, warna latar belakang dari persegi panjang di kontrol pengalih ketika nilainya false atau warna garis di sebelah kanan gagang di kontrol slider.

ReadOnly – Mengatur apakah pengguna dapat mengubah nilai slider atau kontrol rating.

Reset – Mengatur apakah suatu kontrol kembali ke nilai default.

ShowValue – Mengatur apakah nilai slider atau rating muncul saat pengguna mengubah nilai atau mengarahkan kursor ke kontrol.

TabIndex – Perintah navigasi keyboard terkait dengan kontrol lainnya.

Tooltip – Teks penjelasan yang muncul ketika pengguna mengarahkan mouse ke atas kontrol.

ValueFill – Warna latar belakang persegi panjang dalam kontrol pengalih jika nilainya adalah true atau warna garis di kiri gagang dalam kontrol slider.

ValueHoverFill – Ketika Anda menahan penunjuk mouse pada kontrol pengalih atau slider, warna latar belakang dari persegi panjang di kontrol pengalih ketika nilainya true atau warna garis di sebelah kanan gagang di kontrol slider.

Visible – Mengatur apakah kontrol akan muncul atau tersembunyi.

Width – Jarak antara tepi kiri dan kanan kontrol.

X – Jarak antara tepi kiri kontrol dan tepi kiri wadah induknya (layar, jika tidak ada wadah induk).

Y – Jarak antara tepi atas dan tepi atas wadah induk (layar, jika tidak ada wadah induk).

Jumlah( Value1, Value2 )

Contoh

  1. Tambahkan tombol dan atur properti OnSelect ke formula ini:
    ClearCollect(CityPopulations, {Kota:"London", Negara:"Inggris", Populasi:8615000}, {Kota:"Berlin", Negara:"Jerman", Populasi:3562000}, {Kota:"Madrid", Negara:"Spanyol", Populasi:3165000}, {Kota:"Roma", Negara:"Italia", Populasi:2874000}, {Kota:"Paris", Negara:"Prancis", Populasi:2273000}, {Kota:"Hamburg", Negara:"Jerman", Populasi:1760000}, {Kota:"Barcelona", Negara:"Spanyol", Populasi:1602000}, {Kota:"Munich", Negara:"Jerman", Populasi:1494000}, {Kota:"Milan", Negara:"Italia", Populasi:1344000})

    Anda tidak tahu cara menambahkan, menamai, dan mengonfigurasi kontrol?

    Ingin informasi lebih lanjut tentang fungsi ClearCollect atau fungsi lainnya?

  2. Tekan F5 dan pilih tombol, lalu tekan Esc.

  3. Tambahkan slider, pindahkan ke bawah tombol dan beri nama slider MinPopulation.

  4. Atur properti Maks slider ke 5000000 dan properti Min slider ke 1000000.

  5. Tambahkan galeri teks dalam orientasi vertikal/potret, pindahkan ke bawah slider dan atur properti Item galeri ke formula ini:
    Filter(CityPopulations, Population > MinPopulation)

  6. Di item pertama galeri, atur properti Teks label atas ke ThisItem.City dan atur properti Teks label bawah ke formula ini:
    Text(ThisItem.Population, "##,###")

  7. Tekan F5, lalu sesuaikan MinPopulation untuk hanya menampilkan kota yang memiliki populasi lebih besar dari nilai yang Anda tentukan.

  8. Untuk kembali ke ruang kerja default, tekan Esc.

Panduan aksesibilitas

Kontras warna

Harus ada kontras warna yang memadai antara:

  • ValueFill dan RailFill
  • ValueHoverFill dan RailHoverFill
  • FocusedBorderColor dan warna di luar kontrol
  • ValueFill dan warna latar belakang
  • RailFill dan warna latar belakang
  • ValueHoverFill dan warna latar belakang
  • RailHoverFill dan warna latar belakang

Dukungan pembaca layar

Dukungan keyboard

  • TabIndex harus nol atau lebih besar supaya pengguna keyboard dapat menavigasi ke arahnya.
  • Indikator fokus harus terlihat jelas. Gunakan FocusedBorderColor dan FocusedBorderThickness untuk mencapai hal ini.
  • Nilai slider harus ditampilkan saat berinteraksi dengan keyboard. Hal ini dapat diperoleh dengan salah satu metode berikut:
    • Atur ShowValue ke true.
    • Tambahkan Label berdampingan dengan slider. Atur Teks label ke Nilai slider.

Catatan

Apa bahasa dokumentasi yang Anda inginkan? Lakukan survei singkat. (perlu diketahui bahwa survei ini dalam bahasa Inggris)

Survei akan berlangsung kurang lebih selama tujuh menit. Tidak ada data pribadi yang dikumpulkan (pernyataan privasi).