ChromaTouch: 3D Touch Color Picker в Swift

Если вы новичок в Swift, вы, возможно, нашли  мою последнюю публикацию о 3D Touch  немного пугающей. Вот  гораздо меньший проект, за  которым, возможно, будет немного легче следовать, чтобы начать работу с принудительными, заглядывающими, всплывающими и предварительными действиями. 

ChromaTouch  — это  средство выбора цвета на основе HSL, в котором пользователь может установить цвет с помощью трех горизонтальных ползунков или прикоснувшись к образцу цвета, где горизонтальное движение задает оттенок, вертикальная установка насыщенности и сила прикосновения устанавливает яркость цвета. Когда пользователь перемещает палец по образцу, ползунки обновляются, отражая новые значения HSL.

При принудительном касании ползунков пользователю предоставляется небольшой предварительный просмотр, отображающий шестнадцатеричное значение RGB их цвета:

Проведя пальцем вверх, они могут установить свой цвет на одну из трех предустановок:

И при глубоком нажатии они получают полноэкранный предварительный просмотр своего цвета, который отклоняется одним касанием:

Давайте посмотрим на каждую часть кода 3D Touch, чтобы увидеть, как все было реализовано.

Урегулирование Легкости с Силой 

Мой  Swatch класс отвечает за обработку касаний пользователя в трех измерениях и заполнение кортежа, содержащего три значения оттенка, насыщенности и яркости. Каждое прикосновение, возвращаемое в,  touchesMoved() содержит двумерные пространственные данные в своем  touchLocation свойстве и величину силы, которую пользователь оказывает в своем  force свойстве. 

Мы можем нормализовать эти значения между нулем и единицей, разделив позиции на границы  Swatchпредставления и силу на  maximumPossibleForce. С этими нормализованными значениями мы можем построить объект, представляющий три свойства нашего желаемого цвета:

override func touchesMoved(touches: Set<UITouch>, withEvent event: UIEvent?)
    {
        super.touchesMoved(touches, withEvent: event)

        guard let touch = touches.first else
        {
            return
        }

        let touchLocation = touch.locationInView(self)
        let force = touch.force
        let maximumPossibleForce = touch.maximumPossibleForce

        let normalisedXPosition = touchLocation.x / frame.width
        let normalisedYPosition = touchLocation.y / frame.height
        let normalisedZPosition = force / maximumPossibleForce

        hsl = HSL(hue: normalisedXPosition,
            saturation: normalisedYPosition,
            lightness: normalisedZPosition)
    }

for sliderWidget in [hueSlider, saturationSlider, lightnessSlider]
    {
        progressBarsStackView.addArrangedSubview(sliderWidget)
        sliderWidget.addTarget(self, action: "sliderChangeHandler", forControlEvents: UIControlEvents.ValueChanged)

        registerForPreviewingWithDelegate(self, sourceView: sliderWidget)
    }

   func previewingContext(previewingContext: UIViewControllerPreviewing,
        viewControllerForLocation location: CGPoint) -> UIViewController?
    {
        let peek = PeekViewController(hsl: hsl,
            delegate: previewingContext.delegate)

        return peek
    }

var previewActions: [UIPreviewActionItem]
    {
        return [ColorPresets.Red, ColorPresets.Green, ColorPresets.Blue].map
        {
            UIPreviewAction(title: $0.rawValue,
                style: UIPreviewActionStyle.Default,
                handler:
                {
                    (previewAction, viewController) in
                    (viewController as? PeekViewController)?.updateColor(previewAction)
                })
        }
    }

func updateColor(previewAction: UIPreviewActionItem)
    {
        guard let delegate = delegate as? ChromaTouchViewController,
            preset = ColorPresets(rawValue: previewAction.title) else
        {
            return
        }

        let hue: CGFloat

        switch preset
        {
        case .Blue:
            hue = 0.667
        case .Green:
            hue = 0.333
        case .Red:
            hue = 0
        }

        delegate.hsl = HSL(hue: hue, saturation: 1, lightness: 1)
    }

 func previewingContext(previewingContext: UIViewControllerPreviewing,
        commitViewController viewControllerToCommit: UIViewController)
    {
        swatch.userInteractionEnabled = false
        progressBarsStackView.hidden = true
    }

 override func touchesBegan(touches: Set<UITouch>, withEvent event: UIEvent?)
    {
        super.touchesBegan(touches, withEvent: event)

        swatch.userInteractionEnabled = true

        UIView.animateWithDuration(0.25){ self.progressBarsStackView.hidden = false }
    }