快捷導(dǎo)航

iOS 引導(dǎo)頁(yè)的鏤空效果實(shí)例

更新時(shí)間：2016年09月20日 09:55:35 作者：EA88

這篇文章主要介紹了iOS 引導(dǎo)頁(yè)的鏤空效果實(shí)例的相關(guān)資料,需要的朋友可以參考下

初衷

最近項(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)題。

最后的效果如下：

效果圖1

效果圖2

如何使用

如果安裝了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];

可以?xún)?yōu)化的地方

介紹文案沒(méi)有支持多顏色。
當(dāng)高亮區(qū)域是圓形的時(shí)候，箭頭的指向沒(méi)有對(duì)中圓心。

原文鏈接：http://www.jianshu.com/p/c9a44edc9fbf

以上就是 IOS 實(shí)現(xiàn)引導(dǎo)頁(yè)的鏤空效果的實(shí)例，有需要的參考下，謝謝大家對(duì)本站的支持！

您可能感興趣的文章:

相關(guān)文章

Objective-C方法的聲明實(shí)現(xiàn)及調(diào)用方法
這篇文章主要介紹了Objective-C方法的聲明實(shí)現(xiàn)及調(diào)用方法,包括五參數(shù)的方法和單個(gè)參數(shù)的方法,結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),感興趣的朋友一起看看吧
2024-02-02
Objective-C計(jì)時(shí)器NSTimer學(xué)習(xí)筆記
這篇文章主要為大家介紹了Objective-C計(jì)時(shí)器NSTimer的學(xué)習(xí)筆記，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-03-03
iOS如何改變UIBarButtonItem的大小詳解
這篇文章主要給大家介紹了關(guān)于iOS如何改變UIBarButtonItem大小的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-02-02
iOS如何獲取漢字（簡(jiǎn)體中文）筆畫(huà)數(shù)詳解
這篇文章主要給大家介紹了關(guān)于iOS如何獲取漢字（簡(jiǎn)體中文）筆畫(huà)數(shù)的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-02-02
iOS mobileconfig配置文件進(jìn)行簽名的配置方法
這篇文章主要介紹了iOS mobileconfig配置文件進(jìn)行簽名的配置方法,給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2020-02-02
iOS中tableView cell分割線(xiàn)的一些設(shè)置技巧
在項(xiàng)目開(kāi)發(fā)中我們會(huì)常常遇到tableView 的cell分割線(xiàn)顯示不全，左邊會(huì)空出一截像素，更有甚者想改變系統(tǒng)的分割線(xiàn)，下面通過(guò)這篇文章來(lái)一起學(xué)習(xí)學(xué)習(xí)在iOS中tableView cell分割線(xiàn)的一些設(shè)置技巧，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。
2017-05-05
iOS MRC 下 block 循環(huán)引用問(wèn)題實(shí)例講解
本文通過(guò)文字說(shuō)明加代碼的形式給大家介紹了iOS MRC 下 block 循環(huán)引用問(wèn)題，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧
2017-12-12
iOS中自動(dòng)實(shí)現(xiàn)對(duì)象序列化的方法詳解
這篇文章主要給大家介紹了在iOS中自動(dòng)實(shí)現(xiàn)對(duì)象序列化的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起看看吧。
2017-05-05
iOS仿網(wǎng)易新聞滾動(dòng)導(dǎo)航條效果
這篇文章主要為大家詳細(xì)介紹了iOS仿網(wǎng)易新聞滾動(dòng)導(dǎo)航條效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-05-05
教你如何解決XCODE升級(jí)后插件不能用問(wèn)題
Xcode 每次更新有個(gè)很頭疼的問(wèn)題，就是插件都會(huì)失效，要重裝。不得不說(shuō)好多插件還是非常方便能提高效率。那么如何來(lái)解決這個(gè)問(wèn)題呢，今天我們就來(lái)探討下。
2015-11-11