Tuval uygulamalarında ekran ekleme ve gezinme

Yaygın uygulama senaryoları için önceden oluşturulmuş ekranlar ekleyerek modern, dinamik uygulamalar oluşturun. Ekranlar, farklı ekran boyutlarına uyum sağlayan duyarlı kapsayıcılara ve modern kontrollere sahiptir. Farklı düzenlere ve kontrollere sahip özel ekranlar da ekleyebilirsiniz.

Aşağıdaki yeni önceden oluşturulmuş ekranlar mevcuttur:

Power Apps Studio'daki Yeni Ekran menüsünün, kullanılabilir düzenleri gösteren ekran görüntüsü.

Yeni bir ekran ekleme

  1. Power Apps'e giriş yapın.

  2. Bir tuval uygulaması oluşturun veya düzenleme için bir uygulama açın.

  3. Komut çubuğundaYeni ekran'ı seçin ve ardından bir ekran düzeni seçin.

  4. Farklı cihazlarda nasıl göründüğünü belirlemek için uygulamayı önizleyin. Daha fazla bilgi için bkz. Uygulamanın önizlemesini görüntüleme.

Tip

Uygulamanın, üzerinde çalıştığı cihaz ekranının boyutuna uyum sağlaması için Sığdırmak için ölçeklendir seçeneğini kapatın.

Hoş geldiniz ekranı

Hoş Geldiniz ekranı, bir uygulamanın ilk ekranı kadar iyi çalışır. Her kutucuğu bir resim, başlık ve açıklamayla özelleştirebilirsiniz. Kutucuk sayısını değiştirmek için ana kapsayıcıya kutucuk ekleyin veya kaldırın. Kullanıcıları uygulamanın diğer bölümlerine yönlendirmek için kutucukları kullanın.

Hoş Geldiniz ekranı şablonu aşağıdaki denetimleri içerir:

  • Ekran kapsayıcısı
    • Üst bilgi kapsayıcısı
      • Başlık
    • Ana kapsayıcı
      • Kapsayıcı
        • Resim kapsayıcısı
          • Resim
        • Başlık kapsayıcısı
          • Özellik öğesi düğmesi
          • Açıklama metni

Yeni ekran düğmesinden bir Hoş Geldiniz ekranı düzeni eklediğinizde nelerin göründüğünü gösteren ekran görüntüsü.

Hoş Geldiniz ekranını ekleme ve özelleştirme

  1. Yeni ekran>Karşılama ekranı'nı seçin.

  2. Bir döşemenin görüntüsünü değiştirmek için döşemeyi seçin ve ardından Düzenle'yi seçin.

  3. Özellik Öğesi düğme denetimini seçin ve Özellikler bölmesinde kendi metninizi ekleyin.

    Öne çıkan öğe kutucuğunun metninin nerede düzenleneceğini gösteren ekran görüntüsü.

  4. Kısa açıklama veya ilgi çekici mesaj metnini seçin ve kendinizinkini ekleyin.

  5. Gerekirse döşeme ekleyin ve kaldırın.

    • Ağaç görünümünde kutucuk eklemek için bir Kapsayıcı öğesini kopyalayıp yapıştırın.

    • Ağaç görünümünde bir kutucuğu kaldırmak için bir Kapsayıcı'ya sağ tıklayın ve ardından Sil'i seçin.

Ürün kataloğu gibi bir dizi ürün veya hizmet bilgisini göstermek için Başlık ve galeri ekranını kullanın. Galeri denetimini bir veri kaynağına bağladığınızda, çok az özelleştirme gerekerek otomatik olarak bir katalog oluşturulur.

Başlık ve galeri ekranındaki galeri denetimi klasik bir denetimdir. Modern galeri denetimi serbest bırakıldığında, Başlık ve galeri ekranı bunu kullanır. Daha fazla bilgi için bkz. Tuval uygulamalarında modern denetimlere ve temalara genel bakış.

Başlık ve galeri ekranının kontrolleri için aşağıdaki şablon vardır:

  • Ekran kapsayıcısı
    • Üst bilgi kapsayıcısı
      • Başlık
    • Ana kapsayıcı
      • Galeri
        • Gallery kapsayıcısı
          • Resim kapsayıcısı
            • Resim
          • Başlık kapsayıcısı
            • Başlık metni
            • Açıklama metni
          • Düğme kapsayıcısı
            • Düğme

Başlık ve galeri ekranını gösteren ekran görüntüsü.

  1. Yeni Ekran>Başlık ve galeri'yi seçin.

  2. Ağaç görünümünde Galeri'yi seçin ve Dataverse gibi bir veri kaynağına bağlayın.

  3. Galeri içindeki bir resim, başlık metni ve metin açıklaması gibi belirli denetimleri seçin. Denetimin özelliklerinde, istenen görüntüyü, başlık metnini ve açıklamayı ayarlamak için ThisItem söz dizimini kullanın.

    Örneğin, başlık metin denetimine Firma adını eklemek için, veri kümenizden eklenebilecek kullanılabilir öğelerin listesini görmek üzere formül çubuğuna ThisItem yazarak bulun.

    Formül çubuğunda ThisItem'ın nerede kullanılacağını gösteren ekran görüntüsü.

Onay isteği ekranı

Onay isteği ekranında bir başlık, gönder düğmesi olan bir form ve önceden tanımlanmış aşamaları olan bir galeri bulunur. Onay isteği ekranı, bir onay isteği gönderme veya bir işletme için bir iş akışı sürecini görüntüleme gibi eylemlerin form gönderimleri tarafından tetiklendiği senaryolar için kullanışlıdır.

Tip

Onay isteği ekranı eklediğinizde, bunu bir veri kaynağına bağlayın. Veri kaynağı, istek formundaki alan adlarını belirler.

Onay isteği ekranında denetimler için aşağıdaki şablon bulunur:

  • Ekran kapsayıcısı
    • Üst bilgi kapsayıcısı
      • Başlık
    • Ana kapsayıcı
      • Form kapsayıcı
        • Form başlığı.metni
        • Onay formu
        • Gönder düğmesi
      • Kenar çubuğu kapsayıcı
        • İnceleyenler metni
        • İnceleyenler galerisi

Onay talebi ekranını gösteren ekran görüntüsü.

Onay isteği ekranını ekleme ve özelleştirme

  1. Yeni Ekran>Onay isteği'ni seçin.

  2. ApprovalForm'daki ağaç görünümünde Dataverse gibi bir veri kaynağına bağlanın.

  3. Veri kaynağı seçme.

  4. Onay aşamalarının ayrıntılarını görüntülemek için ağaç görünümünde SidebarContainer düğümü altında ReviewersGallery'yi seçin. Ardından özellikler bölmesinde Gelişmiş sekmesini seçin ve Öğeler'e gidin.

    Onay aşamaları aşağıdaki ayrıntılara sahiptir:

    • Ad: Aşamanın veya onaylayanın adı
    • Başlık: Aşamanın veya onaylayanın alt yazısı
    • Aşamalar: Aşama durumları
    • Geçerli: Bu aşamanın onay isteğinin geçerli aşaması olup olmadığı

    Öğeler gelişmiş özelliğini gösteren ekran görüntüsü.

Onaylayanı bilgilendirmek için düğmeye bir Power Automate onay iş akışı ekleyin. Daha fazla bilgi için Power Automate ile bir onay iş akışı oluşturma ve test etme bölümüne bakın.

Üst bilgi ve form

Başlık ve form ekranında bir başlık, bir form ve formu göndermek veya form gönderimini iptal etmek için iki düğme bulunur. Bu ekran, tam ekran bir form kullanmak için mükemmeldir.

Başlık ve form ekranının kontrolleri için aşağıdaki şablon vardır:

  • Ekran kapsayıcısı
    • Üst bilgi kapsayıcısı
      • Başlık
    • Ana kapsayıcı
      • Form kapsayıcı
        • Form
      • Düğme kapsayıcısı
        • İptal düğmesi
        • Gönder düğmesi

Başlık ve form ekranını gösteren ekran görüntüsü.

Başlık ve form ekranını ekleyin ve özelleştirin

  1. Yeni Ekran>Başlık ve form'u seçin.

  2. Ağaç görünümünde, Form'un seçili olduğunu görürsünüz ve formu bir veri kaynağına bağlamanız için bir istem görüntülenir.

  3. Veri kaynağı seçme.

  4. İsteğe bağlı olarak, en iyi ekran duyarlılığını sağlamak için formdaki her veri kartını seçin ve Özellikler bölmesinin Görüntü sekmesinde Genişlik Sığdırma özelliğini Açık olarak ayarlayın.

Başlık ve tablo

Üst bilgi ve tablo ekranında iki denetim vardır: üst bilgi denetimi ve tablo denetimi. Bu şablon, ekranda ayrıntılı bir veri tablosu göstermek için idealdir.

Başlık ve tablo ekranı aşağıdaki kontrollere sahiptir:

  • Üst bilgi kapsayıcısı
    • Başlık
  • Ana kapsayıcı
    • Tablo

Başlık ve tablo ekranını ekleyin ve özelleştirin

  1. Yeni Ekran>Başlık ve tablo'yu seçin.

  2. Ağaç görünümünde Tablo'yu seçin ve bir veri kaynağına bağlayın.

Tablo ve form

Tablo ve form ekranı iki ana denetim içerir: modern tablo denetimi ve modern form denetimi. Bu şablon, veri bağlantısını ve özelleştirmeyi kolaylaştıran yerleşik Power Fx formüllerine sahiptir. Bu şablon, form kullanarak kayıt seçmek ve düzenlemek için idealdir.

Tablo ve form ekranı aşağıdaki denetimleri içerir:

  • Ekran kapsayıcısı
    • Üst bilgi kapsayıcısı
      • Üst bilgi denetimi
    • Gövde kapsayıcısı
      • Metin girişi (Arama)
      • Tablo denetimi
      • Form denetimi
      • Düğme
        • Yeni
        • Düzenle
        • Sil
        • Gönder
        • İptal

Tablo ve form ekranını gösteren ekran görüntüsü.

Tablo ve form ekranını ekleyin ve özelleştirin

Power Apps Studio'da:

  1. Yeni Ekran>Tablo ve form'u seçin.

  2. Satır içi eylem çubuğunda Veri'yi seçin.

  3. İstediğiniz veri kaynağını seçin.

    Listeden bir veri kaynağı seçebileceğiniz Veri düğmesinin konumunu gösteren ekran görüntüsü.

    Bağlandığınızda, hem tablo hem de form denetimleri veri kaynağına bağlanır.

Tablo denetiminde bir kayıt seçebilirsiniz ve form seçili kaydın ayrıntılarını gösterir.

Bu şablondaki tüm düğmeler önceden oluşturulmuş Power Fx'e sahiptir, bu nedenle bunları özelleştirmeniz gerekmez. Ekranı seçili veri kaynağına bağladığınızda, ekran tamamen işlevsel hale gelir.

Bir veri kaynağına bağlandığında ekran görünümünü gösteren ekran görüntüsü: gönder düğmeli bir veri listesi ve form öğeleri.

Ekranları yeniden sırala

Uygulamanızın birden fazla ekranı olduğunda, ağaç görünümünde bunların sırasını değiştirebilirsiniz.

Yeniden sıralamak istediğiniz ekranın taşma menüsünü seçin ve ardından Yukarı taşı veya Aşağı taşı'yı seçin.

Ağaç görünümünüzde bir ekranı yukarı veya aşağı taşımak için taşma menüsünün nerede olduğunu gösteren ekran görüntüsü.

İlk olarak görüntülenen ekranı ayarlamak için StartScreen özelliğini kullanın.

Gezinti seçeneği ekleme

Uygulamanızın birden fazla ekranı olduğunda, kullanıcılarınızın bunlar arasında hareket edebilmesi için gezinti ekleyin.

  1. Ekranı seçin. Ekle'yi seçin. Arama kutusuna İleri oku yazın ve ardından seçin.

  2. Oku ekranda görünmesini istediğiniz yere taşıyın.

  3. Oku seçin. OnSelect özelliğini Navigate işlevi olarak ayarlayın. Örneğin, Navigate(Hedef, Soldur) kullanın.

    Hedef'i gezinmek istediğiniz ekranın adıyla değiştirin.

    Gez işlevine ayarlanan OnSelect özelliğinin ekran görüntüsü.

    Bu örnekte kullanıcı oku seçtiğinde hedef ekranı belirerek girer.

  4. Hedef ekranında, aynı şekilde bir Geri ok simgesi ekleyin. OnSelect özelliğini örneğin Navigate(Target, ScreenTransition.Fade) olarak ayarlayın.

    Hedef'i dönmek istediğiniz ekranın adıyla değiştirin.

Ekran denetim başvurusu