Apply a "tutorial screen" overlay to your application window.
MDCFocusView can apply a focus on an arbitrary number of views,
and prevents users from tapping views not currently focused on.
Check out a demo on Vimeo.
You can install the project using Cocoapods, by placing
Podfile. After installing:
// Initialize MDCFocusView and customize its background color MDCFocusView *focusView = [MDCFocusView new]; focusView.backgroundColor = [UIColor colorWithRed:0.0f green:0.0f blue:0.0f alpha:0.8f]; // Register a MDCFocalPointView subclass to "wrap" focal points focusView.focalPointViewClass = [MDCSpotlightView class]; // Add any number of custom views to MDCFocusView [focusView addSubview:[self buildLabel]]; // Present the focus view [self.focusView focus:someView, anotherView, nil];
Please see the sample app for an example.
MDCFocalPointViewto wrap focal points, it is highly extensible--to create your own focus effect, simply subclass
MDCFocalPointViewand implement any custom drawing behavior in
drawRect:. Please see
MDCSpotlightViewfor an example.
MDCFocusViewcan only be applied to the entire application window. Ideally, any arbirary view should be able to add
MDCFocusViewas a subview.
MDCSpotlightVieware available, although I would like to make more. It would be nice, for example, if a Gaussian blur could be applied everywhere but the focal points.