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

很多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];
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,104评论 25 708
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,200评论 4 61
  • 早上带妞去参加英文绘本分享活动,可是进入会场时,妞突然变得敏感内向,抱着我的大腿,不肯参与,大哭,而我接到父亲叫我...
    Angeline0131阅读 157评论 0 0
  • 我来讲讲我的故事吧。 我从小学起就成绩很好,大概是在年级前三,偶尔会掉出来。学校里基本没和同学发生过太重的矛盾,发...
    3A是个好同志阅读 1,408评论 2 4