Tampilan modern dan segar untuk aplikasi berbasis model

Aplikasi berbasis model memiliki tampilan modern dan segar saat fitur Coba tampilan baru diaktifkan oleh pengguna akhir. Tampilan baru ini menyediakan gaya yang diperbarui termasuk font, warna, batas, bayangan, dan lainnya yang selaras dengan sistem desain Microsoft Fluent terbaru. Tampilan yang diperbarui membuat aplikasi berbasis model lebih mudah digunakan sehingga pengguna dapat mencapai tujuan mereka dengan cepat dan efisien. Sistem desain Fluent memberikan konsistensi, kualitas, dan koherensi platform di seluruh Microsoft. Ini juga memberikan dasar yang kuat untuk ekstensibilitas dan memungkinkan dukungan untuk mode gelap di masa mendatang.

Fitur tampilan modern dan segar yang sekarang aktif secara default akan diluncurkan pada jadwal yang lebih lambat daripada fitur lainnya. Informasi selengkapnya: Mengelola secara default peluncuran ketersediaan umum.

Apa yang disertakan dengan tampilan modern dan segar

Inilah yang dapat Anda harapkan dalam pengalaman modern dan segar:

  • Gaya yang diperbarui dalam halaman formulir, tampilan, dan dasbor, yang mencakup penggunaan drop shadow dan warna latar belakang yang lebih cerah untuk menciptakan tampilan yang lebih tinggi atau mengambang . Tampilan mengambang membantu memisahkan bagian secara visual dan memusatkan perhatian pada konten utama.
  • Kontrol berbasis Fluent baru dalam formulir, alur proses bisnis, dan dialog. Dialog sekarang mengubah ukuran tinggi secara otomatis berdasarkan konten.
  • Kisi baru Power Apps menggantikan kisi baca-saja dalam tampilan dan standar, halaman dasbor.
  • Mekanisme baru untuk menyesuaikan warna header aplikasi agar sesuai dengan branding pribadi atau organisasi Anda. Informasi selengkapnya: Menggunakan tema modern
  • Pengaturan pengguna akhir yang disebut Coba tampilan baru yang memungkinkan pengalaman modern dan segar.

Setelan "Coba tampilan baru".

Panel perintah

Bilah perintah mengambang sejajar dengan Microsoft 365 pengalaman, dengan jarak yang konsisten, sudut membulat, dan ketinggian. Perhatikan bagaimana bilah perintah berada di bagian terpisah di bagian atas halaman dalam contoh berikut.

Bilah perintah mengambang

Lihat halaman

Lihat halaman menggunakan bilah perintah baru dan telah memperbarui area kisi yang memanfaatkan perubahan elevasi untuk membantu menarik perhatian pengguna.

Perubahan paling signifikan pada halaman tampilan adalah peralihan dari kisi hanya-baca ke Power Apps kontrol kisi, yang menampilkan pengguliran tak terbatas untuk pengalaman penelusuran data modern. Kisi ini juga muncul di subkisi dan kisi terkait di formulir utama dan dasbor. Kontrol Power Apps kisi juga mendukung pengeditan sebaris menggunakan properti Aktifkan pemfilteran . Pembuat dapat mengonfigurasi grid yang dapat diedit secara manual untuk menggunakan Power Apps kontrol grid.

Contoh berikut memperlihatkan halaman tampilan dengan tampilan modern yang disegarkan.

Halaman tampilan dengan tampilan modern dan segar.

Halaman formulir

Halaman formulir menggunakan bilah perintah baru dan memiliki header, tab, bagian, dan alur proses bisnis yang disegarkan. Tampilan cepat, formulir kartu, header, peta situs, dan kontrol garis waktu juga dilengkapi dengan gaya pembaruan.

Contoh berikut memperlihatkan halaman formulir dengan tampilan modern dan segar.

Halaman formulir dengan tampilan modern dan segar.

Kontrol bidang

Kontrol bidang seperti input teks, input tindakan, pencarian, dan kontrol kotak centang dibuat dan didesain menggunakan komponen Fluent. Lebih banyak kontrol bidang akan dimodernisasi menggunakan desain Lancar di pembaruan mendatang.

Bagian bidang, yang merupakan wadah untuk bidang pada formulir, memiliki desain yang lebih ramping. Ikon sekarang berada di sisi kanan label bidang. Beberapa ikon berlebihan telah dihapus untuk tata letak yang lebih bersih. Gaya pesan input dan kesalahan juga disegarkan berdasarkan desain Lancar.

Contoh berikut memperlihatkan sekumpulan bidang dengan tampilan modern dan segar.

Bidang dalam aplikasi berbasis model yang memiliki tampilan modern dan segar.

Halaman dasbor

Halaman dasbor sistem, dengan subkisi dan bagan independen, telah diperbarui untuk menggunakan bilah perintah baru dan memiliki gaya yang mirip dengan bagian dalam halaman formulir dan tampilan. Saat pengalaman modern diaktifkan, atau saat menggunakan saluran bulanan, kisi dasbor sistem menggunakan kontrol Power Apps kisi baru. Kisi baru tidak diaktifkan secara default.

Halaman dasbor sistem dengan tampilan modern dan segar.

Pembatasan yang diketahui

Tampilan modern dan segar untuk aplikasi berbasis model memiliki beberapa keterbatasan:

Tampilan modern dan segar di luar browser

Aplikasi seluler dan aplikasi email tidak mendukung tampilan modern yang diperbarui dan bukan bagian dari pratinjau atau ketersediaan umum.

Beralih tema atau mengaktifkan mode gelap

Beralih tema atau mengaktifkan mode gelap tidak didukung saat ini.

Menghormati tema klasik

Dengan tampilan Power Apps modern dan segar, tidak lagi menghormati kustomisasi tema klasik. Namun, Anda dapat mengganti warna header aplikasi agar sesuai dengan branding organisasi Anda dengan tampilan modern yang diperbarui. Lihat mengubah warna header aplikasi untuk detail selengkapnya. Opsi penyesuaian tema lainnya untuk tampilan modern dan segar belum tersedia.

Ikon kustom

Hanya ikon SVG yang didukung. Jika Anda menggunakan format lain seperti PNG, navigasi tidak akan menampilkannya dan ikon default akan muncul.

Pertanyaan Umum

Menggunakan tampilan modern dan segar dalam Power Apps Komponen Framework / komponen kode kustom

Tema modern yang digunakan diteruskan ke Power Apps komponen kerangka komponen yang memungkinkan Anda untuk menata komponen Anda dengan tema modern.

Menggunakan tampilan modern dan segar di halaman kustom

Kontrol modern dapat digunakan dengan halaman kustom dan tampilan modern yang diperbarui. Tema modern saat ini tidak diwarisi oleh halaman kustom.

Mengubah warna header aplikasi

Anda dapat mengubah warna header aplikasi agar sesuai dengan organisasi Anda saat dalam tampilan modern dan segar. Lihat Menggunakan tema modern untuk detail selengkapnya. Opsi penyesuaian tema lainnya untuk tampilan modern dan segar belum tersedia.

Bekerja dengan tampilan modern dan segar

Berikan umpan balik tentang tampilan modern dan segar

Setelah menggunakan tampilan modern dan segar di aplikasi berbasis model Anda, beri tahu kami pendapat Anda tentang hal itu di Power Apps forum komunitas.

Mengelola peluncuran ketersediaan umum keikutsertaan

Tampilan modern dan segar untuk aplikasi berbasis model umumnya tersedia di saluran rilis berikut:

  • Saluran bulanan pada Agustus 2023
  • Saluran Semi-tahunan pada 2023 Rilis Gelombang 2

Setelah tersedia secara umum, pengguna akhir akan melihat pengaturan Coba tampilan baru untuk mengaktifkan pengalaman modern yang diperbarui. Pengguna dapat beralih kembali ke antarmuka pengguna (UI) lama kapan saja.

Nyalakan tampilan modern dan segar

Pengguna akhir dapat mengaktifkan tampilan modern yang diperbarui untuk aplikasi berbasis model mereka di aplikasi dengan mengaktifkan pengaturan Coba tampilan baru di header aplikasi mereka. Mereka dapat beralih kembali kapan saja.

Kembali ke UI lama

Ya, pengguna akhir dapat beralih kembali ke UI lama dengan menonaktifkan sakelar Tampilan baru. Pembuat juga dapat menonaktifkan tampilan baru dengan memperbarui pengaturan aplikasi.

Untuk informasi selengkapnya tentang menonaktifkan tampilan modern yang disegarkan, lihat Mengelola pengaturan aplikasi berdasarkan model di desainer aplikasi.

Admin dapat menonaktifkan pengaturan Tampilan baru di semua aplikasi dalam organisasi dengan menggunakan penjelajah solusi untuk mengatur tampilan Baru untuk nilai aplikasi berbasis model ke Tidak. Ini menyembunyikan sakelar tampilan Baru dan mencegah tampilan modern dan segar diterapkan.

  1. Buka https://make.powerapps.com/

  2. Di bawah Solusi, buka solusi yang ada dengan satu atau beberapa aplikasi berdasarkan model:

  3. Pilih Tambahkan pengaturan Lainnya > yang ada > ·.

  4. Cari Tampilan baru.

  5. Pilih Tampilan baru untuk aplikasi berbasis model.

  6. Pilih Tambahkan untuk menambahkannya ke solusi.

  7. Pilih Tampilan baru untuk aplikasi berbasis model dari penjelajah solusi.

  8. Perbarui nilai pengaturan lingkungan ke Tidak.

  9. Pilih Simpan.

  10. Publikasikan semua penyesuaian.

    Catatan

    Jika Anda menggunakan rilis 2023 gelombang 2 dan ingin menonaktifkan tampilan baru, perbarui pengaturan Coba tampilan baru.

Mengelola peluncuran ketersediaan umum secara default

Tampilan modern dan segar untuk aplikasi berbasis model aktif secara default di saluran rilis berikut:

  • Saluran bulanan pada April 2024
  • Saluran semi-tahunan pada 2024 Rilis Gelombang 1

Setelah tersedia secara umum, pengguna akhir dapat melihat pengaturan Tampilan baru yang diaktifkan secara default yang menampilkan pengalaman modern dan segar. Pengguna dapat beralih kembali ke antarmuka pengguna (UI) lama kapan saja. Untuk saluran semi-tahunan, peluncuran akan terjadi secara perlahan selama beberapa minggu mulai bulan April. Pembuat dan admin harus mengantisipasi penundaan dalam melihat peluncuran fitur ini ke aplikasi mereka.

Mengaktifkan tampilan modern untuk aplikasi saya dan menghapus sakelar

Dalam skenario di mana pembuat dan admin ingin mengaktifkan pengalaman modern "Selalu aktif", mereka dapat mengaktifkannya dengan mengatur tampilan Baru, selalu aktif , pengaturan aplikasi. Ini memungkinkan tampilan modern dan segar untuk semua pengguna aplikasi dan menghapus kemampuan sakelar header bagi pengguna akhir untuk menonaktifkan Tampilan baru.

Admin dapat mengaktifkan pengaturan Tampilan baru selalu aktif di semua aplikasi dalam organisasi dengan menggunakan penjelajah solusi untuk mengatur nilai Tampilan baru selalu aktif ke Ya. Ini menyembunyikan sakelar tampilan Baru dan memungkinkan tampilan modern dan segar untuk semua pengguna.

  1. Buka https://make.powerapps.com/
  2. Di bawah Solusi, buka solusi yang ada dengan satu atau beberapa aplikasi berdasarkan model:
  3. Pilih Tambahkan pengaturan Lainnya > yang ada > ·.
  4. Cari Tampilan baru selalu aktif.
  5. Pilih Tampilan baru selalu aktif.
  6. Pilih Tambahkan untuk menambahkannya ke solusi.
  7. Pilih Tampilan baru selalu aktif dari penjelajah solusi.
  8. Perbarui nilai pengaturan lingkungan ke Ya.
  9. Pilih Simpan.
  10. Publikasikan semua penyesuaian.