Bu yazımızda sizlere çok güzel bir NuGet paketinden bahsediyor olacağım. Bu ücretsiz eklenti ile uygulama butonlarınız eskisinden güzel gözükecek. C# butona icon ekleme
Hepimizin başına gelmiştir. Proje üzerinde göze hitap eden tasarımlar yapmak isteriz ama butona resim eklemekle uğraşırız fakat her seferinde hem çok zamanımızı alır hem de istediğimiz sonuca yaklaşamayız bile. İşte bu yüzden bu eklenti tam aradığınız şey olduğunu düşünüyorum. Bir süredir projelerimde kullanıyorum ve sonuçtan gayet memnun kaldım. Yazımızın sonunda işinizi daha da hızlandıracak tüyolar veriyor olacağım.
Paket Kurulumu ( Button icon ekleme )
Kısaca kurulumundan bahsedecek olursak eklentimizin adı FontAwesome , Bu NuGet eklentisini nasıl projemize dahil edeceğimizle başlayalım. Öncelikle nugeti eklemek istediğimiz projemizi açalım ve sırasıyla;
- Proje sekmesi >
- NuGet Paketlerini Yönet >
- Gözat >
- Ara kutusuna fontawesome.sharp yazıyoruz >
- Alttaki resimdeki eklentiyi Yüklüyoruz.
![](https://effectiveyazilim.com/wp-content/uploads/2022/06/Kurulum1.png)
C# butona icon ekleme – button icon kullanımı
![](https://effectiveyazilim.com/wp-content/uploads/2022/06/Kurulum2-1024x511.png)
NuGetimiz eklendi. Artık projelerimizdeki butonlarımıza ikon ekleyebiliriz. İlk olarak kullanımını anlatıp sonrasında özelleştirmelerinden bahsediyor olacağız.
Buton ikon eklentisi
![C# butona icon ekleme](https://effectiveyazilim.com/wp-content/uploads/2022/06/kullanim1.png)
![](https://effectiveyazilim.com/wp-content/uploads/2022/06/fontawesome1.png)
NuGetimizi kurduktan sonra araçlar içerisine FontAwesome.Sharp altında IconButton butonu eklenecektir. Bu butonu formumuzu sürükleyelim.
![C# butona icon ekleme](https://effectiveyazilim.com/wp-content/uploads/2022/06/fontawesome2.png)
İlk eklediğimizde normal gözüken bu buton şimdi göstereceğim ayarlarla karakter sahibi olacak. Eklediğimiz iconbutton özelliklerinde FontAwesome Sekmesi oluşmuş olduğunu göreceksiniz. Bu sekmedeki yerleri açıklamak gerekirse;
![C# butona icon ekleme](https://effectiveyazilim.com/wp-content/uploads/2022/06/fontawesome3.png)
Flip – ikonun yönü
IconChar – ikon seçimi
IconColor – ikon rengi
IconSize – ikon boyutu
Rotation – ikon eğimi
Flat bir buton üretmek istedim ve yaptığım işlemler iconbutton özelliklerinde sırasıyla;
- Görünüm > FlatStyle > Flat
- Görünüm > FlatAppearance > BorderSize > 0
- Görünüm > BackColor > Buton Rengi Seçimi
- Görünüm > ForeColor > Yazı rengi Seçimi
- Görünüm > ImageAlign > ikonu sola yasladım
- Görünüm > TextAlign > Buton yazısını sağa yasladım
- FontAwesome > IconChar > ikon seçimi
- FontAwesome > IconColor > ikon rengi seçimi
![C# butona icon ekleme](https://effectiveyazilim.com/wp-content/uploads/2022/06/IconButton.gif)
İşin pratikleşmesi için bir tüyo vermem gerekirse bir çok ikonun içerisinden aradığınızı bulmak zor olabilir. Bu yüzden https://fontawesome.com/icons adresinde ikonlarınızı arayıp isimlerini bulabilirsiniz.
Tebrikler artık sizin de butonlarınız ikonlu 🙂 Yorumlarda görüşlerinizi bildirmeyi unutmayınız. Blog sitemiz ile ilgili görüş ve önerileriniz bizleri için önemlidir. Bir sonraki yazımızda görüşmek dileğiyle
Kısaca orta düzey C# form örnekleri – hesap makinesi programı yaptığımız yazımıza Buradan ulaşabilirsiniz.
Bir yanıt yazın