Kongsi melalui

Kawalan butang dalam Power Apps

  • Artikel

Kawalan yang boleh diklik atau diketik oleh pengguna untuk berinteraksi dengan aplikasi.

Penerangan

Konfigurasikan sifat OnSelect bagi kawalan Butang untuk menjalankan satu atau lebih formula apabila pengguna mengklik atau mengetik kawalan.

Sifat kunci

OnSelect – Tindakan untuk dilaksanakan apabila pengguna mengetik atau mengklik kawalan.

Teks – Teks yang dipaparkan pada kawalan atau yang ditaip oleh pengguna dalam kawalan.

Sifat tambahan

Align – Lokasi teks berbanding dengan kawalan pusat mendatarnya.

AutoDisableOnSelect – Menyahdayakan kawalan secara automatik semasa tingkah laku OnSelect berjalan.

BorderColor – Warna sempadan kawalan.

BorderStyle – Sama ada sempadan kawalan adalah Kukuh, Putus-putus, Bertitik atau Tiada.

BorderThickness – Ketebalan sempadan kawalan.

Color – Warna teks dalam kawalan.

DisplayMode – Sama ada kawalan membenarkan input pengguna (Edit), hanya memaparkan data (Lihat), atau dinyahdayakan (Dinyahdayakan).

DisabledBorderColor – Warna sempadan kawalan jika sifat kawalan DisplayMode ditetapkan kepada Dinyahdaya.

DisabledColor – Warna latar belakang kawalan jika sifat DisplayMode ditetapkan kepada Dinyahdaya.

DisabledFill – Warna latar belakang kawalan jika sifat DisplayMode ditetapkan kepada Dinyahdaya.

FocusedBorderColor – Warna sempadan kawalan apabila kawalan terfokus.

FocusedBorderThickness – Ketebalan sempadan kawalan apabila kawalan terfokus.

Isi – Warna latar belakang kawalan.

Fon – Nama keluarga fon dalam teks yang dipaparkan.

BeratFon – Berat teks dalam kawalan: Tebal, Separa Tebal, Biasa atau Lebih Cerah.

Tinggi – Jarak antara kawalan sisi atas dan bawah.

HoverBorderColor – Warna sempadan kawalan apabila pengguna memastikan penunjuk tetikus pada kawalan tersebut.

HoverColor – Warna teks dalam kawalan apabila pengguna memastikan penunjuk tetikus padanya.

HoverFill – Warna latar belakang kawalan apabila pengguna memastikan penunjuk tetikus padanya.

Italik – Sama ada teks dalam kawalan adalah italik.

PaddingBottom – Jarak antara teks dalam kawalan dan sisi bawah kawalan itu.

PaddingLeft – Jarak antara teks dalam kawalan dan sisi kiri kawalan itu.

PaddingRight – Jarak antara teks dalam kawalan dan sisi kanan kawalan itu.

PaddingTop – Jarak antara teks dalam kawalan dan sisi atas kawalan itu.

Tekan – Benar apabila kawalan sedang ditekan, palsu jika sebaliknya.

PressedBorderColor – Warna sempadan kawalan apabila pengguna ketik atau klik kawalan itu.

PressedColor – Warna teks dalam kawalan apabila pengguna ketik atau klik kawalan tersebut.

PressedFill – Warna latar belakang kawalan apabila pengguna ketik atau klik kawalan tersebut.

RadiusBottomLeft – Darjah sudut kiri bawah kawalan yang dibulatkan.

RadiusBottomRight – Darjah sudut kanan bawah kawalan yang dibulatkan.

RadiusTopLeft – Darjah sudut kiri atas kawalan yang dibulatkan.

RadiusTopRight – Darjah sudut kanan atas kawalan yang dibulatkan.

Saiz – Saiz fon teks yang dipaparkan pada kawalan.

Garis lorek – Sama ada garis dipaparkan melalui teks yang dipaparkan pada kawalan.

TabIndex – Pesanan navigasi papan kekunci berbanding dengan kawalan lain.

Tooltip – Teks penjelasan yang dipaparkan apabila pengguna hover ke atas kawalan.

Garis bawah – Sama ada garis dipaparkan bawah teks yang dipaparkan pada kawalan.

VerticalAlign – Lokasi teks pada kawalan yang berkaitan dengan tengah menegak kawalan.

Boleh dilihat – Sama ada kawalan dipaparkan atau disembunyikan.

Lebar – Jarak antara sisi kiri dan kanan kawalan.

X – Jarak antara bucu kiri kawalan dan bucu kiri bekas induk (skrin jika tiada bekas induk).

Y – Jarak antara bucu atas kawalan dengan bucu atas bekas induk (skrin jika tiada bekas induk).

Navigasi( ScreenName, ScreenTransitionValue )

Contoh

Tambah formula asas ke butang

  1. Tambah kawalan Text input, dan namakannya Sumber.

    Tidak tahu cara tambah, nama dan konfigurasi kawalan?

  2. Tambah kawalan Butang, tetapkan sifat Teks ke "Tambah", dan tetapkan sifat OnSelect ke formula ini:
    UpdateContext({Total:Total + Value(Source.Text)})

    Mahukan maklumat lanjut tentang fungsi UpdateContext atau fungsi yang lain?

  3. Tambah kawalan label, tetapkan sifat Teks dalam bar formula untuk Nilai (Jumlah) dan kemudian tekan F5.

  4. Kosongkan teks lalai daripada Sumber, taip nombor ke dalamnya, dan kemudian klik atau ketik Tambah.

    Kawalan Label menunjukkan nombor yang anda telah taip.

  5. Kosongkan nombor daripada Sumber, taip nombor yang lain ke dalamnya, dan kemudian klik atau ketik Tambah.

    Kawalan Label menunjukkan jumlah dua nombor yang anda telah taip.

  6. (pilihan) Ulangi langkah terdahulu satu atau banyak kali.

  7. Untuk mengembalikan ruang kerja lalai, tekan Esc (atau klik atau ketik ikon tutup di sudut kanan atas).

Konfigurasikan butang dengan berbilang formula

Tambah formula yang mengosongkan kawalan Input teks antara kemasukan.

  1. tetapkan sifat HintText bagi Sumber untuk "Masukkan nombor".

  2. Tetapkan sifat OnSelect bagi Tambah ke formula ini:

    UpdateContext({Total:Total + Value(Source.Text)});
    UpdateContext({ClearInput: ""})

    Nota

    Asingkan berbilang formula dengan titik bertindih “;”.

  3. Tetapkan sifat Default bagi Sumber ke ClearInput.

  4. Tekan F5, dan kemudian uji aplikasi dengan menambah beberapa nombor bersama.

Tambah butang yang lain untuk menetap semula jumlah

Tambah butang kedua untuk mengosongkan jumlah antara pengiraan.

  1. Tambah kawalan Butang yang lain, tetapkan sifat Teks ke "Kosongkan", dan tetapkan sifat OnSelect ke formula ini:

    UpdateContext({Total:0})

  2. Tekan F5, tambah beberapa nombor bersama, dan kemudian klik atau ketik Kosongkan untuk menetap semula jumlah.

Ubah penampilan butang

Ubah bentuk butang

Secara lalai, Power Apps mencipta kawalan Butang segi empat tepat dengan sudut yang dibulatkan. Anda boleh melakukan pengubahsuaian asas kepada bentuk kawalan Butang dengan menetapkan sifat Tinggi, Lebar, dan Jejari.

Nota

Ikon dan Bentuk menyediakan pelbagai reka bentuk dan boleh melaksanakan beberapa fungsi asas yang sama seperti kawalan Butang. Walau bagaimanapun, Ikon dan Bentuk tidak mempunyai sifat Teks.

  1. Tambah kawalan Butang, dan tetapkan sifat Tinggi dan Lebar ke 300 untuk membuat butang segi empat sama yang besar.

  2. Ubah suai sifat RadiusTopLeft, RadiusTopRight, RadiusBottomLeft, dan RadiusBottomRight untuk melaraskan amaun kelengkungan pada setiap sudut. Berikut adalah beberapa contoh bentuk yang berbeza, setiap satunya bermula daripada butang segi empat sama 300 x 300:

Ubah warna butang apabila anda menuding kepadanya

Secara lalai, warna isian kawalan Butang akan malap sebanyak 20% apabila anda menudingkannya dengan tetikus. Anda boleh melaraskan tingkah laku ini dengan mengubah sifat HoverFill, yang menggunakan fungsi ColorFade. Jika anda tetapkan formula ColorFade ke peratus positif, warna akan menjadi lebih cerah apabila anda menuding ke butang, manakala peratus negatif menjadikan warna lebih gelap.

  • Ubah peratus ColorFade dalam sifat HoverFill bagi salah satu butang yang anda cipta, dan perhatikan kesannya.

Anda juga boleh menentukan kawalan Butang dengan menetapkan sifat HoverFill ke formula yang mengandungi fungsi ColorValue berbanding fungsi ColorFade, seperti ColorValue("Red").

Nota

Nilai warna boleh menjadi sebarang definisi warna CSS, sama ada nama atau nilai heks.

  • Gantikan fungsi ColorFade dengan fungsi ColorValue dalam salah satu butang yang anda cipta, dan perhatikan kesannya.

Garis panduan kebolehcapaian

Kontras warna

Sokongan pembaca skrin

Sokongan papan kekunci

Nota

Adakah anda boleh memberitahu kami tentang keutamaan bahasa dokumentasi anda? Jawab tinjauan pendek. (harap maklum bahawa tinjauan ini dalam bahasa Inggeris)

Tinjauan akan mengambil masa lebih kurang tujuh minit. Tiada data peribadi akan dikumpulkan (pernyataan privasi).