Power Apps'te kılavuz kapsayıcı denetimi

Kılavuz kapsayıcısı denetimi, alt bileşenleri bir kılavuz deseninde düzenleyebileceğiniz bir yol sağlar. Her bileşenin satırlar ve sütunlar açısından nereye gittiği üzerinde hassas bir denetim elde edersiniz.

Bu kapsayıcı CSS stili kılavuzlar gibi çalışır. Satırları ve sütunları tanımlar ve özelliklerini kullanarak her alt bileşen için tam konumu ayarlarsınız.

Description

Grid kapsayıcı denetimi, tuval uygulamaları için esnek bir düzen sistemi sunar. Şunları yapmanızı sağlar:

• Alt bileşenleri kılavuz düzenine yerleştirme
• Her alt öğe için satır ve sütun başlangıcını ve sonunu belirtin
• Kapsayıcı veya ekran boyutu değiştiğinde duyarlı ayarlamalar yapma
• Kılavuz içinde hizalamayı, aralığı ve taşma durumunu denetleme

Bu yaklaşımı kullanarak, her bileşeni el ile konumlandırmanız gerekmez. Uygulamalarınız daha sürdürülebilir ve duyarlı hale gelir.

Display properties

• Boşluk : Kılavuzun içindeki alt bileşenler arasındaki piksel cinsinden aralık.
• Sütunlar : Kılavuz düzenindeki sütun sayısı.
• Satırlar : Kılavuz düzenindeki satır sayısı.

Boyut ve konum

• X : Üst kapsayıcının sol kenarından yatay uzaklık (veya üst öğe yoksa ekran).
• Y – Üst kapsayıcının üst kenarından dikey uzaklık (veya üst öğe yoksa ekran).
• Genişlik : Denetimin sol ve sağ kenarları arasındaki mesafe.
• Yükseklik : Denetimin üst ve alt kenarları arasındaki mesafe.
• Doldurma - Kapsayıcı kenarları ile alt bileşenleri arasındaki aralık.

Renk ve kenarlık

• Color : Kapsayıcının ön plan rengi; varsa kenarlıklar ve metinler için kullanılır.
• Border
  • Stil – Kenarlık türü: Düz, Kesikli, Noktalı veya Yok.
  • Kalınlık – Piksel cinsinden kenarlık genişliği.
  • Renk : Kenarlığı rengi.
• Kenarlık yarıçapı – Kapsayıcının köşelerinin yuvarlanma derecesi. Bu ayarı tüm köşelere tek tek uygulayabilir veya gelişmiş ayarlarda tek tek köşelere bölebilirsiniz.
• Gölge : Kapsayıcıya uygulanan gölge efekti. Seçenekler: Hiçbiri, Hafif, Orta veya Ağır.

Visibility

• Visible : Kılavuz kapsayıcısının görüntülenip görüntülenmediği. Açık veya Kapalı'ya geçin.

Kılavuz düzeni özellikleri (alt öğeye özgü)

• Sütun Başlangıcı / Sütun Sonu – Bir alt bileşenin başlangıç ve bitiş sütunlarını tanımlar.
• Satır Başlangıcı / Satır Sonu – Bir alt bileşenin başlangıç ve bitiş satırlarını tanımlar.

Example

1. Duyarlı düzende sıfırdan boş bir tuval uygulaması oluşturun.

2. Yeni bir ekran oluşturun.

3. Ekle bölmesinden Düzen'in altında Kılavuz kapsayıcısı'nı seçin.

4. Tam ekranı kaplarken kapsayıcı özelliklerini ayarlayın:

   • X = 0
   • Y = 0
   • Genişlik = Parent.Width
   • Boy = Parent.Boy

5. Düğmeler, metin girişleri, simgeler ve medya gibi birkaç alt bileşen ekleyin. Her alt öğe için kılavuz yerleştirme özelliklerini ayarlayın:

   • Sütun Başlangıcı / Sonu
   • Satır Başlangıcı / Sonu
   • Hücreye Hizala

6. Önizlemek için F5 tuşuna basın. Ekranı yeniden boyutlandırın ve alt bileşenlerin kılavuz konumlarında nasıl kaldığını gözlemleyin ve hızlı bir şekilde ayarlayın.