折線圖上的滑塊/線條標記

Question

我創建了折線圖控件。現在我正在嘗試像圖片一樣向圖表添加一個滑塊/線條標記（必應金融應用程序）。我們的目標是可以將滑塊和紅色點移動到圖表行，並根據圖表行改變值。

我怎樣才能做到這一點？我怎樣才能確保紅點貼在圖表上？

感謝

Answer 1

你會在你的圖表控件頂部覆蓋面板（如Canvas或Grid），然後把你的設計的拇指元素在它上面，也許確保其通過延伸具有一定的寬度其面積爲TransparentBackground或Fill，它將捕獲輸入。然後，您可以處理Manipulation或PointerMoved事件（請確保在PointerPressed的指針上撥打Capture()，以便在拖動時離開拇指邊界時不會丟失它），並在拖動時更改拇指位置。根據拇指的位置，您可以計算出紅色點的位置，該位置可以是拇指的一部分，也可以是圖表本身。