Footer

Footer elementinin işlevine göz atın.

Footer (altbilgi olarak da adlandırılır), bir mobil veya web uygulamalar içerisinde sayfanın alt kısmında bulunan sayfanın belirli bilgilerini ve işlevlerini içeren elementtir. Footer elementi, kullanıcılar için önemli bilgileri sağlamanın yanı sıra mobil veya web uygulamalar içerisinde sayfanın düzenli ve profesyonel bir şekilde sunmanın bir parçası olarak kullanılır.

Footer elementi, sayfaların alt kenarına sabitlenecek şekilde yerleşir. Container tipindeki bu element için ikonlar ekleyerek bir tabbar menu yapabilirsiniz.

Footer, elementini geliştireceğiniz web veya mobil uygulamalar da kullanabilirsiniz.

Footer elementini uygulamanızda farklı işlevlerde kullanabilirsiniz. Bu işlevlere örnekler aşağıda verilmiştir.

  1. Bilgi Sağlama: Footer, web veya mobil uygulamada yer alan sayfa altında bulunan önemli bilgileri (İletişim bilgileri, Hakkında Bilgileri, Sosyal medya bağlantıları, Site haritası) sunmak için kullanılır.

  2. Telif Hakkı Bilgisi: Footer, web veya mobil uygulamada yer alan sayfanın telif hakkı bilgisini içerebilir. Bu, içeriğin yasal olarak korunduğunu ve izinsiz kullanımının önlenmesi gerektiğini gösterir.

  3. Site Navigasyonu: Footer, web sitesinin önemli sayfalarına hızlı erişim sağlamak için kullanılabilir.

  4. Tasarım Bütünlüğü: Footer, web sitesinin veya belgenin tasarım bütünlüğünü tamamlar. Sayfanın alt kısmında yer alarak, sayfa içeriğini düzenli bir şekilde sonlandırır ve profesyonel bir görünüm sağlar.

  5. Duyarlılık (Responsive Design): Footer, web sitesinin veya belgenin farklı ekran boyutlarına ve cihazlara uyumlu olmasına yardımcı olabilir. Mobil cihazlarda veya küçük ekranlarda footer, kullanıcıların kolayca erişebileceği şekilde tasarlanabilir.

Footer elementi, web veya mobil uygulamada yer alan sayfaların daha kullanıcı dostu ve bilgilendirici hale getirmenin önemli bir parçasıdır. Bu nedenle, uygulama geliştirme sürecinde Footer'ın doğru ve etkili bir şekilde kullanılması önemlidir.

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

  1. UI Design görünümünde, sol taraftaki Elements panelini açın.

  2. Elements panelinde Container kategorisi içerisinden Footer’ı seçin.

  3. Footer elementini ekrana sürükleyin ve bırakın.

  4. Footer elementini Properties paneli içerisinden özelleştirebilirsiniz.

  5. Footer elementini ekranda boş bir alana sürükleseniz de ekranın üst kenarına sabitlenerek kalacaktır. Uzun ekran tasarımlarında da yine ekran kaydırıldığında ekran yüksekliğinden bağımsız da yine alt kenarda sabit kalacaktır.

Footer elementi bir ekran içerisinde sadece bir kere kullanılabilir.

Footer elementinin içine;

gibi elementleri ekleyebilirsiniz.

Footer elementi seçildiğinde, Properties panelinde Authorization (Yetkilendirme) ve Visibility (Görünürlük) parametreleri görüntülenir. Bu parametre alanları, Footer elementi ile ilgili özel yetkilendirme ayarlarını ve görünürlük tercihlerini düzenlemenizi sağlar.

Elemente role bağlı yetkilendirmeler verebileceğiniz gibi görünürlüğünü de göster/gizle/koşullu seçenekleriyle ayarlayabilirsiniz.

Footer 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. Bu özellik genellikle uygulama tasarımında veya işlevselliğinde kullanılır.

Footer 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.

Footer elementini Styling paneli ile özelleştirebilirsiniz.

Footer elementine Layout (Düzen), Fill (Dolgu), Border (Kenarlık) veya Shadow (Gölge) ekleyerek ek düzenlemeler yapabilirsiniz.

Footer elementinde Layout ile çevresel iç boşluklar (Padding) ve boyutlandırma (Size) gibi görsel düzenlemeleri yapabilirsiniz.

Elementlerde Layout ekleme ile ilgili detaylı bilgi edinmek için tıklayın.

Footer elementinin arka planına (Background) renk veya görseli Fill ile ekleyebilirsiniz.

Elementlere Fill (Dolgu) ekleme ile ilgili detaylı bilgi edinmek için tıklayın.

Footer'un 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 Footer elementine Shadow ile gölge efekti ekleyebilirsiniz. Mobil uygulamalar içerisinde Shadow görüntülenmemektedir.

Elementlere Shadow (Gölge) ekleme ile ilgili detaylı bilgi edinmek için tıklayın.

Last updated