Label Elementi Özellikleri

Label elementini statik veya dinamik metinlerin gösterimi için kullanabilirsiniz. Elemente role bağlı yetkilendirmeler verebileceğiniz gibi görünürlüğünü de göster/gizle/koşullu seçenekleriyle ayarlayabilirsiniz.

Value (Değer)

Ön tanımlı olarak gösterilecek statik metni yazabileceğiniz alanlar açılır. Symbol Picker ile temel UI Logic yapısında, bir elementten dönen değeri ve bir aksiyonun datasını göstermek için de kullanabilirsiniz.

Maxline

Maxline ile gösterilecek içeriğin metin uzunluğuna bakılmaksızın belirli bir satır sayısına kadar gösterilmesini sağlayabilirsiniz.

Formatter

Uygulama geliştirme sürecinde formatter (biçimleyici), verilerin belirli bir formata veya düzenlemeye getirilmesini sağlayan bir parametredir. Formatter'lar, genellikle metin, sayılar, tarih ve saat gibi veri türlerini düzenler ve belirli bir görünüm veya format elde etmek için kullanılırlar.

Ekran içerisinde yer alan element seçili ise elemente bağlı olarak Properties panelinde Formatter görünmektedir.

Label elementi farklı veri tiplerini bir string olarak gösterebilirler. Formatter ile gösterilecek içeriğin ihtiyaca uygun formatta gösterilmesi sağlanabilir. Her ne kadar telefon numarası (+1 (212) 1234567) ve bir parasal tutar (27.99) sayısal olsa da gösterim formatları birbirinden farklıdır.

Label elementi seçili iken Properties paneli içerisinde Formatter açılır pencere ile gelmektedir.

Açılır pencere içerisinde;

• money,
• money-var-1,
• money-tl, 
• Phone, 
• Percent, 
• Fractional-2, 
• Fractional-5, 
• Date, 
• Time,  
• Date time,
• Date var-1, 
• Time ago, 
• Short date gibi seçeneklerle gelmektedir.

Para Miktarı (Money):

• money: Virgülden sonra 2 basamak kuruş ile para miktarını temsil eder.
• money-var-1: Virgülsüz, 2 basamak kuruş olmadan para miktarını temsil eder.
• money tl: TL sembolünü ekleyerek para miktarını temsil eder.

Telefon Numarası (Phone):

• phone: Telefon numarasını (999) 999-9999 formatında gösterir.

Yüzde (Percent):

• percent: Yüzde sembolünü ekleyerek yüzdeyi temsil eder.

Kesirli Sayı (Fractional):

• fractional-2: Virgülden sonra 2 basamak gösterir.
• fractional-5: Virgülden sonra 5 basamak gösterir.

Tarih ve Zaman (DateTime):

• datetime: Tarihi DD/MM/YYYY HH:mm:ss formatında gösterir.

Tarih (Date):

• date: Tarihi DD/MM/YYYY formatında gösterir.
• date-var-1: Tarihi DD:MM:YYYY formatında gösterir.
• short-date: Tarihi MMM Do formatında gösterir.

Zaman (Time):

• time: Zamanı HH:mm:ss formatında gösterir.
• time-ago: Tarih ve zamanı DD/MM/YYYY HH:mm:ss formatında gösterir.

Bu formatlar, belirli türde verileri istediğiniz şekilde biçimlendirmek için kullanabileceğiniz örneklerdir. Her bir formatı gerektiği gibi uygulayabilirsiniz.

Tooltip

Bir label üzerinde ek/yardımcı bilgi sağlamak için kullanabilirsiniz. Label elementinin üzerine geldiğinizde genellikle küçük bir bilgi penceresi olarak görünen açıklamadır. (Örneğin, bir “E-posta Adresi” etiketi olduğunu düşünürsek, etiketin üzerine geldiğinizde “Lütfen geçerli bir e-posta adresi girin” gibi bir açıklama gösterilebilir.”)