Bagikan melalui

Kontrol timer di Power Apps

  • Artikel

Kontrol yang dapat menentukan cara aplikasi merespons setelah jangka waktu tertentu berlalu.

KETERANGAN

Timer dapat, misalnya, menentukan seberapa lama kontrol muncul atau mengubah properti kontrol setelah beberapa waktu berlalu.

Catatan

Di Power Apps Studio, timer hanya berjalan dalam mode Pratinjau.

Properti utama

Durasi – Berapa lama timer berjalan dalam milidetik. Maksimum adalah 24 jam dinyatakan dalam milidetik. Nilai default adalah 60 detik.

OnTimerEnd – Tindakan untuk dilakukan saat timer selesai berjalan.

Ulangi – Mengatur apakah timer secara otomatis dimulai ulang ketika selesai berjalan.

Properti tambahan

Align – Lokasi teks sehubungan dengan pusat horizontal kontrolnya.

AutoPause – Mengatur apakah kontrol timer akan dijeda secara otomatis, jika pengguna menavigasi ke layar yang berbeda.

AutoStart – Mengatur apakah kontrol timer akan dimulai secara otomatis saat pengguna menavigasi ke layar yang berisi kontrol tersebut.

BorderColor – Warna batas kontrol.

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

BorderThickness – Ketebalan batas kontrol.

Warna – Warna teks dalam 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.

DisabledColor – Warna teks dalam kontrol, jika properti DisplayMode diatur ke Nonaktif.

DisabledFill – Warna latar belakang, jika properti DisplayMode diatur ke Nonaktif.

Fill – Warna latar belakang kontrol.

FocusedBorderColor – Warna batas kontrol saat kontrol difokuskan.

FocusedBorderThickness – Ketebalan batas kontrol saat kontrol difokuskan.

Font – Nama kelompok fon untuk menampilkan teks.

FontWeight – Berat teks dalam sebuah kontrol: Tebal, Semitebal, Normal, atau Ringan.

Height – Jarak antara tepi atas dan bawah kontrol.

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

HoverColor – Warna teks dalam sebuah kontrol saat pengguna mengarahkan penunjuk mouse di atasnya.

HoverFill – Warna latar kontrol saat pengguna mengarahkan penunjuk mouse di atasnya.

Italic – Mengatur apakah teks dalam sebuah kontrol menjadi miring.

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

OnTimerStart – Tindakan untuk dilakukan saat timer mulai berjalan.

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

PressedColor – Warna teks dalam kontrol saat pengguna mengetuk atau mengeklik kontrol tersebut.

PressedFill – Warna latar kontrol saat pengguna mengetuk atau mengeklik kontrol tersebut.

Reset – Mengatur apakah suatu kontrol kembali ke nilai default.

Size – Ukuran fon teks yang muncul pada kontrol.

Mulai – Mengatur kapan timer dimulai.

Strikethrough – Mengatur apakah akan muncul garis yang melalui teks yang ada pada kontrol.

TabIndex – Perintah navigasi keyboard terkait dengan kontrol lainnya.

Teks – Teks yang muncul pada kontrol atau yang diketikkan oleh pengguna ke dalam kontrol.

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

Underline – Mengatur apakah akan muncul garis di bawah teks yang ada pada kontrol.

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

Perbarui( DataSource )

Contoh

Tampilkan hitungan mundur

  1. Tambahkan timer dan beri nama Hitung Mundur.

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

  2. Atur properti Durasi timer ke 10000 dan properti Ulangi dan Autostart ke true.

  3. (opsional) Buat timer lebih mudah dibaca dengan mengatur properti Tinggi ke 160, properti Lebar ke 600 dan properti Ukuran ke 60.

  4. Tambahkan label dan atur properti Teks ke formula ini:
    "Jumlah detik tersisa: " & RoundUp(10-Countdown.Value/1000, 0)

    Ingin informasi lebih lanjut tentang fungsi Pembulatan ke atas atau fungsi lainnya?

    Label menunjukkan jumlah detik yang tersisa sebelum timer dimulai ulang.

Menganimasikan kontrol

  1. Tambahkan timer dan beri nama FadeIn.

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

  2. Atur properti Durasi timer ke 5000, properti Ulangi ke true, dan properti Teks ke Animasi Pengalihan.

  3. (opsional) Buat timer lebih mudah dibaca dengan mengatur properti Tinggi ke 160, properti Lebar ke 600 dan properti Ukuran ke 60.

  4. Tambahkan label, atur properti Teks untuk menampilkan Selamat Datang! dan atur properti Warna ke formula ini:
    ColorFade(Color.BlueViolet, FadeIn.Value/5000)

    Ingin informasi lebih lanjut tentang fungsi ColorFade atau fungsi lainnya?

  5. Pilih tombol timer untuk memulai atau menghentikan animasi. Teks di label memudar ke putih, kembali ke intensitas penuh dan mengulangi prosesnya.

Panduan aksesibilitas

Panduan yang sama untuk kontrol Button berlaku untuk kontrol Timer jika pengguna dapat berinteraksi dengannya.

Timer di latar belakang

Timer di latar belakang berjalan secara otomatis dan disembunyikan. Gunakan mereka dalam peran pendukung di mana waktu yang telah berlalu sedikit menarik bagi pengguna. Misalnya, Anda dapat memperbarui data setiap menit atau menampilkan pesan pemberitahuan hanya selama waktu tertentu.

Timer di latar belakang harus mengatur properti Terlihat ke false sehingga disembunyikan dari semua pengguna.

Pertimbangan waktu

Jika Timer berjalan secara otomatis, pertimbangkan apakah pengguna memiliki cukup waktu untuk membaca dan menggunakan konten. Pengguna keyboard dan pembaca layar mungkin memerlukan waktu lebih lama untuk bereaksi terhadap aktivitas yang ditentukan waktunya.

Salah satu strategi ini cukup:

  • Memungkinkan pengguna membatalkan aktivitas yang ditentukan waktunya.
  • Memungkinkan pengguna untuk menyesuaikan batas waktu sebelum dimulai.
  • Memperingatkan 20 detik sebelum batas waktu berakhir dan berikan cara yang mudah untuk memperpanjang batas waktu.

Beberapa skenario dikecualikan dari persyaratan ini. Pelajari lebih lanjut di Panduan WCAG 2.0 untuk batas waktu.

Dukungan pembaca layar

  • Jika timer memicu perubahan pada layar saat ini, gunakan Area live untuk memberi tahu pengguna pembaca layar apa yang berubah.

    Catatan

    Jika timer terlihat dan berjalan, pembaca layar akan mengumumkan waktu yang telah berlalu setiap lima detik.

  • Jangan gunakan properti Teks kontrol untuk informasi yang sensitif terhadap waktu dan penting. Pembaca layar tidak akan mengumumkan perubahan terhadap Teks.

  • Untuk timer interaktif:

    • Teks harus ada.
    • Pertimbangkan untuk menambahkan kontrol Label untuk menampilkan waktu yang telah berlalu. Gunakan properti Teks timer untuk memerintahkan pengguna untuk memulai atau menghentikan timer.

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