iOS Circular Slider

Question

Я хочу создать круговой слайдер, как показано ниже.

Но я хочу две функциональные возможности в дополнение.

1) Я хочу запустить ползунок из любой точки, но на рис. он начинается с 0.

2) Я хочу включить несколько ползунков в один круглый черный участок.

Я разделяю ссылку этого проекта: https://www.cocoacontrols.com/controls/circularsliderdemo

Может кто-нибудь помочь мне сделать эти функциональные возможности. Спасибо заранее.

Answer 1

Посмотрите на CAShapeLayer. Вы можете создать путь, который является полным кругом, и использовать свойства strokeStart и strokeEnd, чтобы рисовать только часть круга. Вы можете использовать анимацию ядра для анимации между началом и концом.

В Github есть открытый пользовательский распознаватель жестов, который является распознающим жестом одного пальца. Это было бы хорошим началом для обнаружения и реагирования на жест верха, который потребует такого контроля. EDIT: Это называется KTOneFingerRotationGestureRecognizer (link)

Это некоторые идеи, которые помогут вам начать работу.

У меня есть проект на github под названием iOS-CAAnimation-group-demo Это включает в себя анимацию «clock wipe». Очистка часов работает, устанавливая слой фигуры в качестве слоя маски для изображения, устанавливая дугу с полным кругом, которая достаточно широка, чтобы полностью заполнить прямоугольную область, а затем оживить свойство strokeEnd слоя формы, чтобы выявить/скрыть изображение. Протирание часов намного сложнее, чем вам нужно, но это даст вам семя того, что вы хотите. Вы бы использовали слой с более тонкой шириной линии, и вы использовали бы его как слой контента, а не как маску.