Geri
Responsive Tasarım

Responsive tasarıma sahip ekranlar üzerinde çalışırken satır/kolon bağlamındaki alt yapıyı doğru kurgulamak gerekir. Responsive bir UI tasarımı ilk olarak ekran oluşturma açılır penceresi ile başlar.

New Screen açılır penceresi ile en az 2 cihaz tipini seçmelisiniz.

Oluşturduğunuz ekran ilk açıldığında 3 kolona sahip bir satır ile açılır. Satırı seçili hale getirdiğinizde Properties panelinde gösterilen kolon ayarlama bölümü ile responsive davranışı yapılandırabilirsiniz.


Web ve Customize başlıkları ile satır içinde bulunacak kolon sayısını belirlerken, Tablet ve Phone tipindeki cihazlarda bu kolonların davranışlarına ait ayarlamayı yapabilirsiniz.

Örneğin web görünümünde 4 kolon halinde olan bir card tipli listenin, tabletlerde her satıra 2 kolon gelecek, telefonlarda ise her satırda tek kolon gelecek şekilde yapılandırabilirsiniz.

Tablet ve telefondaki davranışlarda;

  1. Kolonları birer satır gibi göster
  2. Her satıra 2 kolon gelecek şekilde sırala
  3. Her satıra 3 kolon gelecek şekilde sırala
  4. Her satıra 4 kolon gelecek şekilde sırala

seçenekleri bulunur. İhtiyacınız olan yapılandırmayı Row/Satır seçiliyken yapabilirsiniz.

Kuika 101
Başlangıç
Bileşenler
Kodu Dışa Aktarın
Layout ve Tasarım
Ortak Çalışma
Prototipleme
S.S.S.
Yenilikler
Çalışma Alanı İşlemleri
Şablonlarla Çalışma