Xamarin.Forms Circle Image Control Plugin Kullanımı

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

Desteklediği Platformlar

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

PCL

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

install-plugin

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.

imagecirclerenderer

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

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

circleusage

HeightRequest ve WidthRequest vermek zorundasınız.

cricledroidcirclewinphone

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

circleimageonxaml

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.

Yiğit

Xamarin Developer, Consultant & Architect. Community Leader and Director of Xamarin Türkiye

3 Comments

You can post comments in this post.


  • Hocam, resimleri ben local den çekiyorum. Resimlere tıklandığında bir linke gitmesini istiyorum,
    Bunu nasıl yapabilirim acaba ?

    Teşekkürler.

    Yasin 6 sene ago Reply


    • XAML için;



      CS için yazmama gerek yok sanırım 🙂

      Yiğit 6 sene ago Reply


      • Hocam source yazdığım da telefonda linklere gidemiyorum ben, sanırım yazmanıza gerek var 🙂
        Teşekkürler

        Yasin 6 sene ago Reply


Post A Reply