Kawalan butang dalam Power Apps

Kawalan yang boleh diklik atau ketik oleh pengguna untuk berinteraksi dengan apl.

Keterangan

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

Sifat kunci

OnSelect – Tindakan yang perlu dilakukan apabila pengguna mengetik atau mengklik kawalan.

Teks – Teks yang muncul pada kawalan atau yang ditaip oleh pengguna ke dalam kawalan.

Sifat tambahan

Selaraskan – Lokasi teks berhubung dengan pusat mendatar kawalannya.

AutoDisableOnSelect – Melumpuhkan kawalan secara automatik semasa tingkah laku OnSelect sedang berjalan.

BorderColor – Warna sempadan kawalan.

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

BorderThickness – Ketebalan sempadan kawalan.

Warna – Warna teks dalam kawalan.

ContentLanguage - Bahasa kandungan kawalan, jika berbeza daripada bekas kawalan.

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

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

DisabledColor – Warna teks dalam kawalan jika sifat DisplayMode ditetapkan kepada Dilumpuhkan.

DisabledFill – Warna latar belakang kawalan jika sifat DisplayModenya ditetapkan kepada Dilumpuhkan.

FocusedBorderColor – Warna sempadan kawalan apabila kawalan difokuskan.

FocusedBorderThickness – Ketebalan sempadan kawalan apabila kawalan difokuskan.

Isi – Warna latar belakang kawalan.

Fon – Nama keluarga fon di mana teks muncul.

FontWeight – Berat teks dalam kawalan: Tebal, Separa Tebal, Normal atau Lebih Ringan.

Ketinggian – Jarak antara tepi atas dan bawah kawalan.

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

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

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

Italik – Sama ada teks dalam kawalan adalah miring.

PaddingBottom – Jarak antara teks dalam kawalan dan tepi bawah kawalan tersebut.

PaddingLeft – Jarak antara teks dalam kawalan dan tepi kiri kawalan tersebut.

PaddingRight – Jarak antara teks dalam kawalan dan tepi kanan kawalan tersebut.

PaddingTop – Jarak antara teks dalam kawalan dan tepi atas kawalan tersebut.

DitekanBenar semasa kawalan ditekan, palsu sebaliknya.

PressedBorderColor – Warna sempadan kawalan apabila pengguna mengetik atau mengklik kawalan tersebut.

PressedColor – Warna teks dalam kawalan apabila pengguna mengetik atau mengklik kawalan itu.

PressedFill – Warna latar belakang kawalan apabila pengguna mengetik atau mengklik kawalan itu.

RadiusBottomLeft – Tahap di mana sudut kiri bawah kawalan dibulatkan.

RadiusBottomRight – Tahap di mana sudut kanan bawah kawalan dibulatkan.

RadiusTopLeft – Tahap di mana sudut kiri atas kawalan dibulatkan.

RadiusTopRight – Tahap di mana sudut kanan atas kawalan dibulatkan.

Saiz – Saiz fon teks yang muncul pada kawalan.

Coretan – Sama ada baris muncul melalui teks yang muncul pada kawalan.

TabIndex – Susunan navigasi papan kekunci berhubung dengan kawalan lain.

Petua Alat – Teks penjelasan yang muncul apabila pengguna menuding pada kawalan.

Gariskan – Sama ada baris muncul di bawah teks yang muncul pada kawalan.

VerticalAlign – Lokasi teks pada kawalan berhubung dengan pusat menegak kawalan tersebut.

Boleh dilihat – Sama ada kawalan muncul atau tersembunyi.

Lebar – Jarak antara tepi kiri dan kanan kawalan.

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

Y – Jarak antara tepi atas kawalan dan tepi atas bekas induk (skrin jika tiada bekas induk).

Navigate( ScreenName, ScreenTransitionValue )

Contoh

Tambah formula asas pada butang

  1. Tambah kawalan Input teks, dan namakannya Sumber.

    Tidak tahu cara menambah, menamakan dan mengkonfigurasi kawalan?

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

    Mahukan maklumat lanjut tentang fungsi UpdateContext atau fungsi lain?

  3. Tambah kawalan Label , setkan sifat Teksnya dalam bar formula kepada Value(Total), dan kemudian tekan F5.

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

    Kawalan Label menunjukkan nombor yang anda taip.

  5. Kosongkan nombor daripada Sumber, taipkan nombor lain di dalamnya dan kemudian klik atau ketik Tambah.

    Kawalan Label menunjukkan jumlah dua nombor yang anda taip.

  6. (pilihan) Ulangi langkah sebelumnya satu atau lebih kali.

  7. Untuk kembali ke ruang kerja lalai, tekan Esc (atau klik atau ketik ikon tutup di penjuru kanan sebelah atas).

Konfigurasikan butang dengan berbilang formula

Tambah formula yang mengosongkan kawalan Input teks antara entri.

  1. Tetapkan sifat HintTextSource kepada "Masukkan nombor".

  2. Tetapkan sifat OnSelect Tambah pada formula ini:

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

    Nota

    Pisahkan berbilang formula dengan titik koma ";".

  3. Tetapkan sifat LalaiSumber kepada ClearInput.

  4. Tekan F5, dan kemudian uji apl dengan menambah beberapa nombor bersama-sama.

Tambah butang lain untuk menetapkan semula jumlah

Tambah butang kedua untuk mengosongkan jumlah antara pengiraan.

  1. Tambah kawalan Butang lain, tetapkan sifat Teksnya kepada "Kosong", dan tetapkan sifat OnSelect kepada formula ini:

    UpdateContext({Total:0})

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

Tukar penampilan butang

Tukar bentuk butang

Secara lalai, Power Apps mencipta kawalan Butang segi empat tepat dengan sudut bulat. Anda boleh membuat pengubahsuaian asas pada bentuk kawalan Butang dengan menetapkan sifat Ketinggian, Lebar dan Jejarinya .

Nota

Ikon dan Bentuk menyediakan pelbagai jenis 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 Ketinggian dan Lebarnya kepada 300 untuk membuat butang segi empat sama yang besar.

  2. Ubah suai sifat RadiusTopLeft, RadiusTopRight, RadiusBottomLeft dan RadiusBottomRight untuk melaraskan jumlah kelengkungan pada setiap sudut. Berikut ialah beberapa contoh bentuk yang berbeza, setiap satu bermula dari butang persegi 300 x 300:

Tukar warna butang apabila anda menuding ke atasnya

Secara lalai, warna isian kawalan Butang akan malap sebanyak 20% apabila anda menuding ke atasnya dengan tetikus. Anda boleh melaraskan tingkah laku ini dengan menukar sifat HoverFill , yang menggunakan fungsi ColorFade . Jika anda mengesetkan formula ColorFade kepada peratusan positif, warna menjadi lebih terang apabila anda menuding pada butang, manakala peratusan negatif menjadikan warna lebih gelap.

  • Tukar peratusan ColorFade dalam sifat HoverFill bagi salah satu butang yang anda cipta dan perhatikan kesan.

Anda juga boleh menentukan warna kawalan Butang dengan mengesetkan sifat HoverFill kepada formula yang mengandungi fungsi ColorValue dan bukannya fungsi ColorFade, seperti dalam ColorValue("Red").

Nota

Nilai warna boleh menjadi mana-mana definisi warna CSS, sama ada nama atau nilai hex.

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

Garis panduan kebolehcapaian

Kontras warna

Sokongan pembaca skrin

Sokongan papan kekunci