Horizontal Stack
Horizontal Stack elementinin işlevine göz atın.
Horizontal Stack kullanıcı arayüzü düzenlemesi ve tasarımında kullanılan bir elementtir. Genellikle UI Design'da kullanılır. Horizontal Stack elementinin işlevi, elementleri yatay bir düzen içinde sıralamak ve düzenlemek için kullanılmasıdır.
İki veya daha fazla elementin yan yana geldiği durumlarda ara boşluklarını ayarlamak için Horizontal Stack elementini kullanabilirsiniz. Container kategorisi altında bulunur. Display, Input tipindeki elementler başta olmak üzere birçok elementi Horizontal Stack elementi içerisine ekleyebilirsiniz.
Horizontal Stack elementini geliştireceğiniz web veya mobil uygulamalar da kullanabilirsiniz.
Horizontal Stack Ekleme
Horizontal Stack elementini uygulamanız içerisine eklemeniz oldukça kolay. Horizontal Stack elementini eklemek için aşağıdaki adımları izlemeniz gerekmektedir.
Horizontal Stack elementini ekrana sürükleyin ve bırakın.
Horizontal Stack elementini Properties paneli içerisinden özelleştirebilirsiniz.
Horizontal Stack elementini ekranda boş bir alana sürükle bırak ile eklediğinizde otomatik bir Row/Column ile birlikte gelir. Horizontal Stack elementini bir Row/Column veya Panel elementi içine sürükle bırak ile ekleyebilirsiniz.
Horizontal Stack elementi içerisine Vertical Stack elementi ekleyebilirsiniz.
Horizontal Stack elementini;
Row,
gibi elementler içine ekleyebilirsiniz.
Horizontal Stack içerisinde kullanılan Label elementinin default 100 px bir Width değeri olduğu için maxline olmasa bile text'i alt satıra kaydırmaktadır.
Horizontal Stack elementi seçildiğinde, Properties panelinde Gap, Authorization (Yetkilendirme) ve Visibility (Görünürlük) parametreleri görüntülenir.
Bu parametre alanları, Horizontal Stack elementi ile ilgili özel yetkilendirme ayarlarını ve görünürlük tercihlerini düzenlemenizi sağlar. Göster/gizle/koşullu seçenekleriyle de görünürlüğünü ayarlayabilirsiniz. Horizontal Stack elementinin içine metin ve simgeler ekleyebilirsiniz. Elemente rol tabanlı yetkiler verebilirsiniz.
Gap
Horizontal Stack elementini seçin. Properties panelinde, Gap bölümü aracılığıyla Horizontal Stack içerisine eklenen elementler arasındaki boşluk değerini ayarlayabilirsiniz. Varsayılan olarak 12 piksel olarak gelir. Bu değeri dilediğiniz şekilde değiştirebilirsiniz.
Horizontal Stack elementi için yetkilendirme seçeneklerini kullanabilirsiniz.
Elementlerde Authorization ekleme işlemlerini detaylı incelemek için tıklayın.
Kullanıcı rollerine göre veya ekran rollerine göre Authorization işlemlerini detaylı incelemek için tıklayın.
Elementler de visibility yani görünürlük, belirli bir durumda görünürlük veya erişilebilirliğini düzenlemenizi sağlar. olduğunu kontrol etmek için kullanılan bir özelliktir. Bu özellik genellikle uygulama tasarımında veya işlevselliğinde kullanılır.
Horizontal Stack elementi için her zaman görünür olmasını, gizli olmasını veya bir koşula bağlı olarak görünüp gizlenmesini visibility seçeneklerini kullanabilirsiniz.
Elementlerde Visibility ekleme ile ilgili detaylı bilgi edinmek için tıklayın.
Horizontal Stack elementini Styling paneli ile özelleştirebilirsiniz.
Horizontal Stack elementine Border (Kenarlık), Fill (Dolgu rengi) veya Shadow (Gölge) ekleyerek ek düzenlemeler yapabilirsiniz.
Horizontal Stack elementinde Layout ile çevresel iç boşluklar (Padding) gibi görsel düzenlemeleri yapabilirsiniz.
Horizontal Stack elementi içerisinde Layout alanında Size, Display ayarları yapılmamaktadır. Bu nedenle bu alanlar pasif haldedir. Align alanı içerisinde sınırlı bir şekilde hizalama yapabilirsiniz.
Elementlerde Layout ekleme ile ilgili detaylı bilgi edinmek için tıklayın.
Horizontal Stack elementinin arka planına (background) renk veya görseli Fill (Dolgu) ile ekleyebilirsiniz.
Elementlere Fill (Dolgu) ekleme ile ilgili detaylı bilgi edinmek için tıklayın.
Horizontal Stack’in dış kenarlarına kenarlık (border) ekleyebilir, köşe eğimleri (radius) verebilirsiniz.
Elementlere Border (Kenarlık) ekleme ile ilgili detaylı bilgi edinmek için tıklayın.
Web uygulamalar içerisinde Horizontal Stack elementine Shadow (Gölge) ile gölge efekti ekleyebilirsiniz. Mobil uygulamalarda Shadow (Gölge) kullanılmamaktadır.
Elementlere Shadow (Gölge) ekleme ile ilgili detaylı bilgi edinmek için tıklayın.
Last updated
