背景
有一种现象,App设计者觉得理所当然的操作方式,却常常被用户所忽视,为了防止这种现象发生,就要为App设计一个帮助,一种低成本的方案是将帮助文档写成HTML然后展示给用户,这样的方式常常不能带来好的效果,一种较好的方式是高亮用户应该点击的区域,对其他部分进行遮盖,并用说明文字提醒用户,如下图所示。点击这里观看动画演示
下载
框架SGUserGuide已经上传到github,点击前去github下载,欢迎Star!
关键
要实现这种引导,关键问题有二,一是如何拿到允许交互的控件,二是如何处理引导步骤的推进关系。
对于第一个问题,可以通过keyPath解决,keyPath的强大之处在于可以用点语法拿到更深层的私有,例如我们的ViewController有一个私有属性topView,而topView又有私有属性topButton,那么我们使用topView.topButton
即可从ViewController中拿到控件topButton而丝毫不破坏其封装性。
对于第二个问题,可以通过AOP编程解决。我们知道大部分的交互都涉及页面切换,例如上图点击按钮后进入编辑页面,因此页面的切换可以作为一个“切面”,我们通过这个切面来处理大部分的引导步骤推进。我们可以通过Method Swizzling来拦截所有的viewWillAppear:方法,并处理引导步骤的判断与推进,需要注意的是还有一些不涉及页面切换的引导步骤,则需要在适当的地方手动推进。
实现
描述用户引导步骤的类的设计
为了描述一个引导步骤,首先要判断当前页面是否应该被引导,通过ViewController的类型来判断;其次需要的是可交互控件,通过keyPath来寻找;除此之外,还需要对用户的提示信息,这个类的具体设计如下:
@interface SGGuideNode : NSObject
@property (nonatomic, assign) Class controllerClass;
@property (nonatomic, strong) NSString *permitViewPath;
@property (nonatomic, copy) NSString *message;
@property (nonatomic, assign) BOOL reverse;
+ (instancetype)nodeWithController:(Class)controller permitViewPath:(NSString *)permitViewPath message:(NSString *)message reverse:(BOOL)reverse;
+ (instancetype)endNodeWithController:(Class)controller;
@end
其中reverse是一个用于反转遮盖与可交互控件的属性,用于类似于“进行一项除去退出以外的操作”的情景。
通过两个类方法可快速的创建一个步