iOS :聚光燈效果的功能引導(dǎo)

一般一個app進入一個新的頁面蜜唾,或者有新的功能更新的時候都會有一個新手引導(dǎo)來幫助大家快速了解新功能蕊苗,那么我最近就集成了這樣一個功能柿赊,我們先來看一下效果圖吧:

10.gif

同時我在花川學(xué)院錄了一集視頻來講解這個第三方庫趋急,當(dāng)然這個庫使用起來非常簡單蒋川,看我下面的代碼就可以很明白的了解到如何使用了廉油。
(花川學(xué)院地址:www.hcxy.me 惠险,在花川學(xué)院的這個課程里我還錄制很多其他第三方庫的使用,全部是拿swift講的抒线。)

這個庫叫做XSportLight班巩,XSportLight有兩個數(shù)組,一個數(shù)組內(nèi)包括所有的文字說明嘶炭,一個數(shù)組內(nèi)則包括所有的聚光燈的位置和大小抱慌,位置坐標(biāo)表示聚光燈的中心位置。
我分別用OC和swift來描述了如何使用XSportLight(XSportLight是用OC寫的眨猎,使用swift的同學(xué)需要建立橋接文件)抑进。

  • OC代碼
    <pre><code>

    XSportLight *SportLight = [[XSportLight alloc]init];
    SportLight.messageArray = @[
    @"這是《簡書》",
    @"點這里撰寫文章",
    @"搜索文章",
    @"這會是StrongX的下一節(jié)課內(nèi)容"
    ];
    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的下一節(jié)課的內(nèi)容",
]
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 這個協(xié)議里有一個方法叫做:
- (void)XSportLightClicked:(NSInteger)index;
這個方法在每次點擊動作是調(diào)用,參數(shù)就是點擊的index睡陪。

我已經(jīng)把這個庫放在github上寺渗,大家可以自行下載匿情,同事歡迎大家貢獻代碼(我寫他的時候并沒有太仔細,歡迎之處問題以及修正)信殊。
github地址:https://github.com/StrongX/XSportLight

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末炬称,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子鸡号,更是在濱河造成了極大的恐慌转砖,老刑警劉巖,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件鲸伴,死亡現(xiàn)場離奇詭異,居然都是意外死亡晋控,警方通過查閱死者的電腦和手機汞窗,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來赡译,“玉大人仲吏,你說我怎么就攤上這事◎蚍伲” “怎么了裹唆?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長只洒。 經(jīng)常有香客問我许帐,道長,這世上最難降的妖魔是什么毕谴? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任成畦,我火速辦了婚禮,結(jié)果婚禮上涝开,老公的妹妹穿的比我還像新娘循帐。我一直安慰自己,他們只是感情好舀武,可當(dāng)我...
    茶點故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布拄养。 她就那樣靜靜地躺著,像睡著了一般银舱。 火紅的嫁衣襯著肌膚如雪瘪匿。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天纵朋,我揣著相機與錄音柿顶,去河邊找鬼。 笑死操软,一個胖子當(dāng)著我的面吹牛嘁锯,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼家乘,長吁一口氣:“原來是場噩夢啊……” “哼蝗羊!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起仁锯,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤耀找,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后业崖,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體野芒,經(jīng)...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年双炕,在試婚紗的時候發(fā)現(xiàn)自己被綠了狞悲。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,161評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡妇斤,死狀恐怖摇锋,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情站超,我是刑警寧澤荸恕,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站死相,受9級特大地震影響融求,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜媳纬,卻給世界環(huán)境...
    茶點故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一双肤、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧钮惠,春花似錦茅糜、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至预明,卻和暖如春缩赛,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背撰糠。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工酥馍, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人阅酪。 一個月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓旨袒,卻偏偏與公主長得像汁针,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子砚尽,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,916評論 2 344

推薦閱讀更多精彩內(nèi)容

  • 在iOS中隨處都可以看到絢麗的動畫效果施无,實現(xiàn)這些動畫的過程并不復(fù)雜,今天將帶大家一窺iOS動畫全貌必孤。在這里你可以看...
    F麥子閱讀 5,096評論 5 13
  • 在iOS中隨處都可以看到絢麗的動畫效果猾骡,實現(xiàn)這些動畫的過程并不復(fù)雜,今天將帶大家一窺ios動畫全貌敷搪。在這里你可以看...
    每天刷兩次牙閱讀 8,465評論 6 30
  • 1兴想、禁止手機睡眠[UIApplication sharedApplication].idleTimerDisabl...
    DingGa閱讀 1,116評論 1 6
  • 離12月份的四級考試還有一個月的時間。 四級最后一月沖刺計劃表 注意: 1.14.12.3 指14年12月第三套真...
    王恩惠Grace閱讀 1,200評論 0 17
  • 《莊子》解购啄,每章一讀襟企。 文: 蹍市人之足,則辭以放驁狮含,兄則以嫗,大親則已矣曼振。故曰几迄,至禮有不人,至義不物冰评,至知不謀映胁,...
    千里飄蓬閱讀 3,329評論 0 0