Bagikan melalui


Tambahkan dan konfigurasikan kontrol di aplikasi kanvas

Tambahkan berbagai elemen UI ke aplikasi kanvas Anda, dan konfigurasikan aspek tampilan dan perilakunya secara langsung, dari bilah alat, di tab Properti , atau di bilah rumus. Elemen UI ini disebut kontrol, dan aspek yang Anda konfigurasikan disebut properti.

Prasyarat

  1. Jika Anda belum memiliki Power Apps lisensi, daftar, lalu masuk.

  2. Buat aplikasi kanvas kosong.

    Anda selalu dapat mengikuti tur nanti dengan memilih ikon tanda tanya di dekat sudut kanan atas layar Anda lalu memilih Ikuti tur pendahuluan.

Tambahkan dan pilih kontrol

Mari tambahkan layar baru dan tombol kontrol. Namun, Anda dapat menambahkan jenis kontrol apa pun.

  1. Pilih Sisipkan dari menu pembuatan, lalu pilih Layar baru.

  2. Pilih Kosong untuk menambahkan layar kosong ke aplikasi Anda. (Layar adalah jenis kontrol yang dapat berisi jenis kontrol lainnya.)

    Tangkapan layar yang menunjukkan cara menambahkan layar baru dari opsi menu Sisipkan.

    Layar baru tersebut diberi nama Layar2 dan muncul dalam Tampilan Pohon. Panel ini menampilkan daftar kontrol hierarki dalam aplikasi Anda sehingga dapat dengan mudah menemukan dan memilih setiap kontrol.

    Tangkapan layar yang memperlihatkan layar baru yang ditambahkan dalam tampilan Pohon aplikasi Anda.

  3. Dengan Layar2 dipilih, pilih Sisipkan lagi.

  4. Pilih kontrol Tombol . Kontrol baru muncul di bawah Layar2 dalam daftar hierarkis Tampilan Pohon.

    Tangkapan layar yang memperlihatkan tombol baru pada kanvas dan nama kontrol tombol dalam daftar di bawah Layar2.

    Di layar, kotak dengan enam pegangan mengelilingi tombol secara default. Pegangan ini mengelilingi kontrol yang dipilih dan digunakan untuk menentukan ukuran kontrol.

  5. Pilih layar (di luar tombol) dan pegangan kotak akan menghilang. Untuk memilih kontrol lagi, pilih langsung pada kanvas atau dari daftar Tampilan Pohon .

    Penting

    Anda harus selalu memilih kontrol sebelum Anda dapat mengonfigurasinya.

Ubah nama kontrol

  1. Di dalam daftar kontrol, arahkan kursor ke kontrol yang ingin Anda ganti namanya untuk menampilkan menu luapan (elipsis).

  2. Pilih elips.

  3. Pilih Ganti Nama. Tambahkan nama yang unik dan mudah diingat untuk memudahkan pembuatan aplikasi Anda.

    Tangkapan layar yang menunjukkan tempat mengganti nama kontrol melalui menu luapan.

Hapus kontrol

Anda dapat menghapus kontrol baik melalui kontrol dalam daftar Tampilan Pohon atau langsung dari kanvas.

Hapus kontrol dari tampilan Pohon

  1. Dalam daftar kontrol, arahkan kursor ke kontrol yang ingin Anda hapus untuk menampilkan menu luapan (elipsis).
  2. Pilih elips.
  3. Pilih Hapus.

Hapus kontrol dari kanvas

Pilih kontrol pada kanvas, lalu tekan tombol Delete .

Susun ulang layar

  1. Dalam tampilan Pohon, arahkan kursor ke layar yang ingin Anda pindahkan ke atas atau ke bawah untuk menampilkan menu luapan (elipsis).

  2. Pilih elipsis, lalu pilih Pindahkan ke atas atau Pindahkan ke bawah. Jika Anda tidak melihat opsi Pindahkan ke bawah , layar Anda sudah berada di titik terendah dalam daftar.

    Tangkapan layar yang menunjukkan cara menyusun ulang layar dalam tampilan Pohon melalui menu luapan layar.

Catatan

Saat aplikasi dibuka, layar di bagian atas daftar kontrol biasanya muncul pertama kali. Namun, Anda dapat menentukan layar yang berbeda dengan menyetel properti OnStart ke rumus yang menyertakan fungsi Navigate .

Pindahkan dan ubah ukuran kontrol

Untuk memindahkan kontrol, pilih dan rahkan kursor ke tengah sehingga tanda panah berkepala empat muncul, lalu tarik kontrol ke lokasi yang berbeda.

Pindahkan kontrol.

Untuk mengubah ukuran kontrol, pilih dan arahkan ke atas penanganan dalam kotak pilihan sehingga tanda panah berkepala dua muncul, lalu tarik penanganan.

Seret Kontrol.

Catatan

Seperti yang dijelaskan topik ini nanti, Anda juga dapat memindahkan dan mengubah ukuran kontrol dengan memodifikasi kombinasi apa pun dari propertinya X, Y, Height, dan Width dalam bilah rumus.

Konfigurasikan kontrol di panel Properti

Dengan menggunakan panel Properties , khusus untuk kontrol yang Anda pilih, Anda dapat menentukan berbagai macam opsi.

Misalnya, jika Anda memilih kontrol tombol, Anda dapat mengganti nilai teks yang ditampilkan melalui panel Properti kontrol.

Tangkapan layar yang menunjukkan cara mengubah teks tampilan pada kontrol tombol melalui panel Properti.

Catatan

Anda juga dapat mengubah teks tampilan dengan memodifikasi properti Teks di bilah rumus.

Konfigurasikan kontrol di formula bar

Anda dapat mengonfigurasi kontrol dengan memilih properti di daftar properti lalu menentukan nilai di bilah rumus. Pelengkapan otomatis dapat membantu dalam bilah rumus untuk melihat nilai yang dapat Anda gunakan untuk suatu kontrol.

Mengubah warna font kontrol

Misalnya, jika Anda ingin mengubah warna font untuk teks kontrol Anda. Anda melihat banyak pilihan warna.

Tangkapan layar yang memperlihatkan opsi kontrol yang dapat Anda atur dalam bilah rumus untuk suatu kontrol.

Mengubah posisi pada kanvas kontrol

Anda dapat mengatur koordinat X dan Y untuk posisi kontrol menggunakan bilah rumus. Menetapkan koordinat di bilah rumus akan memberi Anda ketepatan penempatan kontrol yang lebih baik.

Misalnya, jika Anda memilih X atau Y dalam daftar properti dan menentukan angka dalam bilah rumus, Anda akan melihat kontrol berpindah ke koordinat tersebut. Dalam kasus ini, tombol bergerak ke posisi 100 pada sumbu X, dengan asumsi sisi paling kiri kanvas adalah titik nol.

Tangkapan layar yang memperlihatkan tempat menyetel koordinat X di bilah rumus.

Ubah ukuran kontrol

Anda dapat mengubah ukuran kontrol dengan memilih Tinggi atau Lebar di daftar properti lalu menentukan angka yang berbeda di bilah rumus.

Tangkapan layar yang menunjukkan cara mengubah tinggi kontrol melalui bilah rumus.

Mengubah teks tampilan kontrol

Anda dapat mengubah teks tampilan kontrol dengan memilih Teks dalam daftar properti, lalu menentukan kombinasi apa pun dari string literal, ekspresi, atau rumus dalam bilah rumus.

Rangkaian harfiah

String harfiah dikelilingi oleh tanda kutip dan muncul tepat ketika Anda mengetikkannya. "Halo, dunia" adalah string literal.

Tangkapan layar yang menunjukkan tempat menambahkan string literal di bilah rumus untuk teks tampilan kontrol.

Catatan

Bila Anda menambahkan teks yang lebih panjang dari lebar kontrol, kontrol tidak mengubah lebarnya untuk mengakomodasi teks. Anda harus mengubah ukuran kontrol secara manual agar sesuai dengan teks.

Expression

Suatu ekspresi sering kali didasarkan pada properti kontrol yang lain. Screen2.Height adalah ekspresi yang menunjukkan tinggi Screen2 tempat teks tampilan ditampilkan untuk kontrol tombol.

Tangkapan layar yang menunjukkan cara menambahkan properti kontrol sebagai teks tampilan untuk kontrol lain.

Dengan menggunakan ekspresi, misalnya, Anda dapat menetapkan gambar latar belakang atau ikon sebagai isian tombol Anda.

Rumus

Rumus mencakup satu atau beberapa fungsi. Fungsi Sekarang mengembalikan tanggal dan waktu saat ini di zona waktu lokal Anda, dan fungsi Teks memformat nilai seperti tanggal, waktu, dan mata uang.

Misalnya, Anda dapat menampilkan tanggal dan waktu dalam Label:

Tangkapan layar yang menunjukkan cara membuat fungsi Text() yang menampilkan versi singkat DateTime.

Formula biasanya jauh lebih rumit daripada contoh ini sehingga mereka dapat memperbarui data, mengurutkannya, memfilter, dan melakukan operasi lainnya. Untuk informasi lebih lanjut, lihat referensi rumus.