Aracılığıyla paylaş


Tuval uygulamalarında modern temalar kullanma

Önceden oluşturulmuş stil kümeleri olan modern temalar uygulamanızın görünümünü dönüştürebilir. Microsoft'un Fluent tasarım diline dayalı olarak bu temalar renk, tipografi, kenarlıklar ve gölgeler gibi çeşitli stil özelliklerini değiştirerek görsel olarak hoş bir arabirim sağlar.

Modern temalar, özelleştirme sürecini kolaylaştırır ve içerik oluşturucuların, birleşik ve tutarlı bir görsel çekiciliğe sahip uygulamaları zahmetsizce tasarlamalarına olanak tanır.

Önkoşullar

Power Apps uygulama ayarlarında modern temalar özelliğini etkinleştirin:

  1. Uygulamanızı açın veya yeni bir uygulama oluşturun.
  2. Uygulamanızdan, uygulama yazma menüsünden veya modern komut çubuğundan Ayarlar'ı açın.
  3. Güncelleştirmeler>Yeni>Modern denetimler ve temalar'a gidin.
  4. Modern denetimler ve temalar düğmesini Açık olarak ayarlayın.
  5. Ayarlar açılır penceresini kapatın.

Daha fazla bilgi için bkz Uygulamanız için modern denetimleri ve temaları etkinleştirme.

Not

Modern denetimler ve temalar etkinleştirildiğinde, komut çubuğundan klasik temaları seçemezsiniz. Emekli klasik temaları kullanmak için Ayarlar'daki Güncellemeler'in Emekli sekmesindeki Klasik temaları koru'ya gidin ve Açık konumuna getirin.

Tema oluşturma

Uygulamanızın stilini oluşturmak için kullanıma hazır çok sayıda tema mevcuttur. Daha kişiselleştirilmiş görsel estetik için kendi temanızı da tasarlayabilirsiniz.

  1. Uygulama yazma menüsünde Temalar simgesiTemalar'ı seçin.

  2. Temalar bölmesinde, Tema ekle'yi seçin.

    Tema ekle seçicisinin konumunu gösteren ekran görüntüsü.

    Tema oluştur iletişim kutusu görüntülenir.

    Tema oluştur kullanıcı arayüzünü gösteren ekran görüntüsü.

  3. Tema oluştur iletişim kutusuna, aşağıdaki bilgileri seçin veya girin:

    Özellik Eylem veya açıklama
    Birincil (tohum) rengi Renk seçiciden renk seçin. Alternatif olarak, onaltılık veya RGB'yi manuel olarak girebilirsiniz.
    Birincil rengi kilitle (önizleme) 16 yuvalı tema paleti, tohum rengi kullanılarak oluşturulur.
    - Kapalı: 16 yuvalı palet, erişilebilirlik için optimize edilmiştir. Kapalı varsayılan seçenektir.
    - Açık: Tohum rengi, paletin birincil (orta) yuvasına yerleştirilir. Kalan renkler, renklerin bir tarafta artımlı olarak daha açık ve diğer tarafta daha koyu hale getirilmesiyle oluşturulur. Oluşturulan palet, kontrast oranı erişilebilirlik gereksinimlerini karşılamıyor olabilir.
    Tema adı Benzersiz bir tema adı girin.
    Font Uygulamadaki denetimler tarafından kullanılan varsayılan yazı tipinizi seçin.
    Esneklik Paletin renk tonunu, gölgesini veya tonunu etkiler. Birincil rengi kilitle'yi seçerseniz burulma uygulanamaz.
    Canlılık Paletin parlaklığını veya sessizliğini etkiler. Birincil rengi kilitle'yi seçerseniz canlılık uygulanamaz.
    Önizle İsteğe bağlı olarak, yeni temanızın statik önizlemesine bakın. Temanızın bekleme durumuna ve çeşitli etkileşim durumlarına nasıl uygulandığını görmek için örnek denetimlerle etkileşim kurabilirsiniz. Tema oluştururken veya düzenlerken bölmenin Önizleme bölümünü gösteren ekran görüntüsü.
  4. Create'u seçin.

Yeni temasınız oluşturulur ve uygulamanıza uygulanır.

Modern tema uygulama

  1. Uygulama yazma menüsünde Temalar simgesiTemalar'ı seçin.
  2. Temalar bölmesinde, varsayılan temalardan birini seçin.
  3. Uygulamanızda klasik denetimler varsa bu denetimlere modern temayı uygulamanız istenir. Temayı beğenmediyseniz her zaman komut çubuğundan Geri Al'ı seçebilirsiniz.

    Not

    Klasik denetimlere modern temalar uygulamayı seçtiğinizde, modern temadaki değişkenlere başvuran etkilenen denetimlerin özelliklerine Power Fx formülleri ayarlanır. Görsel olarak, klasik kontroller Fluent v9'u temel almadığından, klasik kontroller modern kontrol eşdeğerleriyle tam olarak uyumlu olmayabilir.

Modern bir tema seçildiğinde temanın stili uygulamanızdaki denetimlere otomatik olarak uygulanır. Bu eylem, App.Theme özelliğini ayarlar.

Bir temayı düzenleme

Temayı düzenleyebilir ve özel temanın bir veya daha fazla parametresini değiştirebilirsiniz.

  1. Uygulama yazma menüsünde Temalar simgesiTemalar'ı seçin.

  2. Temalar bölmesinde, düzenlemek istediğiniz temanın kutucuğunu bulun ve taşma menüsünü ve ardından Düzenle'yi seçin.

    Düzenle'yi seçebileceğiniz üç nokta noktalarının konumunu gösteren ekran görüntüsü.

  3. Temayı düzenleme bölmesinde, temayı gerektiği gibi ayarlayın.

  4. İletişim kutusundan Kaydet veya iptal et'i seçin.

Not

Kullanıma açık temaları düzenleyemezsiniz.

Tema silme

Uygulamanızda artık özel temaya ihtiyaç duymadığınıza karar verirseniz onu silebilirsiniz.

  1. Uygulama yazma menüsünde Temalar simgesiTemalar'ı seçin.
  2. Temalar bölmesinde, düzenlemek istediğiniz temayı bulun, taşma menüsünü seçin ve ardından Sil'i seçin.
  3. Onay iletişim kutusunda, Temayı sil'i seçin.

Uygulamanızda bu temaya başvuran Power Fx formülleriniz varsa formülü elle güncelleştirmeniz gerekir.

Not

Kullanıma açık temaları silemezsiniz.

Temaları Power Fx ile kullanma

Modern tema nesneleri, oluşturucular tarafından Power Fx üzerinden kullanılabilir. Şu anda etkin olan tema nesnesine App.Theme tarafından başvurulabilir. Uygulamaya yüklenen herhangi bir temaya RedTheme gibi örnek adıyla başvurulabilir. Renk seçimlerinin tema değişikliklerine uyarlanmasını sağlamak için App.Theme kullanarak tema nesnesine başvurmanızı öneririz.

Her tema nesnesi aşağıdaki bilgileri içerir:

  • Temanın adı
  • Renkler, isme göre ayrı ayrı erişilebilen 16 renkli bir marka rampası koleksiyonudur; Birincil ön plan rengi, örneğin bir arka plandaki metnin rengi gibi varsayılan metin rengidir
  • Temada kullanılan yazı tipi

Görüntü, Renkler koleksiyonunun içindeki yuva değişkenlerini ve örneğin Çelik temasına karşılık gelen renkleri gösterir.

Çelik teması için yuva değişkenlerini ve 16 parçalı renk marka rampasını gösteren ekran görüntüsü.

Rampa tema markasını kullanarak, örneğin Button.Fill = App.Theme.Colors.Primary gibi mevcut modern temaya dayalı klasik bir kontrolü manuel olarak şekillendirebilirsiniz.

Not

Geri bildirim sağlamak için bkz. Microsoft'a geri bildirim sağlama.

Ayrıca bkz.

Modern denetimler blog gönderisi
Modern temaları Power Apps ile kullanma (video)