很多app都会有新用户引导
一年前自己也做了几版引导功能,但都觉得不够满意,今天整理了一下,重新做了一版简单版,后面会继续迭代 github传送门
先放一张效果图
第一版的功能:顺序播放用户引导
需要准备的切图材料:箭头+文字描述的切图
使用方式:
NSArray<UIImage*>* imageArray = @[[UIImage imageNamed:@"01_input02"],[UIImage imageNamed:@"01_input01"]];//提示箭头及文字图片
NSArray<NSNumber*>* positionArray = @[@(0.05),@(0.6)];//箭头相对于图片的比例位置
NSArray<NSString*>* nameArray = @[@"name1",@"name2"];//每个guide的名字,防止重复播放
NSArray<NSNumber*>* positionType = @[@(LLGuidePositionType_Top),@(LLGuidePositionType_Bottom)];//目标控件相对于提示文字图片的位置
LLGuideModel * lastModel;
LLGuideModel * firstModel;
for (int i = 0; i < rectArray.count; i++) {
LLGuideModel * model = [LLGuideModel guideWithTarget:rectArray[i].CGRectValue position:positionArray[i].floatValue image:imageArray[i] name:nameArray[i]];
model.positionType = (LLGuidePositionType)positionType[i].intValue;
if (lastModel) {
lastModel.nextGuide = model;
}
if (i == 0) {
firstModel = model;
}
lastModel = model;
}
[LLGuideTool showGuide:firstModel];