label - 带圆圈的标签 Xamarin 表单

Question

我想要实现的目标：

在下面的屏幕截图中看到有一个带有孔号的标签，我想在这个标签周围创建一个圆圈，我该如何实现呢？

需要圆圈的标签

现在我的假设是，为了实现这一点，我需要创建一个自定义渲染器并覆盖 Label 类，但是从那里我不确定如何绘制圆圈并达到预期的结果。

任何指导和帮助将不胜感激。

score 5 · Accepted Answer

在以下链接中，您将找到RoundedBoxView的代码和视频（页面的一半）。

如果您在项目中创建它，则可以执行以下操作来创建圆角框标签：-

*)网格作为外部控件。

*) 创建一个RoundedBoxView作为Grid的子项以创建您的圆圈 - 您可以在网格外部控件上指定固定宽度/高度，以了解指定RoundedBoxView的CornerRadius属性的值，或者挂钩到SizeChanged事件处理程序设置值。

*) 创建一个Label控件也作为Grid控件的子控件，并将其位置居中。

然后，您可以在水平StackLayout内的Label中创建您的Hole文本，然后添加以上内容以创建您想要的效果。