Xamarin使用框架创建圆形图像

Question

我有问题。我想创建一个圆形的图像，所以我创建了以下代码：

<Frame Grid.Row="1" Grid.Column="1" Grid.ColumnSpan="2" VerticalOptions="Center"
    CornerRadius="100" IsClippedToBounds="True" HeightRequest="70" WidthRequest="70">
    <Image Source="User_Vreesie_Logo.png"
    VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand" />
</Frame>

现在，我希望可以得到一个尺寸为70x70的圆形图像，但是我得到了一个非常长的（宽）框架，带有圆角，中间有一个很小的正方形图像。我该如何解决？

Answer 1

尝试以下方法：

1. 框架的默认填充为25。因此，请设置Padding="0"
2. 将HeightRequest / WidthRequest赋予图像，因为图像似乎无法在Xamarin中自动缩放。
3. 在Aspect="AspectFit"中设置Image。它将缩放图像以适合视图，但是可能会有白色条纹，或者您可以使用Aspect="AspectFill"。它将缩放图像以填充整个视图，但是边框图像的一部分会被剪切。

Answer 2

如果您需要70*70中显示的图片，并且需要Grid。由于不共享ColumnSpan = 2的代码，我已经在本地项目中对以下代码进行了测试，它可以根据需要工作。看看：

Grid

效果：

Answer 3

如果要圈出图像，转角半径应为图片高度的一半。例如，CornerRadius =“ 35” IsClippedToBounds =“ True” HeightRequest =“ 70”。