Это пользовательский элемент управления, а не стандартный SurfaceSlider. Он также не построен с использованием TagVisualizer, но только потому, что приложение, показанное на этом рисунке, было создано за 2 года до появления TagVisualizer.
Теперь вам, безусловно, следует использовать TagVisualizer, чтобы упростить реализацию этого, но вам все равно придется создать собственный элемент управления ползунка - SurfaceSlider не подойдет, потому что он предполагает, что пользователь перемещает палец линейно.
В своем пользовательском элементе управления ползунком, вы можете использовать SurfaceThumb (который использует сам SurfaceSlider), чтобы получить большой светящийся большой палец ... тогда просто нужно слушать события Delta на большом пальце и перемещать его по ограниченному пути в зависимости от ситуации.