Слайдер с пользовательскими галочками (метки и темп)

Question

Я пытаюсь создать пользовательское Slider внутри приложения UWP, которое должно выглядеть и функционировать подобно скроллу во встроенном в Windows 10 Фото * приложении 1005 *:

На этом снимке экрана есть две основные функции, но я не смог найти способ реализовать себя:

1. Все позиции в пределах одного и того же диапазона на ползунке / полосе прокрутки должны иметь одинаковое значение всплывающей подсказки. В примере со скриншотом вы можете видеть, что все фотографии в пределах определенного диапазона ползунка (между двумя отметками) показывают одну и ту же подсказку, которая является названием этого месяца.

2. Разрывы между галочками не всегда одинаковы. В примере со скриншотами они зависят от количества фотографий, сделанных за каждый месяц, относительно общего количества фотографий.

Я обнаружил, что в WPF довольно просто и просто установить пользовательские значения для тиков на ползунке ( см. Здесь ), но в UWP эти атрибуты, похоже, исчезли. Кроме того, не смог найти ничего об этом в официальных документах . Я заметил, что есть элемент управления UWP под названием TickBar , но не смог найти никаких примеров, чтобы понять, относится ли он к моему вопросу.

Я что-то упустил или действительно невозможно достичь такого UX, не сделав свой собственный полностью настраиваемый элемент управления UI?

Answer 1

Это не ползунок. Если вы хотите сделать такой контроль, вам придется сделать много настроек. Возможно, вам придется сделать UserControl. Этот UserControl требует некоторых основных элементов управления UWP, чтобы он выглядел как приложение MS Photos.

Например, вам может понадобиться пользовательский ItemsControl ( StaggeredPanel выглядит очень похоже) для управления макетом изображений на странице и настройки ScrollBar, используйте два элемента ItemsControl для отображения года / месяца на правая сторона. Вам также понадобится некоторая метка для отображения текста при перемещении указателя на полосе прокрутки, метка может быть элементом управления TextBlock и т. Д. Вам также могут потребоваться некоторые анимации .

В любом случае, чтобы сделать такой контроль, вам нужно много базовых знаний и много настроек. Это сложно. Вы можете отправить Запрос на добавление на WPDev UserVoice .