Introduction to NKJPagerViewController

NKJPagerViewController is a PagerTabStrip, which is in Android. It contains an endlessly scrollable UIScrollView.

https://github.com/nakajijapan/NKJPagerViewController

Transcript

1. N K J potatotips #14 @nakajijapan Introduction to NKJPagerViewController
2. @nakajijapan Software Engineer GMO PEPABO inc. iOS / Web / OSX
3. 
   J04
   
   "OESPJE ϋϯυϝΠυɺख࡞Γ࡞඼ͷ௨ൢɾൢചαΠτ
   NJOOF
4. NKJMovieComposer NKJMultiMovieCaptureView https://github.com/nakajijapan/NKJMultiMovieCaptureView https://github.com/nakajijapan/NKJMovieComposer
5. ͞Βʹ
6. NKJPagerViewController
7. ϖʔδભҠΛΤϯυϨ εʹεϫΠϓͰ͖ΔΑ ͏ʹ͍ͨ͠!!!!!!!!!!!!!!!
9. ແ͔ͬͨͷͰ ϓϥάΠϯΛ ࡞ͬͯΈ·ͨ͠
10. Why? • ୯७ʹͦ͏͍͏ϓϥάΠϯ͕ແ͔ͬͨ • ICViewPager͕ͪΐͬͱ੝Γͩ͘͞Μɺ΋ͬͱγϯϓϧ ʹ͔ͨͬͨ͠ • ICViewPagerͷ࣮૷͕ݟͨײ͡ΑΖ͘͠ͳ͔ͬͨʁʂ
11. Why? • ୯७ʹͦ͏͍͏ϓϥάΠϯ͕ແ͔ͬͨ • ICViewPager͕ͪΐͬͱ੝Γͩ͘͞Μɺ΋ͬͱγϯϓϧ ʹ͔ͨͬͨ͠ • ICViewPagerͷ࣮૷͕ݟͨײ͡ΑΖ͘͠ͳ͔ͬͨʁʂ ͦΕΛ౿·͑ͯ
12. Inspired
13. Requirement • Tab,ViewControllerͰΤϯυϨεʹεϫΠϓͰҠಈ͕ Ͱ͖Δ
14. Research • ICViewPager • https://github.com/iltercengiz/ICViewPager • TwitterPaggingViewer • https://github.com/xhzengAIB/TwitterPaggingViewer • InfinitePagingView • https://github.com/caesarcat/InfinitePagingView
15. Imprements • Tab • UIScrollView • ViewController • UIPageViewController
16. Imprements • Tab • UIScrollView • ViewController • UIPageViewController
17. Point ɾTabs, ViewControllers ɾ࠷ޙͷϖʔδ͔Β࠷ॳͷϖʔδ΁ͷભҠ ɾ࠷ॳͷϖʔδ͔Β࠷ޙͷϖʔδ΁ͷભҠ
18. Endless Scroll ɾViewControllers ɾUIPageViewControllerNavigationDirection typedef NS_ENUM(NSInteger, UIPageViewControllerNavigationDirection) { UIPageViewControllerNavigationDirectionForward, UIPageViewControllerNavigationDirectionReverse };
19. Endless Scroll • Tabs • ࣗલͰ࣮૷ • Tab,ViewControllerͰSwipeͨ͠ͱ͖ 1 - (void)scrollWithDirection:(NSInteger)direction 2 3 4 5 6 7 $POUFOU0⒎TFU 4DSFFO
20. Endless Scroll • Tabs 1 2 3 4 5 6 7
21. Endless Scroll • Tabs 1 2 3 4 5 6 7 1 2 3 4 5 6
22. Endless Scroll • Tabs 1 2 3 4 5 6 7 1 2 3 4 5 6 1 2 3 4 5 6 7
23. Endless Scroll • Tabs 1 2 3 4 5 6 7 1 2 3 4 5 6 1 2 3 4 5 6 7 1 2 3 4 5 6 7
24. Endless Scroll • Tabs 1 2 3 4 5 6 7 1 2 3 4 5 6 1 2 3 4 5 6 7 1 2 3 4 5 6 7 4DSPMM7JFX಺ʹ͋Δ֤7JFXͷҐஔΛ࠶഑ஔ
    $POUFOU0⒎TFUͷҐஔ΋ҰͭͣΒͯ͠Ҡಈ͍ͯ͠ͳ͍͔ͷ Α͏ʹݟ͔͚ͤΔ
25. Usage #pragma mark NKJPagerViewDataSource @protocol NKJPagerViewDataSource <NSObject> - (NSUInteger)numberOfTabView; - (NSInteger)widthOfTabView; - (UIView *)viewPager:(NKJPagerViewController *)viewPager viewForTabAtIndex:(NSUInteger)index; - (UIViewController *)viewPager:(NKJPagerViewController *)viewPager contentViewControllerForTabAtIndex:(NSUInteger)index; @end #pragma mark NKJPagerViewDelegate @protocol NKJPagerViewDelegate <NSObject> @optional - (void)viewPager:(NKJPagerViewController *)viewPager didSwitchAtIndex:(NSInteger)index withTabs:(NSArray *)tabs; - (void)viewPagerDidAddContentView; @end
26. Usage #pragma mark NKJPagerViewDataSource @protocol NKJPagerViewDataSource <NSObject> - (NSUInteger)numberOfTabView; - (NSInteger)widthOfTabView; - (UIView *)viewPager:(NKJPagerViewController *)viewPager viewForTabAtIndex:(NSUInteger)index; - (UIViewController *)viewPager:(NKJPagerViewController *)viewPager contentViewControllerForTabAtIndex:(NSUInteger)index; @end #pragma mark NKJPagerViewDelegate @protocol NKJPagerViewDelegate <NSObject> @optional - (void)viewPager:(NKJPagerViewController *)viewPager didSwitchAtIndex:(NSInteger)index withTabs:(NSArray *)tabs; - (void)viewPagerDidAddContentView; @end OVNCFS
    PG
    UBCT XJEUI
    GPS
    FBDI
    UBC WJFX
    GPS
    UBC WJFX$POUSPMMFS
27. ·ͱΊ
28. ·ͱΊ • Tab,ViewControllerΛར༻ͯ͠ΤϯυϨεʹεϫΠϓ ͰҠಈ͕Ͱ͖ΔϓϥάΠϯ࡞Γ·ͨ͠ • ͍Ζ͍ΖͳOSSΛࢀߟʹ࣮૷͠·ͨ͠ • ৭͕ҟͳΔViewͷҠಈͩͱνϥνϥ͢Δ • ໰୊ͳ͘minneΞϓϦͰಈ࡞த
29. ·ͱΊ ωʔϛϯά͕ηϯεແ͍ΑͶ
30. ໊લ͍ͩ͘͞ɻɻɻ
31. We are hiring!!! IUUQQFQBCPDPNSFDSVJUDBSFFSKPCT
32. Thanks.