带标签的Xamarin表格

Question

我想要实现的目标：

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

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

非常感谢任何指导和帮助。

Answer 1

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

http://forums.xamarin.com/discussion/17792/video-on-making-custom-renderers

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

*）网格作为外部控件。

*）创建 RoundedBoxView 作为网格的子来创建圆圈 - 您可以指定固定的宽度/高度grid外部控件知道指定 RoundedBoxView 的 CornerRadius 属性的值，或者挂钩到 SizeChanged 事件处理程序来设置值。

*）创建标签控件也作为网格控件的子项，并使其位置居中。

然后，您可以在水平 StackLayout 中的标签中创建孔文字，然后添加以上内容在创造你想要的效果。