iOS 引導(dǎo)圖模板

一肢执、廢話(huà)不多說(shuō)枉阵,直接上效果

  • 實(shí)際使用效果


    引導(dǎo)頁(yè)gif.gif

二、Demo址

  • Demo效果
demoguide.gif

三预茄、功能

1兴溜、便捷實(shí)現(xiàn)引導(dǎo)圖,均采用縷空模式
2耻陕、支持一次性出現(xiàn)一個(gè)或多個(gè)提示
3拙徽、支持順序出現(xiàn)引導(dǎo)提示功能且不限制最大連續(xù)出現(xiàn)的數(shù)量
4、自帶動(dòng)畫(huà)效果

四诗宣、使用方式

在Demo中膘怕,需要關(guān)注的類(lèi)有WKStepMaskGuideView以及WKStepMaskModel,它們均位于WKStepMaskGuideView.h文件中梧田。

1淳蔼、WKStepMaskModel

作用:構(gòu)建WKStepMaskGuideView所必須的實(shí)例類(lèi)

///首先構(gòu)建一個(gè)模型侧蘸,圓角度
@interface WKStepMaskModel : NSObject

///基于keywindow的frame
@property (nonatomic, assign) CGRect frame;
@property (nonatomic, strong) UIView * view;
@property (nonatomic, assign) CGFloat cornerRadius;
@property (nonatomic, assign) NSUInteger step;

///推薦使用此方法 計(jì)算好frame傳入
+ (instancetype)creatModelWithFrame:(CGRect)frame cornerRadius:(CGFloat)cornerRadius step:(NSUInteger)step;
///推薦使用withframe方法初始化 如若傳入view  只會(huì)取此view對(duì)應(yīng)其俯視圖的frame裁眯,如果布局層級(jí)過(guò)深可能會(huì)有差錯(cuò)。
+ (instancetype)creatModelWithView:(UIView *)view cornerRadius:(CGFloat)cornerRadius step:(NSUInteger)step;

@end

構(gòu)建此model時(shí)讳癌,view和frame可以都設(shè)置值穿稳,首先以frame計(jì)算,在注釋中也寫(xiě)了原因晌坤,因?yàn)閭魅雟iew獲取frame時(shí)可能不準(zhǔn)確逢艘。

cornerradius顧名思義旦袋,構(gòu)建view對(duì)應(yīng)的縷空時(shí)的圓角度。

step標(biāo)識(shí)此view于何時(shí)顯示--->構(gòu)建maskguideview時(shí)根據(jù)傳入的model中step由小至大依次顯示它改。

2疤孕、WKStepMaskGuideView

作用:帶順序的縷空引導(dǎo)視圖的基類(lèi),你的引導(dǎo)圖必須繼承自它央拖。

它有且僅有一個(gè)初始化方法祭阀,必須使用此方法初始化它。

@interface WKStepMaskGuideView : WKKMBaseGuideView

@property (nonatomic, strong, readonly) NSMutableArray<UIView *> * views;
@property (nonatomic, strong, readonly) NSMutableArray<NSValue *> * rects;
@property (nonatomic, strong, readonly) NSMutableArray<NSNumber *> * steps;
@property (nonatomic, weak  ) id<WKStepMaskGuideViewDelegate> delegate;
///models中的model的step可以無(wú)序鲜戒,內(nèi)部會(huì)進(jìn)行排序专控,生成的views根據(jù)step排序
- (instancetype)initWithModels:(NSArray <WKStepMaskModel *> *)models;


///子類(lèi)覆寫(xiě)
- (void)configInterFace;
///此方法 先調(diào)用與代理方法 willchange
- (void)viewWillEnterNextStep:(NSUInteger)nextStep;
- (void)viewDidEnterNextStep:(NSUInteger)nextStep;
@end

當(dāng)你構(gòu)建它的子類(lèi)時(shí),你可以覆寫(xiě)的方法有以下七個(gè):

- (void)configInterFace;
- (void)viewWillShow;
- (void)viewDidShow;
- (void)viewWillDismiss;
- (void)viewDidDismiss;
- (void)viewWillEnterNextStep:(NSUInteger)nextStep;
- (void)viewDidEnterNextStep:(NSUInteger)nextStep;

這里只簡(jiǎn)要介紹一下configInterFace方法遏餐,因其他方法均顧名思義伦腐。

其中configInterFace,你的guideview中包含的提示信息所需要的view在此構(gòu)建以及布局失都。布局時(shí)柏蘑,有一個(gè)要點(diǎn)是為UIView添加的wk_steptag屬性,此處簡(jiǎn)要概述其作用:

縷空的view具備wk_steptag屬性(你不能去設(shè)置此值嗅剖,此值在內(nèi)部也被設(shè)置好)辩越,如果需要和縷空的view一起出現(xiàn)的提示性view的wk_steptag屬性應(yīng)和其有一樣的值。例如A為縷空的view信粮,x,y,z為需要和其一起出現(xiàn)的提示性view黔攒,則x,y,z的wk_steptag值等于view的wk_steptag。注:再次強(qiáng)調(diào)不能去設(shè)置縷空view的wk_steptag值强缘。

具體的使用例子督惰,請(qǐng)參照Demo

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市旅掂,隨后出現(xiàn)的幾起案子赏胚,更是在濱河造成了極大的恐慌,老刑警劉巖商虐,帶你破解...
    沈念sama閱讀 219,188評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件觉阅,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡秘车,警方通過(guò)查閱死者的電腦和手機(jī)典勇,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,464評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)叮趴,“玉大人割笙,你說(shuō)我怎么就攤上這事∶幸啵” “怎么了伤溉?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,562評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵般码,是天一觀(guān)的道長(zhǎng)。 經(jīng)常有香客問(wèn)我乱顾,道長(zhǎng)板祝,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,893評(píng)論 1 295
  • 正文 為了忘掉前任走净,我火速辦了婚禮扔字,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘温技。我一直安慰自己革为,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,917評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布舵鳞。 她就那樣靜靜地躺著震檩,像睡著了一般。 火紅的嫁衣襯著肌膚如雪蜓堕。 梳的紋絲不亂的頭發(fā)上抛虏,一...
    開(kāi)封第一講書(shū)人閱讀 51,708評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音套才,去河邊找鬼迂猴。 笑死,一個(gè)胖子當(dāng)著我的面吹牛背伴,可吹牛的內(nèi)容都是我干的沸毁。 我是一名探鬼主播,決...
    沈念sama閱讀 40,430評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼傻寂,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼息尺!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起疾掰,我...
    開(kāi)封第一講書(shū)人閱讀 39,342評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤搂誉,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后静檬,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體炭懊,經(jīng)...
    沈念sama閱讀 45,801評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,976評(píng)論 3 337
  • 正文 我和宋清朗相戀三年拂檩,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了侮腹。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,115評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡广恢,死狀恐怖凯旋,靈堂內(nèi)的尸體忽然破棺而出呀潭,到底是詐尸還是另有隱情钉迷,我是刑警寧澤至非,帶...
    沈念sama閱讀 35,804評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站糠聪,受9級(jí)特大地震影響荒椭,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜舰蟆,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,458評(píng)論 3 331
  • 文/蒙蒙 一趣惠、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧身害,春花似錦味悄、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,008評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至丙猬,卻和暖如春涨颜,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背茧球。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,135評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工庭瑰, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人抢埋。 一個(gè)月前我還...
    沈念sama閱讀 48,365評(píng)論 3 373
  • 正文 我出身青樓弹灭,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親揪垄。 傳聞我的和親對(duì)象是個(gè)殘疾皇子鲤屡,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,055評(píng)論 2 355

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