iOS 引導頁的鏤空效果實例
初衷
最近項目新功能更改較大,產(chǎn)品童鞋要求加入新功能引導,于是一口氣花了兩天的時間做了一個引導頁,當然加上后面的修修補補的時間,就不只兩天了,不過這事情其實是一勞永逸的事情,值得做。同時為了能夠更好的復(fù)用,我把它做成了pod庫,項目地址在這里:EAFeatureGuideView。
EAFeatureGuideView能做什么
EAFeatureGuideView是UIView的一個擴展,用來做新功能引導提示,達到這樣的效果:
- 局部區(qū)域高亮(可以設(shè)置圓角)
- 有箭頭指向高亮區(qū)域
- 可以設(shè)置一段介紹文字(可以是圖片、也可以是文字)
- 可以對應(yīng)一個按鈕,可以通過配置事件、標題。
最后的效果如下:

效果圖1

效果圖2
如何使用
如果安裝了Cocoapods,可以在Podfile中加入如下代碼:
pod 'EAFeatureGuideView',接著pod install一下。
接著在需要展示提示的頁面引入頭文件:
#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)化的地方
介紹文案沒有支持多顏色。
當高亮區(qū)域是圓形的時候,箭頭的指向沒有對中圓心。
原文鏈接:http://www.jianshu.com/p/c9a44edc9fbf
以上就是 IOS 實現(xiàn)引導頁的鏤空效果的實例,有需要的參考下,謝謝大家對本站的支持!
相關(guān)文章
Objective-C方法的聲明實現(xiàn)及調(diào)用方法
這篇文章主要介紹了Objective-C方法的聲明實現(xiàn)及調(diào)用方法,包括五參數(shù)的方法和單個參數(shù)的方法,結(jié)合實例代碼給大家介紹的非常詳細,感興趣的朋友一起看看吧2024-02-02
iOS中tableView cell分割線的一些設(shè)置技巧
在項目開發(fā)中我們會常常遇到tableView 的cell分割線顯示不全,左邊會空出一截像素,更有甚者想改變系統(tǒng)的分割線,下面通過這篇文章來一起學習學習在iOS中tableView cell分割線的一些設(shè)置技巧,需要的朋友可以參考借鑒,下面來一起看看吧。2017-05-05
iOS MRC 下 block 循環(huán)引用問題實例講解
本文通過文字說明加代碼的形式給大家介紹了iOS MRC 下 block 循環(huán)引用問題,非常不錯,具有參考借鑒價值,需要的朋友參考下吧2017-12-12

