Menggunakan tema modern di aplikasi kanvas (pratinjau)
[Artikel ini adalah dokumen pra-rilis dan dapat berubah.]
Tema modern, yang merupakan set gaya yang telah ditetapkan sebelumnya, dapat mengubah tampilan aplikasi Anda. Tema-tema ini, berdasarkan bahasa desain Microsoft Fluent, memodifikasi berbagai aspek gaya seperti warna, tipografi, batas, dan bayangan, memastikan antarmuka yang menyenangkan dan konsisten secara visual. Tema modern menyederhanakan proses penyesuaian, memungkinkan kreator untuk dengan mudah mendesain aplikasi dengan daya tarik visual yang terpadu dan konsisten.
Penting
- Ini adalah fitur pratinjau.
- Fitur pratinjau tidak dibuat untuk penggunaan produksi dan mungkin memiliki fungsionalitas yang dibatasi. Fitur ini tersedia sebelum rilis resmi agar pelanggan bisa memperoleh akses awal dan memberikan tanggapan.
Prasyarat
Untuk menggunakan tema modern, Anda perlu mengaktifkannya. Informasi selengkapnya, lihat Mengaktifkan kontrol dan tema modern untuk aplikasi Anda.
Catatan
Saat kontrol dan tema modern diaktifkan, Anda tidak akan dapat memilih tema klasik dari bilah perintah. Untuk menggunakan tema klasik yang dihentikan, Anda harus mengaktifkan pengaturan Simpan aplikasi yang dihentikan tema klasik .
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.
- Pada menu penulisan aplikasi, pilih >
Tema. - Pada panel Tema, pilih Tambahkan tema.
- Dalam dialog Buat tema, masukkan informasi berikut:
- Nama tema: Nama tema harus unik.
- Font: Pilih font default yang akan digunakan kontrol dalam aplikasi saat tema diterapkan.
- Warna benih: Pilih warna yang ingin Anda jadikan dasar tema Anda, atau masukkan representasi Hex atau RGB secara manual dari warna tersebut. Sistem menghasilkan palet 16 slot yang dioptimalkan untuk aksesibilitas.
- Hue/Vibrancy: Sesuaikan palet generasi, terutama warna yang lebih terang, dengan penggeser Hue dan Vibrancy . Hue memengaruhi bayangan warna, dan semangat memengaruhi kebisukan atau kecerahan palet.
- 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.
- Pilih Buat.
Tema baru Anda dibuat dan diterapkan ke aplikasi Anda.
Terapkan tema modern
- Pada menu penulisan aplikasi, pilih > Tema.
- Pada panel Tema, pilih salah satu tema default.
Saat tema modern dipilih, gaya tema secara otomatis diterapkan ke kontrol di aplikasi Anda. Tindakan ini mengatur properti App.Theme .
Catatan
Tema modern sekarang memengaruhi kontrol klasik dengan mengatur properti pada kontrol klasik dengan Power Fx rumus yang mereferensikan variabel dari tema modern.
Mengedit tema
Anda dapat mengedit tema dan mengubah satu atau beberapa parameter tema khusus.
- Pada menu penulisan aplikasi, pilih > Tema.
- Pada panel Tema , temukan ubin yang sesuai dengan tema yang ingin Anda edit dan pilih Edit Opsi > .
- Pada panel Edit tema, sesuaikan tema sesuai kebutuhan.
Catatan
Anda tidak dapat mengedit tema yang sudah tersedia.
Menghapus tema
Jika Anda memutuskan tidak lagi memerlukan tema khusus di aplikasi, Anda dapat menghapusnya.
- Pada menu penulisan aplikasi, pilih > Tema.
- Pada panel Tema, temukan tema yang ingin Anda edit, lalu pilih (...) Opsi > Hapus.
- Pada kotak dialog konfirmasi, pilih Hapus tema.
Jika Anda memiliki Power Fx rumus yang mereferensikan tema ini di aplikasi Anda, Anda perlu memperbarui rumus secara manual.
Catatan
Anda tidak dapat menghapus tema yang sudah tersedia.
Gunakan tema dengan Power Fx
Objek tema modern tersedia untuk digunakan Power Fx oleh pembuat. Objek tema yang saat ini aktif dapat direferensikan oleh App.Theme, dan tema apa pun yang dimuat ke dalam aplikasi dapat direferensikan dengan nama instansnya seperti RedTheme. Kami menyarankan Anda mereferensikan objek tema menggunakan App.Theme untuk memastikan bahwa pilihan warna beradaptasi dengan perubahan tema.
Setiap objek tema menyertakan informasi berikut:
- Nama: Nama tema.
- Warna: Koleksi 16 warna yang terdiri dari ramp merek untuk tema tersebut. Setiap warna di landai ini dapat diakses secara individual berdasarkan nama.
Gambar menunjukkan variabel slot di dalam koleksi Warna dan, sebagai contoh, warna yang sesuai untuk tema Steel .
Dengan menggunakan ramp merek tema, Anda dapat menata kontrol klasik secara manual berdasarkan tema modern saat ini seperti Button.Fill = App.Theme.Colors.Primary.
Catatan
Untuk memberikan umpan balik, lihat: Memberikan umpan balik Anda ke Microsoft.