Xamarin形式:图像没有以完美的圆形显示

时间:2018-05-08 04:51:19

标签: xamarin.forms circleimage

我已经发布了有关此问题的问题,从未得到任何解决方案。所以发布相同的问题,包括更多细节和发现。

对于圆形图像,我在我的项目中使用Xam.Plugins.Forms.ImageCircle nuget包,它在android和windows中工作正常但在IOS中显示椭圆形状,截图添加如下。

enter image description here

添加了ImageCircleRenderer.Init();在AppDelegate.cs。

添加了xmlns名称空间:

xmlns:controls="clr-namespace:ImageCircle.Forms.Plugin.Abstractions;assembly=ImageCircle.Forms.Plugin.Abstractions"  

  <controls:CircleImage 
          HorizontalOptions="Start"
          VerticalOptions="Start"
          Margin="0,0,0,-5"
          WidthRequest="50" 
          Aspect="AspectFill"
          BorderColor="#1C7DB4"
          BorderThickness="2"
           HeightRequest="50" />

现在我将Xam.Plugins.Forms.ImageCircle更新为2.0.2,结果图片在下面添加:

enter image description here

提前致谢

1 个答案:

答案 0 :(得分:1)

看起来好像是在ListView中显示圆圈,每个默认值都有固定的单元格高度。看起来你的细胞似乎不够高,无法为CircleImage提供所需的空间。您有两种方法可以解决这个问题:

  • 将单元格高度设置为足够高的固定值。
    • 我不知道细胞填充的确切值,所以你必须尝试一下。也许从60左右开始。

<ListView RowHeight="60" ...>

  • 设置HasUnevenRows="true"
    • 我相信这会自动修复行高,但需要付出代价:可能会对布局视图产生负面影响。

<ListView HasUnevenRows="true">