Sekmeler

Sekmeler, bir ekran bölümünü birbirini değiştiren içerik panellerine böler — kullanıcı bir sekme başlığına dokunur ve aşağıdaki panel buna göre güncellenir.

Tuval üzerinde seçili Sekmeler öğesi ve görünür +Sekme ekle kontrolü

Sekme ekleme, silme ve seçme

Her sekme iki bölümden oluşur:

  • Sekme başlığı — tıklanabilir etiket (Tab 1, Tab 2 vb.).
  • Sekme içeriği — her sekme için bir içerik alanı. İçerik alanına eklediğiniz her şey, ilgili sekme seçildiğinde görünür.

Yeni sekme eklemek için Add tab düğmesine tıklayın. Her yeni sekme için otomatik olarak bir içerik alanı oluşturulur.

Ekran ilk açıldığında belirli bir sekmenin aktif olmasını istiyorsanız Selected by default seçeneğini etkinleştirin.

Sekmeleri Stillendirme

Şablonlar

Tab templates

Flow Builder, kullanıma hazır üç sekme şablonu sunar:

  • Segment control — seçili sekmenin etrafında yuvarlak köşeli, hap şeklinde bir geçiş elemanı.
  • Button Tabs — ayrı buton stilli sekmeler.
  • Underline — seçili sekmeyi alt çizgiyle işaretleyen metin etiketleri.

Sekme durumları

Her sekmenin kendi durum değiştirici düğmesi vardır (Default / Selected); bu sayede aktif ve pasif durumları ayrı ayrı biçimlendirebilirsiniz — her durum için tipografi, renkler, dolgu ve kenarlık.

Seçilebilir grup

Sekmeler, tek seçimli bir seçilebilir grup oluşturur — her seferinde yalnızca bir sekme aktif olabilir. Grubu, Screen settings panelindeki Selectable groups bölümünden yönetebilirsiniz.

Grup iki değişken sunar:

  • tabs.selectedOptionId — seçili sekmenin ID’si. Koşullarda kullanabilirsiniz.
  • tabs.selectedOptionTitle — seçili sekmenin etiketi. Dinamik metinlerde kullanabilirsiniz.

Grubu yeniden adlandırdıysanız tabs ifadesini kendi özel Group ID değerinizle değiştirin.

Tam bilgi için Seçilebilir öğeler ve gruplar bölümüne bakın.