github:https://github.com/woaiyouxi0803/GuideImageView 好用歡迎點(diǎn)??Star～
iOS新手引導(dǎo)--GuideImageView（一）
iOS新手引導(dǎo)--GuideImageView（二）
iOS新手引導(dǎo)--GuideImageView（三）
新增了鏤空效果（見三）

一、起因

引導(dǎo)頁是用戶的第一印象嘉涌。項(xiàng)目更新迭代快猾漫，引導(dǎo)頁自然會(huì)隨之改變力崇。
所以要封裝好方法，一勞永逸肮炎场和敬！

二、效果圖

不多說细办，直接看圖

支持tabbarItem

新增鏤空效果

三、GuideImageView

下載demo更好了解使用方法蕾殴。https://github.com/woaiyouxi0803/GuideImageView 好用歡迎點(diǎn)??Star～

常用方法：

一笑撞、主要用于普通View

- (void)addGuideWithMaskView:(UIView*)maskView imageName:(NSString*)imageName imageSize:(CGSize)imageSize maskImageRect:(CGRect)maskImageRect confirmRect:(CGRect)confirmRect clickBlock:(GuideImageViewClickBlock)clickBlock;

這里解釋下maskImageRect和confirmRect。

image

maskImageRect和confirmRect都是 圖片中的相對(duì)坐標(biāo)系区宇。

高亮部分為maskImageRect娃殖，上圖中為(180, 0 ,110 ,40)

確認(rèn)部分為confirmRect，上圖為( 50 , 207 , 120 , 40)

demo中使用方法為

[[[GuideImageView alloc] init] addGuideWithMaskView:view imageName:@"Group1" imageSize:CGSizeMake(289, 247) maskImageRect:CGRectMake(180, 0, 110, 40) confirmRect:CGRectMake(50, 207, 120, 40) clickBlock:clickBlock];

點(diǎn)擊maskImageRect和maskImageRect都會(huì)有clickBlock
并且confirmRect的位置會(huì)[self removeFromSuperview]移除視圖

二议谷、對(duì)于UITabBarItem炉爆，則根據(jù)下面方法

- (void)addGuideWithTabBarItemIndex:(NSUInteger)index imageName:(NSString*)imageName imageSize:(CGSize)imageSize maskImageRect:(CGRect)maskImageRect confirmRect:(CGRect)confirmRect clickBlock:(GuideImageViewClickBlock)clickBlock;
demo：
[[[GuideImageView alloc] init] addGuideWithTabBarItemIndex:index imageName:@"Group4" imageSize:CGSizeMake(218, 313) maskImageRect:CGRectMake(20, 255, 60, 58) confirmRect:CGRectMake(60, 0, 120, 40) clickBlock:clickBlock]

三、新增鏤空效果
- (void)hollowWithGuideImageViewMaskType:(GuideImageViewMask)maskType cornerRadius:(CGFloat)cornerRadius maskView:(UIView *)maskView imageName:(NSString *)imageName imageSize:(CGSize)imageSize maskImageRect:(CGRect)maskImageRect confirmRect:(CGRect)confirmRect clickBlock:(GuideImageViewClickBlock)clickBlock;

demo:

[maskGuidImageView hollowWithGuideImageViewMaskType:GuideImageViewMaskRoundRect cornerRadius:15 maskView:view imageName:@"Coin_Speed_BlackSecond6" imageSize:CGSizeMake(270, 185) maskImageRect:CGRectMake(80, -30, 80+30, 30) confirmRect:CGRectMake(0, 0, 270, 185) clickBlock:clickBlock];

使用方法到這里就結(jié)束了！

如果你還想了解思路和遇到的問題芬首，期待下一章的內(nèi)容吧赴捞！
iOS新手引導(dǎo)--GuideImageView（二）
iOS新手引導(dǎo)--GuideImageView（三）