Tambahkan komponen kanvas ke halaman kustom untuk aplikasi berdasarkan model Anda

Artikel ini menjelaskan penggunaan komponen kanvas kode rendah untuk membangun UX kustom untuk halaman kustom dengan memanfaatkan kemampuan pustaka komponen kanvas bersama. Untuk ekstensibilitas UX kustom pertama kode, lihat Menambahkan komponen kode ke halaman kustom untuk aplikasi berdasarkan model Anda.

Penting

Halaman kustom adalah fitur baru dengan perubahan produk yang signifikan dan saat ini memiliki sejumlah batasan umum yang diuraikan dalam Masalah yang Diketahui di Halaman Kustom.

Catatan

  • Halaman kustom saat ini mendukung rangkaian kontrol terbatas dan hanya kontrol yang didukung saat ini yang harus digunakan untuk membuat komponen kanvas untuk halaman kustom.

  • Kontrol modern saat ini hanya didukung dengan halaman kustom dan tidak dengan aplikasi kanvas mandiri. Pastikan pengaturan percobaan kontrol modern hanya digunakan untuk pustaka komponen yang digunakan dengan halaman kustom.

Komponen kanvas memberikan kemampuan kepada pembuat aplikasi untuk membuat komponen kustom dalam mode kode rendah. Komponen ini tidak hanya dapat digunakan kembali di seluruh halaman dan aplikasi kustom, tetapi juga dapat diperbarui secara terpusat, dikemas, dan dipindahkan menggunakan solusi Microsoft Dataverse. Informasi lebih lanjut: Membuat komponen untuk aplikasi kanvas

Karena penulisan halaman kustom terbatas hanya pada satu halaman, komponen kanvas hanya dapat ditulis di dalam pustaka komponen. Hal ini berbeda dengan aplikasi kanvas mandiri, yang memiliki kemampuan untuk membuat komponen pada tingkat aplikasi.

Membuat komponen kanvas menggunakan pustaka komponen

Anda dapat membuat pustaka komponen baru atau mengedit pustaka yang ada, baik dari area Solusi maupun tab Pustaka Komponen di area Aplikasi. Membuat atau mengedit pustaka komponen.

Membuat komponen kanvas untuk digunakan di halaman kustom

Bagian ini menjelaskan cara membuat komponen kanvas yang dapat Anda gunakan di halaman kustom.

Mengaktifkan kontrol modern untuk pustaka komponen

Pertama, aktifkan pengaturan Kontrol modern dalam desainer aplikasi kanvas. Untuk melakukan ini, buka File > Pengaturan > fitur Yang Akan Datang > Eksperimental

Dialog pengaturan untuk mengaktifkan kontrol modern

Pastikan hanya rangkaian kontrol yang didukung yang digunakan untuk membuat komponen untuk halaman kustom.

Membuat komponen kanvas

Setelah kontrol modern diaktifkan, Anda sekarang dapat membuat komponen yang diinginkan di dalam pustaka dan mempublikasikannya setelah komponen siap.

Membuat komponen kanvas.

Mengimpor dan menggunakan komponen kanvas di halaman kustom

Halaman kustom dapat menggunakan komponen dari pustaka komponen kanvas yang dibuat atau diimpor di lingkungan saat ini. Anda dapat memilih Mendapatkan komponen lainnya di bagian bawah area navigasi kiri kontrol tambah.

Mengimpor komponen kanvas.

Komponen kanvas tersedia dalam bagian komponen Pustaka dan dapat ditambahkan ke halaman kustom.

Menambahkan komponen kanvas ke halaman kustom.

Pembaruan komponen untuk halaman kustom

Bila komponen ditambahkan ke halaman kustom melalui pustaka komponen, maka komponen akan mempertahankan referensi ke pustaka. Bila pemilik pustaka mempublikasikan versi pustaka yang lebih baru dengan komponen yang diperbarui, halaman kustom yang sejalan dengan aplikasi kanvas akan menampilkan pesan tersedia pembaruan. Pesan ini akan ditampilkan bila halaman kustom dibuka untuk diedit.

Pesan pembaruan saat pustaka diperbarui.

Pilih Tinjau untuk meninjau pembaruan, lalu pilih ok untuk me-refresh komponen dengan perubahan terakhir dari pustaka kanvas.

Catatan

Halaman kustom individual yang ada dalam aplikasi berdasarkan model harus dibuka secara terpisah untuk diedit di dalam studio aplikasi kanvas untuk mendapatkan pembaruan terbaru dari pustaka komponen bersama.

Pembaruan komponen di halaman kustom

Anda sekarang dapat mempublikasikan halaman kustom dan aplikasi berdasarkan model untuk mencerminkan perubahan terbaru.

Sumber daya komponen kanvas tambahan

Anda dapat mengevaluasi dan menggunakan sampel komponen kanvas dari Microsoft dan pengembang komunitas Power Apps lain, yang di-host di galeri komponen aplikasi Canvas.

Galeri komponen kanvas

Lihat juga

Gambaran umum halaman kustom dalam aplikasi berdasarkan model

Tambahkan halaman kustom ke aplikasi berdasarkan model Anda

Menggunakan PowerFx di halaman kustom

Ikhtisar konektor Power Apps

Menambahkan sambungan data dalam desainer kanvas