xaml - Xamarin 在图像周围形成自定义框架形状

Question

我的应用程序中有一个图像，它周围有一个框架，使图像成为一个圆圈。我想要一个自定义的框架形状，但不知道如何获得这个确切的形状。



(请忽略图中的房子，它只是在 Xamarin 中表示图像，我只需要轮廓作为形状)。

我也不要求框架有彩色边框，只有形状。

任何帮助将不胜感激!

这是我现在的 Frame + Image 代码:

<Frame x:Name="PictureFrame" Padding="0" Margin="0" HorizontalOptions="Center" BorderColor="Transparent" WidthRequest="80" HeightRequest="80" HasShadow="False">
    <Image x:Name="Picture" Source="picture" Margin="0,0,0,0" Aspect="AspectFill"/>
</Frame>

Answer 1

您可能必须创建一个自定义渲染器来实现您的需求。例如，在 Android 上，Frame 掩码实际上是使用贝塞尔曲线路径实现的，如果您更深入地研究代码，您可以根据自己的喜好控制该路径。

看看FreshEssentials AdvancedFrame View 几乎可以满足您的需求。他们所做的修改是，您可以在左侧或右侧的两个角上形成 90 度锐角。您只需要稍微修改此代码，即可在除左上角之外的所有地方都有一个圆角。

您需要修改的内容如下:

AdvancedFrame (如果您希望可以单独配置拐角半径或其他东西。这是从 Xamarin.Forms 中的原始 Frame 控件继承的基础)

AdvancedFrameRendererDroid

AdvancedFrameRendereriOS

AdvancedFrameRendererUWP (仅当您需要 UWP 支持时)

温馨提示:

在 Android 上，框架的背景掩码是用 Path 定义的。类(class)。

在 iOS 上， UIBezierPath使用 UIKit 框架中的类。