折线图上的滑块/线标记

Question

我创建了折线图控件。现在，我尝试在图表中添加滑块/线标记，如图片（Bing Financial App）。目标是我可以移动滑块，红点会粘到图表线上，并且值会根据图表线变化。

我该怎么做？如何确保红点贴在地图上？

由于

Answer 1

您可以在图表控件的顶部叠加一个面板（如Canvas或Grid），然后将设计的拇指元素放在其上面，并确保它具有一定的宽度通过使用Transparent Background或Fill元素扩展其区域来捕获输入。然后，您可以处理Manipulation或PointerMoved个事件（确保在Capture()中的指针上调用PointerPressed，以便在它离开拇指边界时不会丢失它拖动）并在拖动时更改拇指的位置。根据拇指的位置，你可以计算出红点的位置，它可以是拇指的一部分，也可以是图表本身。