美文网首页
遮罩+高亮按钮的用户引导

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

作者: 亲爱的八路 | 来源:发表于2018-01-21 22:16 被阅读71次

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

    先放一张效果图


    效果图.gif

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

        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];
    

    相关文章

      网友评论

          本文标题:遮罩+高亮按钮的用户引导

          本文链接:https://www.haomeiwen.com/subject/idaqaxtx.html