iOS 引導(dǎo)頁的鏤空效果實(shí)例
初衷
最近項(xiàng)目新功能更改較大，產(chǎn)品童鞋要求加入新功能引導(dǎo)，于是一口氣花了兩天的時(shí)間做了一個(gè)引導(dǎo)頁，當(dāng)然加上后面的修修補(bǔ)補(bǔ)的時(shí)間，就不只兩天了，不過這事情其實(shí)是一勞永逸的事情，值得做。同時(shí)為了能夠更好的復(fù)用，我把它做成了pod庫，項(xiàng)目地址在這里：EAFeatureGuideView。
EAFeatureGuideView能做什么
EAFeatureGuideView是UIView的一個(gè)擴(kuò)展，用來做新功能引導(dǎo)提示，達(dá)到這樣的效果：
- 局部區(qū)域高亮（可以設(shè)置圓角）
- 有箭頭指向高亮區(qū)域
- 可以設(shè)置一段介紹文字（可以是圖片、也可以是文字）
- 可以對(duì)應(yīng)一個(gè)按鈕，可以通過配置事件、標(biāo)題。
最后的效果如下：
效果圖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)化的地方
介紹文案沒有支持多顏色。
當(dāng)高亮區(qū)域是圓形的時(shí)候，箭頭的指向沒有對(duì)中圓心。
原文鏈接：http://www.jianshu.com/p/c9a44edc9fbf
以上就是 IOS 實(shí)現(xiàn)引導(dǎo)頁的鏤空效果的實(shí)例，有需要的參考下，謝謝大家對(duì)本站的支持！
相關(guān)文章
這篇文章主要介紹了一些優(yōu)化iOS程序性能的技巧，幫助大家更好的進(jìn)行ios開發(fā)，感興趣的朋友可以了解下2020-09-09
詳解iOS App中調(diào)用AVAudioPlayer播放音頻文件的用法
這篇文章主要介紹了iOS App中調(diào)用AVAudioPlayer播放音頻文件的用法,AVAudioPlayer僅能播放本地文件而不能添加網(wǎng)絡(luò)源,實(shí)例代碼為Objective-C,需要的朋友可以參考下2016-03-03
這篇文章主要為大家詳細(xì)介紹了iOS制作帶彈跳動(dòng)畫發(fā)布界面，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
本篇文章主要介紹了iOS時(shí)間格式化輸出技巧，可以將后臺(tái)返回的時(shí)間字符串轉(zhuǎn)換為指定的格式時(shí)間再顯示在UI上，有興趣的可以了解一下。2017-04-04
淺談iOS中幾個(gè)常用協(xié)議 NSCopying/NSMutableCopying
下面小編就為大家分享一篇淺談iOS中幾個(gè)常用協(xié)議 NSCopying/NSMutableCopying，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2017-12-12
這篇文章主要介紹了iOS 通用鏈接（Universal Link）配置詳解，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
IOS實(shí)現(xiàn)點(diǎn)擊滑動(dòng)抽屜效果
這篇文章主要為大家詳細(xì)介紹了IOS實(shí)現(xiàn)點(diǎn)擊滑動(dòng)抽屜效果的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-02-02
本文給大家總結(jié)了幾則在IOS系統(tǒng)下刪除文件的代碼，十分的實(shí)用，有需要的小伙伴可以參考下。2015-05-05
本文給大家分享一段代碼關(guān)于ios通過銀行卡號(hào)獲取所屬銀行名稱，代碼簡單易懂，在項(xiàng)目開發(fā)中經(jīng)常會(huì)遇到這樣的功能，需要的朋友一起學(xué)習(xí)吧2016-11-11
iOS統(tǒng)計(jì)代碼總行數(shù)的命令(便捷且簡單)
在工作中有時(shí)候會(huì)需要統(tǒng)計(jì)我們工程的總代碼行數(shù)，下面小編給大家分享一個(gè)超便捷超簡單的方法，通過一行命令統(tǒng)計(jì)ios代碼總行數(shù)，需要的朋友參考下吧2017-11-11