Merhaba,

Plugin tanımaya ve örnekler yapmaya devam ediyoruz. Bu makalemizde Circle Image Control Plugin’i inceleyeceğiz.

Circle Image Control : Xamarin Forms uygulamalarımızda kullandığımız resimleri daire içerisinde göstermeye yarar.

Desteklediği platformlar

Yeni bir PCL projesi açıp kodlarımızı yazmaya başlıyoruz.

Projemiz açıkdıktan sonra Xam.Plugins.Forms.ImageCircle Plugin’i projemize dahil ediyoruz.

Plugin Install işlemi bittikten sonra platform spesifik init (iOS, Android, Windows) işlemlerini yapmak zorundayız. Çünkü her platform için ImageCircle Renderer işleminin çalışması gerekiyor.

Artık plugun’i init ettiğimiz tüm platformlarda kullanabiliriz!

Çok basit bir kullanım ile örneğimizi canlandıralım.

HeightRequest ve WidthRequest vermek zorundasınız.

Peki XAML içerisinde nasıl kullanılıyor?

Burada dikkat etmemiz gereken nokta xmlns tanımlaması

xmlns:image=”clr-namespace:ImageCircle.Forms.Plugin.Abstractions;assembly=ImageCircle.Forms.Plugin.Abstractions ile Plugin’in Abstractions katmanındaki CircleImage classını kullanacağımızı ve bu Abstractions ‘ın ImageCircle.Forms.Plugin.Abstractions projesinde olduğunu söylüyoruz.

Görüşmek üzere,

github üzerinden kaynak kodlara ulaşabilirsiniz.