Bagikan melalui


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 Ikon temaTema.

  2. Pada panel Tema , pilih Tambahkan tema.

    Cuplikan layar yang menunjukkan lokasi pemilih Tambahkan tema.

    Dialog Buat tema muncul.

    Cuplikan layar yang menunjukkan antarmuka pengguna Buat tema.

  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. Cuplikan layar yang memperlihatkan bagian pratinjau panel saat Anda membuat atau mengedit tema.
  4. Pilih Buat.

Tema baru Anda dibuat dan diterapkan ke aplikasi Anda.

Terapkan tema modern

  1. Pada menu penulisan aplikasi, pilih Ikon temaTema.
  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 Ikon temaTema.

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

    Tangkapan layar yang menunjukkan lokasi titik elips tempat Anda dapat memilih 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 Ikon temaTema.
  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 .

Tangkapan layar yang menunjukkan variabel slot dan 16 bagian warna merek 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)