Xamarin.Forms中的CircularImage

Question

我需要在带有圆角的Xamarin.Forms中进行图像控制.但我没有找到任何能够成功的财产.如何拥有圆形图像？

Answer 1

我使用FFImageLoading库CachedImage控件对圆形图像进行圆形变换:

<ffimageloading:CachedImage  
        DownsampleToViewSize="true"
        Aspect="AspectFill"
        Source = "{Binding Image}"
        LoadingPlaceholder = "{Binding DefaultImage}"
        ErrorPlaceholder = "{Binding DefaultImage}">
    <ffimageloading:CachedImage.Transformations>
        <fftransformations:CircleTransformation />
    </ffimageloading:CachedImage.Transformations>
</ffimageloading:CachedImage>

Answer 2

您可以使用Image Circle Control Plugin

<controls:CircleImage Source="{Binding Image}" Aspect="AspectFill">
  <controls:CircleImage.WidthRequest>
    <OnPlatform x:TypeArguments="x:Double"
      iOS="55"
      Android="55"
      WinPhone="75"/>
   </controls:CircleImage.WidthRequest>
<controls:CircleImage.HeightRequest>
    <OnPlatform x:TypeArguments="x:Double"
      iOS="55"
      Android="55"
      WinPhone="75"/>
   </controls:CircleImage.HeightRequest>
</controls:CircleImage>

阅读Project github自述文件

您还可以使用Xamarin-Forms-Labs项目中的CircleImage.