Menggunakan tema modern di aplikasi kanvas

Tema modern adalah kumpulan gaya yang telah ditetapkan sebelumnya yang dapat mengubah tampilan aplikasi Anda. Tema-tema ini, berdasarkan bahasa desain Fluent Microsoft, memodifikasi berbagai aspek gaya seperti warna, tipografi, batas, dan bayangan, memastikan antarmuka yang menyenangkan secara visual.

Tema modern merampingkan proses penyesuaian dan memungkinkan pembuat konten untuk dengan mudah mendesain aplikasi dengan daya tarik visual yang terpadu dan konsisten.

Prasyarat

Aktifkan fitur tema modern di pengaturan Power Apps aplikasi:

1. Buka aplikasi Anda atau buat aplikasi baru.
2. Dari aplikasi Anda, buka Pengaturan dari menu penulisan aplikasi atau bilah perintah modern.
3. Buka Memperbarui>Kontrol dan tema> Modern Baru.
4. Atur sakelar Kontrol dan tema modern ke Aktif.
5. Tutup popup Pengaturan .

Untuk informasi selengkapnya, lihat Mengaktifkan kontrol dan tema modern untuk aplikasi Anda.

Catatan

Saat kontrol dan tema modern diaktifkan, Anda tidak dapat memilih tema klasik dari bilah perintah. Untuk menggunakan tema klasik yang dihentikan, buka Simpan tema klasik di tab Pembaruan yang dihentikan di Pengaturan dan alihkan ke Aktif.

Membuat tema

Ada beberapa tema siap pakai yang tersedia untuk menata aplikasi Anda. Anda juga dapat mendesain tema Anda sendiri untuk estetika visual yang lebih personal.

1. Pada menu penulisan aplikasi, pilih Tema.

2. Pada panel Tema , pilih Tambahkan tema.

   

   Dialog Buat tema muncul.

   

3. Dalam dialog Buat tema , pilih atau masukkan informasi berikut:

   Fitur	Tindakan atau deskripsi
   Warna primer (biji)	Pilih warna dari pemilih warna. Anda dapat, sebagai alternatif, memasukkan heksadesimal atau RGB secara manual.
   Mengunci warna primer (pratinjau)	Palet tema 16 slot dihasilkan menggunakan warna benih. - Dinonaktifkan: Palet 16 slot dioptimalkan untuk aksesibilitas. Dinonaktifkan adalah opsi default. - Dialihkan: Warna benih ditempatkan di slot utama (tengah) palet. Warna yang tersisa dihasilkan dengan membuat warna bertahap lebih terang di satu sisi dan lebih gelap di sisi lain. Palet yang dihasilkan mungkin tidak memenuhi persyaratan aksesibilitas rasio kontras.
   Nama tema	Masukkan nama tema yang unik.
   Font	Pilih font default yang digunakan oleh kontrol di aplikasi.
   Torsi	Memengaruhi warna, bayangan, atau nada palet. Torsi tidak berlaku jika Anda memilih Kunci warna primer.
   Keseimbangan warna	Memengaruhi kebisukan atau kecerahan palet. Kecerahan tidak berlaku jika Anda memilih Kunci warna primer.
   Pratinjau	Secara opsional, lihat pratinjau statis tema baru Anda. Anda dapat berinteraksi dengan kontrol sampel untuk melihat bagaimana tema Anda diterapkan ke status istirahat dan berbagai status interaksi.

4. Pilih Buat.

Tema baru Anda dibuat dan diterapkan ke aplikasi Anda.

Terapkan tema modern

1. Pada menu penulisan aplikasi, pilih Tema.
2. Pada panel Tema , pilih salah satu tema default.
3. Jika Anda memiliki kontrol klasik di aplikasi, Anda akan diminta untuk menerapkan tema modern ke kontrol ini. Anda selalu dapat memilih Batalkan dari bilah perintah jika Anda tidak menyukai tema.

   Catatan

   Saat Anda memilih untuk menerapkan tema modern ke kontrol klasik, Power Fx rumus diatur pada properti kontrol yang terpengaruh yang mereferensikan variabel dari tema modern. Secara visual, kontrol klasik mungkin tidak selaras persis dengan kontrol modern mereka, karena kontrol klasik tidak didasarkan pada Fluent v9.

Saat tema modern dipilih, gaya tema secara otomatis diterapkan ke kontrol di aplikasi Anda. Tindakan ini mengatur properti App.Theme .

Mengedit tema

Anda dapat mengedit tema dan mengubah satu atau beberapa parameter tema khusus.

1. Pada menu penulisan aplikasi, pilih Tema.

2. Pada panel Tema , temukan petak tema yang ingin Anda edit dan pilih menu luapan lalu Edit.

   

3. Pada panel Edit tema , sesuaikan tema sesuai kebutuhan.

4. Pilih Simpan atau batal dari dialog.

Catatan

Anda tidak dapat mengedit tema yang sudah ada.

Hapus tema

Jika Anda memutuskan tidak lagi memerlukan tema khusus di aplikasi Anda, Anda dapat menghapusnya.

1. Pada menu pembuatan aplikasi, pilih Tema.
2. Pada panel Tema , temukan tema yang ingin Anda edit, pilih menu luapan, lalu pilih Hapus.
3. Pada kotak dialog konfirmasi, pilih Hapus tema.

Jika Anda memiliki Power Fx rumus yang merujuk tema ini di aplikasi Anda, Anda perlu memperbarui rumus tersebut secara manual.

Catatan

Anda tidak dapat menghapus tema yang sudah ada.

Gunakan tema dengan Power Fx

Objek tema modern tersedia untuk digunakan oleh pembuat melalui Power Fx. Objek tema yang saat ini aktif dapat direferensikan oleh App.Theme. Tema apa pun yang dimuat ke dalam aplikasi dapat direferensikan dengan nama instansinya seperti RedTheme. Kami menyarankan agar Anda mereferensikan objek tema menggunakan App.Theme untuk memastikan bahwa pilihan warna beradaptasi dengan perubahan tema.

Setiap objek tema menyertakan informasi berikut:

• Nama tema
• Warna, koleksi ramp merek 16 warna yang dapat diakses secara individual berdasarkan nama; Warna latar depan primer adalah warna teks default, misalnya warna teks pada latar belakang
• Font yang digunakan dalam tema

Gambar menunjukkan variabel slot di dalam koleksi Warna dan, sebagai contoh, warna yang sesuai untuk tema Baja .

Dengan menggunakan tema merek ramp, Anda dapat secara manual menata kontrol klasik berdasarkan tema modern saat ini, misalnya Button.Fill = App.Theme.Colors.Primary.

Catatan

Untuk memberikan masukan, lihat: Berikan masukan Anda ke Microsoft.

Baca juga

Posting blog kontrol modern
Menggunakan tema modern dengan Power Apps (video)