Shari

Transcript

1. ,ZPCBTIJTXJGU
   Y
   ",*#"TXJGU
   
   !OBLBKJKBQBO Shari minneʹಋೖͯ̍͠೥

2. AKIBA.swift Kyobashi.swift Shibuya.swift

3. @nakajijapan GMO PEPABO inc. Principal Engineer iOS / Web /

   OS X About Me Daichi Nakajima

4. ϋϯυϝΠυ࡞඼Λ ചΕΔɺങ͑Δɻ ࠃ಺࠷େڃͷ ϋϯυϝΠυϚʔέοτ

5. NKJMultiMovieCaptureView NKJMovieComposer NKJPagerViewController PhotoSlider Teiten GitHub Sengiri Shari frustration.me Kazaguruma

6. Shari

7. None

8. ࣷར • ਣ൧ • ωλͷҾཱ͖ͯ໾

9. What is Shari?

10. UI Component IUUQTHJUIVCDPNOBLBKJKBQBO4IBSJ

11. None

12. Why?

13. Why • Χʔτͷࡏݿมߋ • UIPickerViewΛར༻͍ͯͨ͠ • ૢ࡞͕̍εςοϓ஗͍ • தԝ഑ஔ͕ετϨε

14. Why • Χʔτͷࡏݿมߋ • UIPickerViewΛར༻͍ͯͨ͠ • ૢ࡞͕̍εςοϓ஗͍ • தԝ഑ஔ͕ετϨε ࡏݿมߋʹ̍ɺ͕̎΄ͱΜͲ

15. ղܾ͍ͤͨ͞

16. Want • UIPickerViewͷ୅ସ • ͳΔ΂͘؆୯ʹ • େྔͷࡏݿΛબ୒͢ΔϢʔβ΋ߟྀ

17. Goal

18. None

19. Try!

20. Animation

21. UIPercentDrivenInte ractiveTransition

22. UIPercentDrivenInteractiveTransition • Interactively control view controller • Percent Driven •

    update(_:), cancel(), finish() • Using gesture recognizger $MBTT IUUQTEFWFMPQFSBQQMFDPNSFGFSFODFVJLJUVJQFSDFOUESJWFOJOUFSBDUJWFUSBOTJUJPO

23. UIViewControllerAni matorTransitioning

24. UIViewControllerAnimatorTransitioning • Custom ViewController Transition • Define how animation you

    want to make 1SPUPDPM

25. Πέϧ

26. ΠέφΠ

27. Problem

28. Problem • ࠷ॳ͔Β࠷ޙ·Ͱͷදݱ͔͠Ͱ͖ͳ͍ • ్தͷUIͷ੍ޚ͕ೖΕΒΕͳ͍

29. ❌

30. None

31. Implementation • Using Container View Controller

32. Half

33. Implementation modalNavigationController.parentNavigationController = navigationController navigationController?.si.presentViewController( toViewController: modalNavigationController ) • Call

    Customized Container View Controller

34. Implementation func presentViewController(toViewController:UIViewController) { toViewController.beginAppearanceTransition(true, animated: true) ModalAnimator.present(toView: toViewController.view, fromView:

    parentTargetView) { [weak self] in guard let strongSelf = self else { return } toViewController.endAppearanceTransition() toViewController.didMove(toParentViewController: strongSelf.base) } let tapGestureRecognizer = UITapGestureRecognizer(target: base, action: #selector(UINavigationController.overlayViewDidTap(gestureRecognizer:))) let overlayView = ModalAnimator.overlayView(fromView: parentTargetView) overlayView!.addGestureRecognizer(tapGestureRecognizer) }

35. Implementation func presentViewController(toViewController:UIViewController) { toViewController.beginAppearanceTransition(true, animated: true) ModalAnimator.present(toView: toViewController.view, fromView:

    parentTargetView) { [weak self] in guard let strongSelf = self else { return } toViewController.endAppearanceTransition() toViewController.didMove(toParentViewController: strongSelf.base) } let tapGestureRecognizer = UITapGestureRecognizer(target: base, action: #selector(UINavigationController.overlayViewDidTap(gestureRecognizer:))) let overlayView = ModalAnimator.overlayView(fromView: parentTargetView) overlayView!.addGestureRecognizer(tapGestureRecognizer) } ൒෼͚ͩදࣔ͢ΔΞχϝʔγϣϯ

36. Transition Background option

37. Implementation public class ShariNavigationController: UINavigationController { func handlePanGesture(gestureRecognizer: UIPanGestureRecognizer) {

    (..snip..) case .changed: var frame = view.frame frame.origin.y += degreeY frame.size.height += -degreeY view.frame = frame ModalAnimator.transitionBackgroundView( overlayView: backgroundView, location: location) (..snip..) • Get frame using UIPanGestureRecognizer

38. Implementation public class func transitionBackgroundView(overlayView: UIView, location:CGPoint) { let screenShotView

    = ModalAnimator.screenShotView(overlayView: overlayView) let scale = self.map( value: location.y, inMin: 0, inMax: UIScreen.main.bounds.height, outMin: 0.9, outMax: 1.0) let transform = CATransform3DMakeScale(scale, scale, 1) screenShotView.layer.removeAllAnimations() screenShotView.layer.transform = transform screenShotView.layoutIfNeeded() } • Transition in real time 5SBOTGFS
    BNPVOU
    PG
    NPWFNFOU (FU
    *NBHF
39. None

40. Conclusion

41. Conclusion • ؆୯ʂʁ • ঢ়گΛ఻͑ͯϑΟʔυόοΫΛఏڙͰ͖Δ • ίϯςΩετΛҡ࣋Ͱ͖Δ • ϛεΛࣄલʹ๷͛Δ

42. Conclusion • minneͷσβΠϯίϯϙʔωϯτͷҰͭ • Χʔτ - ࡏݿมߋ • ചΕͨ΋ͷ -

    ߜΓࠐΈ • ࡞඼ը໘ - Φϓγϣϯબ୒

43. Shari

44. Thanks.