Membuat kartu sederhana (pratinjau)

Dalam artikel ini, Anda membuat kartu yang meminta pengguna untuk memasukkan nama mereka, dan kemudian menunjukkan nama dalam judul kartu. Anda menggunakan perancang kartu, variabel, dan Power Fx.

Prasyarat

Sebuah Power Apps akun

Membuat kartu

  1. Masukkan Power Apps dan pilih lingkungan Anda.

  2. Dari menu navigasi, pilih ... Lebih Banyak > Kartu.

  3. Pilih + Buat kartu.

  4. Di bawah Nama kartu, ketik HelloWorldCard, lalu pilih Buat.

Minta input teks

  1. Pilih teks Tambahkan dan hapus elemen untuk menyesuaikan kartu baru Anda., lalu pilih ikon Hapus (X) untuk menghapusnya.

    Cuplikan layar label teks placeholder untuk dihapus di kartu baru di desainer kartu.

  2. Dari menu navigasi, pilih + Sisipkan.

  3. Di panel alat, pilih Input untuk memperluas kategori, lalu pilih Input teks.

    Cuplikan layar panel alat desainer kartu dengan kontrol input diperlihatkan dan kontrol input Teks disorot.

  4. Di panel properti input teks, atur Label ke Apa nama Anda?.

    Cuplikan layar kartu dengan kontrol input teks berlabel di desainer kartu.

Tetapkan variabel

  1. Dari menu navigasi, pilih Tampilan Pohon dan ubah nama textInput1 menjadi UserAnswer .

    Kami memberikan kontrol input teks nama variabel yang terkait dengan input pengguna. Nama kontrol input apa pun dapat digunakan sebagai variabel, misalnya input teks, tombol, atau label teks.

    Cuplikan layar kontrol input teks dari menu navigasi Tampilan Pohon dengan nama yang diubah.

    Tip

    Beri variabel Anda nama deskriptif dan unik agar lebih mudah digunakan dalam Power Fx ekspresi.

    Kita membutuhkan variabel lain untuk menambahkan input pengguna ke judul kartu, jadi mari kita buat sekarang.

  2. Dari menu navigasi, pilih Variabel.

  3. Pilih + Variabel baru.

  4. Di jendela Variabel baru, masukkan UserName di bawah Nama dan masukkan Tidak Ada Nama di bawah Nilai default. Biarkan nilai-nilai lain apa adanya.

  5. Pilih Simpan.

    Cuplikan layar panel properti variabel.

  6. Di kanvas Anda, pilih judul kartu, yang merupakan kontrol label teks. Di panel properti kontrol, atur Text to ="Hello " &; UserName.

    Ekspresi ini mengubah judul kartu menjadi string "Halo " diikuti dengan nilai variabel yang Anda buat. Anda bisa memasukkan ekspresi di bilah rumus atau panel properti.

    Cuplikan layar ekspresi teks yang dimasukkan dalam properti Teks judul kartu.

Menambahkan tombol Power Fx

  1. Dari menu navigasi, pilih + Sisipkan.

  2. Di panel alat, pilih Input untuk memperluas kategori, lalu pilih Tombol.

  3. Di panel properti tombol, atur Judul untuk Menyapa.

    Cuplikan layar panel properti tombol bernama dan tombol di kartu.

  4. Di panel properti di samping Pilih aktif, pilih PowerFx untuk menempatkan kursor Anda di bilah rumus.

  5. Ketikkan ekspresi berikut Power Fx di bilah rumus: Set(UserName, UserAnswer)

    Ekspresi fungsi Set() ini menetapkan nilai input pengguna, UserAnswer, ke UserName variabel label teks (judul kartu), saat tombol dipilih. Cara lain untuk membaca ekspresi adalah Tetapkan nilai variabel UserName sama dengan nilai UserAnswer. Karena ekspresi terikat ke properti On select tombol, juga disebut Kata Kerja di samping bilah rumus, ekspresi berjalan saat pengguna memilih tombol.

    Cuplikan Power Fx layar ekspresi di bilah rumus, ditetapkan ke properti OnSelect tombol.

Uji kartu

Anda harus selalu menyimpan perubahan Anda sebelum Anda memainkan kartu. Pilih Simpan, lalu pilih Putar ยท.

Uji kartu Anda beberapa kali dengan input yang berbeda. Pastikan input Anda mengganti nilai default "No Name" di judul kartu setiap kali.

Langkah berikutnya

Pelajari cara membuat kartu yang sedikit lebih kompleks dalam tutorial daftar belanja sederhana.