Uygulamamıza kolay yoldan ikonlar eklemenin çeşitli yolları var bunlardan biri de hazır ikon kütüphaneleri kullanmak olacaktır.Genel kullanımlar için hazırlanmış ücretsiz ikonları barındıran bu kütüphaneleri Kodular’da kullanmak gayet basit.
İlk olarak gelin Font Awesome 5 ile başlıyalım
https://fontawesome.com/icons?d=gallery&m=free
Adresinden kendimize bir ikon seçelim , örnek olarak Türk Lirasının simgesinin Unicode parametresini kopyalayalım.
https://fontawesome.com/icons/lira-sign?style=solid
Türk Lirasının simgesi Font Awesome 5 Solid kütüphanesinde “f195” olarak atanmış.Artık Unicode u bildiğimize göre uygulamamızda kullanabiliriz.
Projemize bir label komponenti ekleyelim ve resimdeki gibi doldurmamız yeterli.
- HTML desteğini açın
- FontTypeface olarak FontAwesome 5 SoIıd olarak seçin
- Unıcode’u &#xUNICODE; şeklinde girin, örnekte
İşte sonuç
Material Icons kullanımı
Aşağıdaki adresten bir ikon seçelim.
https://material.io/resources/icons/?icon=alarm&style=baseline
Font Awesome 5 e göre Material Icons daha kolay bir kullanıma sahip.Aşağıdaki ayarları uygulamamız yeterli
Hepsi bu kadar 🙂
Bir yanıt yazın