初衷
最近項(xiàng)目新功能更改較大,產(chǎn)品童鞋要求加入新功能引導(dǎo),于是一口氣花了兩天的時(shí)間做了一個(gè)引導(dǎo)頁(yè)拘央,當(dāng)然加上后面的修修補(bǔ)補(bǔ)的時(shí)間,就不只兩天了书在,不過(guò)這事情其實(shí)是一勞永逸的事情灰伟,值得做。同時(shí)為了能夠更好的復(fù)用儒旬,我把它做成了pod庫(kù)栏账,項(xiàng)目地址在這里:EAFeatureGuideView。
EAFeatureGuideView能做什么
EAFeatureGuideView是UIView的一個(gè)擴(kuò)展栈源,用來(lái)做新功能引導(dǎo)提示挡爵,達(dá)到這樣的效果:
- 局部區(qū)域高亮(可以設(shè)置圓角)
- 有箭頭指向高亮區(qū)域
- 可以設(shè)置一段介紹文字(可以是圖片、也可以是文字)
-
可以對(duì)應(yīng)一個(gè)按鈕凉翻,可以通過(guò)配置事件了讨、標(biāo)題捻激。
最后的效果如下:
如何使用
如果安裝了Cocoapods,可以在Podfile中加入如下代碼:
pod 'EAFeatureGuideView'
,接著pod install
一下制轰。
接著在需要展示提示的頁(yè)面引入頭文件:
#import "UIView+EAFeatureGuideView.h"
最后添加如下代碼:
EAFeatureItem *item = [[EAFeatureItem alloc] initWithFocusView:self.exampleCell focusCornerRadius:0 focusInsets:UIEdgeInsetsZero];
item.introduce = @"txt_feature_post_activity_4.1.png";
item.actionTitle = @"太好了";
item.action = ^(id sender){
NSLog(@"touched ..");
};
EAFeatureItem *recents = [[EAFeatureItem alloc] initWithFocusRect:CGRectMake(centerX - 25, centerY - 25, 50, 50) focusCornerRadius:25 focusInsets:UIEdgeInsetsZero];
recents.introduce = @"recents";
[self.navigationController.view showWithFeatureItems:@[item, recents] saveKeyName:@"keyName" inVersion:nil];
可以優(yōu)化的地方
- 介紹文案沒有支持多顏色。
- 當(dāng)高亮區(qū)域是圓形的時(shí)候胞谭,箭頭的指向沒有對(duì)中圓心垃杖。