Session 223 - Enhancing User Experience with Scroll Views

Transcript

1. These are confidential sessions—please refrain from streaming, blogging, or taking pictures Session 223 Enhancing User Experience with Scroll Views Josh Shaffer iOS Frameworks
2. Enhancing User Experience with Scroll Views
3. Enhancing User Experience with Scroll Views •UIScrollView configuration
4. Enhancing User Experience with Scroll Views •UIScrollView configuration •Improving paged scrolling
5. Enhancing User Experience with Scroll Views •UIScrollView configuration •Improving paged scrolling •Integrating with OpenGL
6. Enhancing User Experience with Scroll Views •UIScrollView configuration •Improving paged scrolling •Integrating with OpenGL •Controlling stop offset
7. Review of the basics UIScrollView Configuration
8. Content Size
9. contentSize.height contentSize.width Content Size
10. 320 Content Offset
11. Content Offset 320
12. Content Offset 320
13. Content Offset
14. View for Zooming in Scroll View
15. View for Zooming in Scroll View
16. Paged Scrolling
17. Paged Scrolling
18. View Configuration
19. View Configuration
20. View Configuration Paging UIScrollView
21. View Configuration Paging UIScrollView Zooming UIScrollViews
22. View Configuration Paging UIScrollView Zooming UIScrollViews UIImageViews
23. View Configuration Paging UIScrollView Zooming UIScrollViews UIImageViews UIPageViewController
24. View Configuration UIPageViewController Zooming UIScrollViews UIImageViews
25. Page Spacing
26. Page Spacing
27. Page Spacing UIPageViewControllerOptionInterPageSpacingKey
28. Page Spacing
29. Page Spacing
30. Paged Scrolling
31. Paged Scrolling
32. Paged Scrolling After view controller
33. Paged Scrolling
34. Paged Scrolling
35. Paged Scrolling Before view controller
36. Paged Scrolling
37. Zooming
38. Zooming
39. Paged Scrolling
40. Paged Scrolling
41. Demo Eliza Block
42. Integrating UIScrollView and OpenGL
53. UIScrollView
54. Demo Eliza Block
55. Common surprises Run Loop Modes
56. Common surprises Run Loop Modes [NSTimer scheduledTimerWithTimeInterval:1.0 target:self selector:@selector(handleTimer:) userInfo:nil repeats:NO];
57. Common surprises Run Loop Modes [NSTimer scheduledTimerWithTimeInterval:1.0 target:self selector:@selector(handleTimer:) userInfo:nil repeats:NO]; NSTimer *timer = [NSTimer timerWithInterval:1.0 target:self selector:@selector(handleTimer:) userInfo:nil repeats:NO];
58. Common surprises Run Loop Modes [NSTimer scheduledTimerWithTimeInterval:1.0 target:self selector:@selector(handleTimer:) userInfo:nil repeats:NO]; NSTimer *timer = [NSTimer timerWithInterval:1.0 target:self selector:@selector(handleTimer:) userInfo:nil repeats:NO]; [[NSRunLoop mainRunLoop] addTimer:timer forMode:NSCommonRunLoopModes];
59. Common surprises Run Loop Modes
60. Common surprises Run Loop Modes [self performSelector:@selector(performDelayedWork) withObject:nil afterDelay:1.0];
61. Common surprises Run Loop Modes [self performSelector:@selector(performDelayedWork) withObject:nil afterDelay:1.0]; [self performSelector:@selector(performDelayedWork) withObject:nil afterDelay:1.0 inModes:@[NSCommonRunLoopModes]];
62. UIResponder and Event Delivery
63. UIResponder and Event Delivery Parent View
64. UIResponder and Event Delivery Parent View Child View
65. UIResponder and Event Delivery Parent View Child View
66. UIResponder and Event Delivery Parent View Child View Child View
67. Parent View UIResponder and Event Delivery Parent View Child View Child View
68. Parent View’s View Controller Parent View UIResponder and Event Delivery Parent View Child View Child View
69. Window Parent View’s View Controller Parent View UIResponder and Event Delivery Parent View Child View Child View
70. Application Window Parent View’s View Controller Parent View UIResponder and Event Delivery Parent View Child View Child View
71. Application Delegate Application Window Parent View’s View Controller Parent View UIResponder and Event Delivery Parent View Child View Child View
72. Application Delegate Application Window Parent View’s View Controller Parent View UIResponder and Event Delivery Parent View Child View Child View
73. UIResponder and Event Delivery OpenGL View Scroll View
74. UIResponder and Event Delivery OpenGL View Scroll View
75. UIResponder and Event Delivery OpenGL View Scroll View Scroll View
76. Application Delegate Application Window OpenGL View’s View Controller OpenGL View UIResponder and Event Delivery OpenGL View Scroll View Scroll View
77. Application Delegate Application Window OpenGL View’s View Controller OpenGL View UIResponder and Event Delivery OpenGL View Scroll View Scroll View
78. How not to do it UIResponder and Event Delivery
79. How not to do it UIResponder and Event Delivery - (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event { [[self nextResponder] touchesBegan:touches withEvent:event]; }
80. How not to do it UIResponder and Event Delivery - (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event { [[self nextResponder] touchesBegan:touches withEvent:event]; }
81. How not to do it UIResponder and Event Delivery - (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event { [[self nextResponder] touchesBegan:touches withEvent:event]; } Application Delegate Application Window OpenGL View’s View Controller OpenGL View Scroll View
82. Application Delegate Application Window OpenGL View’s View Controller OpenGL View UIResponder and Event Delivery OpenGL View Scroll View Scroll View
83. Application Delegate Application Window OpenGL View’s View Controller OpenGL View OpenGL View Scroll View Scroll View UIResponder and Event Delivery
84. Scroll View OpenGL View Application Delegate Application Window OpenGL View’s View Controller OpenGL View Scroll View UIResponder and Event Delivery
85. Scroll View Application Delegate Application Window OpenGL View’s View Controller OpenGL View Scroll View UIResponder and Event Delivery OpenGL View
86. Scroll View Application Delegate Application Window OpenGL View’s View Controller OpenGL View Scroll View UIResponder and Event Delivery OpenGL View
87. Scroll View Application Delegate Application Window OpenGL View’s View Controller OpenGL View UIResponder and Event Delivery OpenGL View
88. Scroll View Application Delegate Application Window OpenGL View’s View Controller OpenGL View UIResponder and Event Delivery OpenGL View
89. Scroll View Application Delegate Application Window OpenGL View’s View Controller OpenGL View UIResponder and Event Delivery OpenGL View Child View Child View
90. Scroll View Application Delegate Application Window OpenGL View’s View Controller OpenGL View UIResponder and Event Delivery OpenGL View Child View Child View
91. Scroll View Application Delegate Application Window OpenGL View’s View Controller OpenGL View UIResponder and Event Delivery OpenGL View Child View Child View
92. Demo Eliza Block
98. Deceleration Targets
99. Deceleration Targets - (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset
100. Deceleration Targets - (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset { *targetContentOffset = ClosestCarOffset(*targetContentOffset); }
101. Demo Eliza Block
102. Jake Behrens UI Frameworks Evangelist behrens@apple.com Documentation Scroll View Programming Guide for iOS http://developer.apple.com/library/ios/#documentation/WindowsViews/Conceptual/UIScrollView_pg Apple Developer Forums http://devforums.apple.com More Information
103. Introducing Collection Views Marina Thursday 9:00AM Related Sessions Building Advanced Gesture Recognizers Marina Thursday 11:30AM
104. Scroll Views on iOS Lab Essentials Lab A Thursday 9:00AM Labs