UIStackView 숨기기보기 애니메이션

Question 1

iOS 11에서는 안에있는 숨기기 애니메이션의 동작 UIStackView이 변경되었지만이 문서를 어디에서나 찾을 수 없었습니다.

iOS 10

iOS 11

둘 다의 코드는 다음과 같습니다.

UIView.animate(withDuration: DiscoverHeaderView.animationDuration,
                       delay: 0.0,
                       usingSpringWithDamping: 0.9,
                       initialSpringVelocity: 1,
                       options: [],
                       animations: {
                            clear.isHidden = hideClear
                            useMyLocation.isHidden = hideLocation
                        },
                       completion: nil)

iOS 11에서 이전 동작을 어떻게 복원합니까?

Question 2

같은 문제가있었습니다. 수정 사항은 stackView.layoutIfNeeded()애니메이션 블록 내부에 추가 됩니다. stackView숨기려는 항목의 컨테이너는 어디에 있습니까 ?

UIView.animate(withDuration: DiscoverHeaderView.animationDuration,
                   delay: 0.0,
                   usingSpringWithDamping: 0.9,
                   initialSpringVelocity: 1,
                   options: [],
                   animations: {
                        clear.isHidden = hideClear
                        useMyLocation.isHidden = hideLocation
                        stackView.layoutIfNeeded()
                    },
                   completion: nil)

이것이 iOS 11에서 갑자기 문제가되는 이유는 확실하지 않지만 공정하기 위해 항상 권장되는 접근 방식이었습니다.

Question 3

Swift 4 확장 :

// MARK: - Show hide animations in StackViews

extension UIView {

func hideAnimated(in stackView: UIStackView) {
    if !self.isHidden {
        UIView.animate(
            withDuration: 0.35,
            delay: 0,
            usingSpringWithDamping: 0.9,
            initialSpringVelocity: 1,
            options: [],
            animations: {
                self.isHidden = true
                stackView.layoutIfNeeded()
            },
            completion: nil
        )
    }
}

func showAnimated(in stackView: UIStackView) {
    if self.isHidden {
        UIView.animate(
            withDuration: 0.35,
            delay: 0,
            usingSpringWithDamping: 0.9,
            initialSpringVelocity: 1,
            options: [],
            animations: {
                self.isHidden = false
                stackView.layoutIfNeeded()
            },
            completion: nil
        )
    }
}
}

Question 4

이미 받아 들여진 답변의 의견에 언급되어 있지만 이것은 내 문제였으며 여기에 대한 답변에는 없습니다.

해야합니다 절대 설정되지 isHidden = true이미 숨겨져 뷰에. 이것은 스택 뷰를 엉망으로 만들 것입니다.

Question 5

UIStackView이전에 사용한 모든 코드가 일부 레이어에서 애니메이션을 제거해야하기 때문에 원활하게 작동하지 않았기 때문에 에서 많은 뷰를 숨기고 표시하는 데 좋은이 함수를 공유하고 싶습니다 .

extension UIStackView {
    public func make(viewsHidden: [UIView], viewsVisible: [UIView], animated: Bool) {
        let viewsHidden = viewsHidden.filter({ $0.superview === self })
        let viewsVisible = viewsVisible.filter({ $0.superview === self })

        let blockToSetVisibility: ([UIView], _ hidden: Bool) -> Void = { views, hidden in
            views.forEach({ $0.isHidden = hidden })
        }

        // need for smooth animation
        let blockToSetAlphaForSubviewsOf: ([UIView], _ alpha: CGFloat) -> Void = { views, alpha in
            views.forEach({ view in
                view.subviews.forEach({ $0.alpha = alpha })
            })
        }

        if !animated {
            blockToSetVisibility(viewsHidden, true)
            blockToSetVisibility(viewsVisible, false)
            blockToSetAlphaForSubviewsOf(viewsHidden, 1)
            blockToSetAlphaForSubviewsOf(viewsVisible, 1)
        } else {
            // update hidden values of all views
            // without that animation doesn't go
            let allViews = viewsHidden + viewsVisible
            self.layer.removeAllAnimations()
            allViews.forEach { view in
                let oldHiddenValue = view.isHidden
                view.layer.removeAllAnimations()
                view.layer.isHidden = oldHiddenValue
            }

            UIView.animate(withDuration: 0.3,
                           delay: 0.0,
                           usingSpringWithDamping: 0.9,
                           initialSpringVelocity: 1,
                           options: [],
                           animations: {

                            blockToSetAlphaForSubviewsOf(viewsVisible, 1)
                            blockToSetAlphaForSubviewsOf(viewsHidden, 0)

                            blockToSetVisibility(viewsHidden, true)
                            blockToSetVisibility(viewsVisible, false)
                            self.layoutIfNeeded()
            },
                           completion: nil)
        }
    }
}

Question 6

단일 요소를 숨기거나 표시하는 확장

100 % 관련이 없지만 단일 UIView요소 를 숨기는 간결한 방법을 찾고 있다면 (스택보기 또는 다른 곳에서) 다음과 같은 간단한 확장을 사용할 수 있습니다.

extension UIView {
    func isHiddenAnimated(value: Bool, duration: Double = 0.2) {
        UIView.animate(withDuration: duration) { [weak self] in self?.isHidden = value }
    }
}

한 줄의 코드로 스택 뷰에서 애니메이션 요소를 편리하게 숨기거나 표시하는 데 사용합니다. 예:

validatableButton.isHiddenAnimated(value: false)

Question 7

이것이 다른 사람들의 좌절감을 덜어주기를 바랍니다.

동시에 여러 UIStackView 하위 뷰를 숨기고 표시하는 애니메이션은 엉망입니다.

어떤 경우에는 애니메이션 블록의 .isHidden 변경 사항이 다음 애니메이션까지 올바르게 표시되고 .isHidden은 무시됩니다. 내가 찾은 유일한 트릭은 애니메이션 블록의 완료 섹션에서 .isHidden 지침을 반복하는 것입니다.

    let time = 0.3

    UIView.animate(withDuration: time, animations: {

        //shows
        self.googleSignInView.isHidden = false
        self.googleSignInView.alpha = 1
        self.registerView.isHidden = false
        self.registerView.alpha = 1

        //hides
        self.usernameView.isHidden = true
        self.usernameView.alpha = 0
        self.passwordView.isHidden = true
        self.passwordView.alpha = 0

        self.stackView.layoutIfNeeded()

    }) { (finished) in

        self.googleSignInView.isHidden = false
        self.registerView.isHidden = false
        self.usernameView.isHidden = true
        self.passwordView.isHidden = true
    }