带标签的Xamarin表格

Question

我想要实现的目标:

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

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

任何指导和协助将不胜感激.

Answer 1

在以下链接中,您将找到RoundedBoxView的代码和视频(页面的一半).

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

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

*)网格作为外部控件.

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

*)创建一个Label控件也作为Grid控件的子控件,并使其位置居中.

然后,您可以在水平StackLayout中的Label中创建Hole文本,然后添加上面的内容以创建所需的效果.