Garis panduan reka bentuk apl

Kawalan moden

Kawalan moden dalam apl kanvas mewakili kemajuan ketara dalam pembangunan dan reka bentuk antara muka pengguna dalam ekosistem Microsoft. Berdasarkan Sistem Reka Bentuk Lancar Microsoft, kawalan ini direka bentuk untuk menyampaikan pengalaman pengguna yang pantas, berorientasikan prestasi dan boleh diakses, sambil memastikan penyepaduan lancar dengan keupayaan tema. Pengenalan kawalan ini, termasuk senarai tab, bar kemajuan, butang maklumat, pemintal dan banyak lagi, menggariskan peralihan strategik ke arah mencipta aplikasi yang lebih intuitif, responsif dan menarik secara visual. Dengan menggunakan kawalan moden ini, pembangun boleh melaksanakan elemen UI canggih dengan mudah yang menyenangkan dari segi estetika dan kaya dengan fungsi, meningkatkan penglibatan dan kepuasan pengguna secara keseluruhan.

Reka bentuk yang wujud bagi kawalan ini, dengan mengambil kira tema, membolehkan rupa dan rasa yang bersatu dan konsisten merentas aplikasi, mengurangkan usaha yang diperlukan dalam menyesuaikan dan menjenamakan apl dengan ketara. Keupayaan untuk mengemas kini gaya semua kawalan secara automatik berdasarkan tema yang ditetapkan memudahkan proses reka bentuk dan memastikan aplikasi kekal koheren secara visual sepanjang masa. Ini sejajar dengan keperluan perniagaan moden yang ingin mengekalkan konsistensi jenama sambil menawarkan pengalaman digital berkualiti tinggi. Kawalan moden juga menekankan kebolehcapaian dan prestasi, memastikan aplikasi boleh digunakan oleh pelbagai khalayak, termasuk mereka yang kurang upaya, sejajar dengan prinsip reka bentuk inklusif. Oleh itu, kawalan moden dalam apl kanvas bukan sekadar satu set komponen UI tetapi set alat transformatif yang memperkasakan pembangun untuk membina aplikasi yang lebih cekap, boleh diselenggara, boleh diakses dan padu yang memenuhi keperluan perniagaan dan pengguna yang semakin berkembang.

Penting

Walaupun subset kawalan moden dalam apl kanvas telah disediakan secara umum (GA), set ciri yang lebih luas kekal dalam pratonton. Anda digalakkan untuk meneroka dan memberikan maklum balas tentang kawalan pratonton ini. Walau bagaimanapun, adalah penting untuk diingat bahawa ciri dan fungsi mereka boleh diperhalusi berdasarkan maklum balas dan ujian sebelum ia mencapai ketersediaan umum.

Reka bentuk dan garis panduan borang

Susun borang anda

• Bahagikan borang anda kepada bahagian logik dan kumpulkan medan berkaitan bersama-sama.
• Sasarkan untuk mengekalkan borang anda pada satu skrin. Jika panjang, pertimbangkan untuk membahagikannya kepada berbilang skrin, langkah atau tab.
• Gunakan bahasa yang jelas dan ringkas untuk label medan, mengelakkan istilah atau jargon yang tidak dikenali.
• Laksanakan peraturan pengesahan untuk memastikan ketepatan data. Untuk medan mandatori, nyatakan dengan jelas bahawa medan tersebut diperlukan. Sahkan alamat e-mel, nombor telefon dan format lain mengikut keperluan.

Gunakan semula borang

• Gunakan satu borang untuk mencipta rekod baharu, mengedit rekod sedia ada dan memaparkan rekod dalam mod lihat sahaja.
• Menggunakan semula borang yang sama mengurangkan masa pembangunan dan penyelenggaraan sambil memastikan konsistensi.

Mod borang

Tetapkan mod borang secara dinamik berdasarkan tindakan pengguna. Contohnya:

• Apabila mencipta rekod baharu, tetapkan borang kepada mod "Baharu".
• Apabila mengedit rekod sedia ada, tetapkan borang kepada mod "Edit".
• Apabila memaparkan rekod, tetapkan borang kepada mod "Lihat".

Penempatan kawalan

• Letakkan kawalan yang berbeza (seperti galeri, borang paparan dan borang edit) pada skrin berasingan untuk menjadikannya boleh dibezakan.
• Gabungkan kawalan ini dengan formula untuk mencipta pengalaman pengguna yang padu.

Bekas

Apabila apl kanvas bertambah besar dalam saiz untuk menangani lebih banyak senario perniagaan, bilangan kawalan terus berkembang dan ia diperlukan untuk menyusun kawalan berdasarkan fungsi yang mereka lakukan. Satu cara mudah untuk melakukan ini ialah memilih kawalan bersama-sama dan kumpulkannya ke dalam kumpulan. Walau bagaimanapun, kawalan pengumpulan tidak selalu disyorkan. Kawalan apl Container kanvas boleh memegang satu set kawalan dan mempunyai sifatnya sendiri.

Bekas berfungsi sebagai ruang kosong di mana anda boleh memasukkan dan menyusun kawalan berhubung dengan sudut kiri atas bekas. Anda mempunyai fleksibiliti untuk bersarang bekas, membolehkan penciptaan susun atur yang lebih kompleks dan memberikan kebebasan dalam reka bentuk.

Bekas adalah kawalan sebenar dengan sifatnya sendiri seperti Width dan BorderColor. Bekas mempengaruhi tataletak aplikasi dan membantu pengguna pembaca skrin memahami struktur aplikasi.

Walaupun anda boleh menambah sebarang kawalan dalam kumpulan, anda hanya perlu menambah kawalan berkaitan secara logik dalam bekas.

Menyusun elemen dalam Power Apps menggunakan kumpulan membolehkan pengguna menggunakan sifat yang dikongsi pada berbilang elemen. Walau bagaimanapun, membuat perubahan harta individu dalam kumpulan mungkin memerlukan pelarasan manual. Tambahan pula, kumpulan tidak mempunyai kehadiran dalam struktur logik apl atas sebab kebolehcapaian, kerana pembaca skrin tidak dapat mengenalinya. Selain itu, ketidakupayaan untuk bersarang kumpulan menjadikannya mencabar untuk mencipta susun atur yang lebih rumit.

Reka bentuk dan garis panduan galeri

Elakkan menukar item galeri dari dalam

Elakkan mengubah Items suai sifat galeri dalam peristiwa kawalan kanak-kanak seperti OnChange atau OnSelect. Ini boleh membawa kepada tingkah laku yang tidak dijangka, terutamanya apabila berurusan dengan kawalan tertentu yang mencetuskan peristiwa apabila nilainya berubah.

Berhati-hati dengan kawalan yang dicetuskan OnChange

Berhati-hati apabila menggunakan kawalan seperti Kotak kombo, Pemilih tarikh, Gelangsar atau Togol dalam galeri. Kawalan ini boleh mencetuskan peristiwa secara OnChange tidak dijangka, yang membawa kepada isu yang berpotensi seperti gelung tak terhingga.

Kesan prestasi pada tampalan

Berhati-hati dengan kesan prestasi apabila menampal atau mengemas kini item dalam galeri, terutamanya apabila berurusan dengan sejumlah besar item. Tampalan boleh menjadi perlahan, dan galeri mungkin memuatkan semula semua item, memberi kesan kepada prestasi.

Kendalikan gelung tak terhingga dengan berhati-hati**

Jika mengubah suai data galeri mencetuskan peristiwa yang membawa kepada gelung tak terhingga, pertimbangkan untuk menggunakan kawalan moden atau kawalan yang tidak dicetuskan OnChange apabila data mereka berubah untuk memecahkan gelung.

Elakkan galeri bersarang

Galeri bersarang boleh membawa kepada isu prestasi dan pengikatan data yang kompleks.

Jika boleh, elakkan galeri bersarang. Sebaliknya, cuba bentuk struktur data anda dan gunakan fungsi dengan cara yang dioptimumkan.

Gunakan galeri ketinggian fleksibel

Galeri ketinggian tetap boleh mengakibatkan keterlihatan kandungan yang terhad, terutamanya apabila berurusan dengan data dinamik.

Gunakan galeri ketinggian fleksibel dengan mengesetkan Height sifat kepada Parent.Height atau nilai dinamik berdasarkan data anda. Ini memastikan bahawa galeri melaraskan ketinggiannya untuk menampung jumlah data yang berbeza-beza.

Optimumkan pemuatan data

Apabila mengoptimumkan memuatkan Power Apps data, anda mungkin mahu mengambil dan memaparkan hanya lajur yang diperlukan dalam galeri dan bukannya mendapatkan semula keseluruhan set data.

Berikut ialah contoh cara anda boleh mencapai matlamat ini: Dengan mengandaikan anda mempunyai koleksi EmployeeData dengan berbilang lajur dan anda mahu memaparkan lajur "Nama" dan "Jabatan" sahaja dalam galeri.

// Collection named ProductSales with sample sales data

ClearCollect(ProductSales, 
    Table(
        { ProductName: "Phone", UnitPrice: 499.99, QuantitySold: 100 },
        { ProductName: "Laptop", UnitPrice: 999.99, QuantitySold: 50 },
        { ProductName: "Tablet", UnitPrice: 299.99, QuantitySold: 75 }
    )
)

// Bind the gallery to display only the "ProductName" and "QuantitySold" columns

Gallery1.Items = ShowColumns(ProductSales, ProductName, QuantitySold)

Dapatkan maklumat lanjut tentang amalan terbaik Galeri.

Membina komponen yang boleh diguna semula

Bila hendak mencipta komponen kod tersuai menggunakan Power Apps Rangka Kerja Komponen (PCF)

Power Platform membolehkan penciptaan komponen boleh guna semula melalui Power Apps Rangka Kerja Komponen (PCF). Maklumat lanjut di sini.

Berikut ialah senario di mana anda mungkin mempertimbangkan untuk mencipta komponen PCF dalam Power Apps:

Elemen UI yang kompleks

Apabila anda perlu mencipta elemen antara muka pengguna yang kompleks atau kawalan yang tidak tersedia dalam kawalan standard Power Apps .

Kawalan tersuai untuk keperluan khusus

Apabila apl anda mempunyai keperluan khusus yang tidak dipenuhi oleh kawalan di luar kotak dan anda perlu mencipta kawalan tersuai yang disesuaikan dengan keperluan anda.

Pengalaman pengguna yang konsisten merentas apl

Apabila anda ingin mengekalkan pengalaman pengguna yang konsisten merentas berbilang Power Apps atau persekitaran dengan merangkum fungsi tertentu dalam komponen PCF.

Kebolehgunaan semula merentas apl

Apabila anda menjangkakan keperluan untuk menggunakan semula fungsi tertentu atau elemen antara muka pengguna dalam berbilang apl, mencipta komponen PCF membolehkan anda membina sekali dan menggunakan semula.

Melaksanakan logik lanjutan

Apabila anda perlu melaksanakan logik perniagaan lanjutan atau pengiraan yang melampaui keupayaan formula atau fungsi standard dalam Power Apps.

Pengalaman pengguna yang lebih baik

Apabila anda berhasrat untuk meningkatkan pengalaman pengguna keseluruhan dengan mencipta komponen yang menarik secara visual dan interaktif yang tidak dapat dicapai dengan kawalan lalai.

Langkah seterusnya

Garis panduan reka bentuk responsif