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

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

10.gif

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

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

  • OC代碼
    <pre><code>

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

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 在iOS中隨處都可以看到絢麗的動畫效果,實(shí)現(xiàn)這些動畫的過程并不復(fù)雜,今天將帶大家一窺iOS動畫全貌。在這里你可以看...
    F麥子閱讀 5,260評論 5 13
  • 在iOS中隨處都可以看到絢麗的動畫效果,實(shí)現(xiàn)這些動畫的過程并不復(fù)雜,今天將帶大家一窺ios動畫全貌。在這里你可以看...
    每天刷兩次牙閱讀 8,686評論 6 30
  • 1、禁止手機(jī)睡眠[UIApplication sharedApplication].idleTimerDisabl...
    DingGa閱讀 1,199評論 1 6
  • 離12月份的四級考試還有一個(gè)月的時(shí)間。 四級最后一月沖刺計(jì)劃表 注意: 1.14.12.3 指14年12月第三套真...
    王恩惠Grace閱讀 1,295評論 0 17
  • 《莊子》解,每章一讀。 文: 蹍市人之足,則辭以放驁,兄則以嫗,大親則已矣。故曰,至禮有不人,至義不物,至知不謀,...
    千里飄蓬閱讀 3,633評論 0 0

友情鏈接更多精彩內(nèi)容