iOS :聚光灯效果的功能引导

一般一个app进入一个新的页面,或者有新的功能更新的时候都会有一个新手引导来帮助大家快速了解新功能,那么我最近就集成了这样一个功能,我们先来看一下效果图吧:

10.gif

同时我在花川学院录了一集视频来讲解这个第三方库,当然这个库使用起来非常简单,看我下面的代码就可以很明白的了解到如何使用了。
(花川学院地址:www.hcxy.me ,在花川学院的这个课程里我还录制很多其他第三方库的使用,全部是拿swift讲的。)

这个库叫做XSportLight,XSportLight有两个数组,一个数组内包括所有的文字说明,一个数组内则包括所有的聚光灯的位置和大小,位置坐标表示聚光灯的中心位置。
我分别用OC和swift来描述了如何使用XSportLight(XSportLight是用OC写的,使用swift的同学需要建立桥接文件)。

  • OC代码
    <pre><code>

    XSportLight *SportLight = [[XSportLight alloc]init];
    SportLight.messageArray = @[
    @"这是《简书》",
    @"点这里撰写文章",
    @"搜索文章",
    @"这会是StrongX的下一节课内容"
    ];
    SportLight.rectArray = @[
    [NSValue valueWithCGRect:CGRectMake(0,0,0,0)],
    [NSValue valueWithCGRect:CGRectMake(SCREEN_WIDTH/2, SCREEN_HEIGHT - 20, 50, 50)],
    [NSValue valueWithCGRect:CGRectMake(SCREEN_WIDTH - 20, 42, 50, 50)],
    [NSValue valueWithCGRect:CGRectMake(0,0,0,0)]
    ];

    SportLight.delegate = self;
    [self presentViewController:SportLight animated:false completion:^{

    }];
    </code></pre>

  • swift代码
    <pre><code>

var firstAppear = NSUserDefaults.standardUserDefaults().objectForKey("firstAppear") as? Bool
if firstAppear != true {
NSUserDefaults.standardUserDefaults().setObject(true, forKey: "firstAppear")
var sportlight = XSportLight()
sportlight.messageArray = [
"这是《简书》",
"点击这里撰写文章",
"搜索文章",
"这将会是strongX的下一节课的内容",
]
sportlight.rectArray = [
NSValue(CGRect:CGRectMake(0, 0, 0, 0)),
NSValue(CGRect:CGRectMake(SCREEN_WIDTH/2, SCREEN_HEIGHT - 20, 50, 50)),
NSValue(CGRect:CGRectMake(SCREEN_WIDTH - 20, 42, 50, 50)),
NSValue(CGRect:CGRectMake(SCREEN_WIDTH/2, SCREEN_HEIGHT - 20, 0, 0)),
]
sportlight.delegate = self

        self.presentViewController(sportlight, animated: false, completion: { () -> Void in
            
        })

    }

</code></pre>

XSportLight还包括一个delegate 这个协议里有一个方法叫做:
- (void)XSportLightClicked:(NSInteger)index;
这个方法在每次点击动作是调用,参数就是点击的index。

我已经把这个库放在github上,大家可以自行下载,同事欢迎大家贡献代码(我写他的时候并没有太仔细,欢迎之处问题以及修正)。
github地址:https://github.com/StrongX/XSportLight

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,711评论 5 468
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,932评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,770评论 0 330
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,799评论 1 271
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,697评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,069评论 1 276
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,535评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,200评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,353评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,290评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,331评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,020评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,610评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,694评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,927评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,330评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,904评论 2 341

推荐阅读更多精彩内容

  • 在iOS中随处都可以看到绚丽的动画效果,实现这些动画的过程并不复杂,今天将带大家一窥iOS动画全貌。在这里你可以看...
    F麦子阅读 5,083评论 5 13
  • 在iOS中随处都可以看到绚丽的动画效果,实现这些动画的过程并不复杂,今天将带大家一窥ios动画全貌。在这里你可以看...
    每天刷两次牙阅读 8,438评论 6 30
  • 1、禁止手机睡眠[UIApplication sharedApplication].idleTimerDisabl...
    DingGa阅读 1,113评论 1 6
  • 离12月份的四级考试还有一个月的时间。 四级最后一月冲刺计划表 注意: 1.14.12.3 指14年12月第三套真...
    王恩惠Grace阅读 1,192评论 0 17
  • 《庄子》解,每章一读。 文: 蹍市人之足,则辞以放骜,兄则以妪,大亲则已矣。故曰,至礼有不人,至义不物,至知不谋,...
    千里飘蓬阅读 3,308评论 0 0