遮罩+高亮按钮的用户引导

很多app都会有新用户引导
一年前自己也做了几版引导功能,但都觉得不够满意,今天整理了一下,重新做了一版简单版,后面会继续迭代 github传送门

先放一张效果图


遮罩+高亮按钮的用户引导_第1张图片
效果图.gif

第一版的功能:顺序播放用户引导
需要准备的切图材料:箭头+文字描述的切图
使用方式:

    NSArray* imageArray = @[[UIImage imageNamed:@"01_input02"],[UIImage imageNamed:@"01_input01"]];//提示箭头及文字图片
    NSArray* positionArray = @[@(0.05),@(0.6)];//箭头相对于图片的比例位置
    NSArray* nameArray = @[@"name1",@"name2"];//每个guide的名字,防止重复播放
    NSArray* 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];

你可能感兴趣的:(遮罩+高亮按钮的用户引导)