Elements
/
Container

Vertical Stack

Vertical Stack

Vertical Stack Elementi uygulama geliştirme süreçlerinde kullanıcı arayüzü (UI) tasarımını düzenlemek için yaygın olarak kullanılan bir elementtir.

Vertical Stack elementi, UI elemanlarını dikey bir sıra veya düzen içinde yerleştirmek için kullanılır. Dikey bir sıra içinde elemanları düzenlemek, içeriği daha okunaklı ve düzenli hale getirir ve kullanıcıların uygulamanızla daha iyi etkileşimde bulunmasına yardımcı olur.

İki veya daha fazla elementin yan yana geldiği durumlarda ara boşluklarını ayarlamak için Vertical Stack elementini kullanabilirsiniz. Container kategorisi altında bulunur. Display, Input tipindeki elementler başta olmak üzere birçok elementi ekleyebilirsiniz.

Vertical Stack elementinin aşağıda yer alan işlevleri bulunmaktadır.

  • Elementleri Düzenleme: Vertical Stack Elementi, farklı UI elemanlarını dikey bir sıra içinde düzenlemenizi sağlar.
  • Duyarlılık (Responsive Design): Vertical Stack Elementi, farklı ekran boyutlarına ve cihazlara uyum sağlama konusunda yardımcı olabilir. Elemanlar dikey olarak sıralandığı için, ekran boyutlarına göre otomatik olarak ayarlanabilirler. Bu, mobil cihazlar gibi küçük ekranlarda içeriğin düzenli kalmasını sağlar.
  • Özelleştirme: Vertical Stack Elementi, elemanlar arasındaki boşlukları, hizalamayı ve diğer stil özelliklerini özelleştirmenize olanak tanır. Bu, tasarım gereksinimlerinizi karşılamak için düzeni özelleştirmenize yardımcı olur.
  • UI Tasarımının İyileştirilmesi: Vertical Stack Elementi, kullanıcıların bir sayfa veya pencere üzerindeki içeriği daha kolay anlamalarını ve etkileşimde bulunmalarını sağlar. Bu, kullanıcı deneyimini iyileştirmeye yardımcı olur.

Vertical Stack Ekleme

Vertical Stack elementini uygulamanız içerisine eklemeniz oldukça kolay. Vertical Stack elementini eklemek için aşağıdaki adımları izlemeniz gerekmektedir.

  1. UI Design modülünde, sol taraftaki Elements panelini açın.
  2. Elements paneli içerisinde Container kategorisi içerisinden Vertical Stack seçin.
  3. Vertical Stack elementini ekrana sürükleyin ve bırakın.
  4. Vertical Stack elementini Properties paneli içerisinden özelleştirebilirsiniz. Örneğin adımların sayısı, başlangıç değeri vb.
  5. Elements panelinden Vertical Stack elementini ekranda boş bir alana sürükle bırak ile eklediğinizde otomatik bir Row/Column ile birlikte gelir. Vertical Stack elementini bir Row/Column veya Panel elementi içine sürükle bırak ile ekleyebilirsiniz.

Vertical Stack elementi mobil ve web uygulamaları desteklemektedir

Vertical Stack elementini;

  • Row
  • Panel,
  • Input (Textinput, Currency, Selectbox, Checkbox ve Switch)

gibi elementler içine ekleyebilirsiniz.

Vertical Stack elementi içerisine Horizontal Stack elementi ekleyebilirsiniz.

Sözlük

No items found.

Alt Başlıklar