初衷
最近專案新功能更改較大,產品童鞋要求加入新功能引導,於是一口氣花了兩天的時間做了乙個引導頁,當然加上後面的修www.cppcns.com修補補的時間,就不只兩天了,不過這事情其實是一勞永逸的事情,值得做。同時為了能夠更好的復用,我把它做成了pod庫,專案位址在這裡:eafeatureguideview。
eafeatureguideview能做什麼
eafeatureguideview是uiview的乙個擴充套件,用來做新功能引導提示,達到這樣的效果:
最後的效果如下:
效果圖1
效果圖2
如何使用
如果安裝了cocoapods,可以在podfile中加入如下**:
pod 'eafeatureguideview',接著pod install一下。
接著在需要展示提示的頁面引入標頭檔案:
#import "uiview+eafeatureguideview.h"
最後新增如下**www.cppcns.com:
eafeatureitem *item = [[eafeatureitem alloc] initwithfocusview:self.examplecell focuscornerradius:0 focusinsets:uiedgeinsetszero];
item.introduce = @"txt_feature_post_activity_4.1.png";
item程式設計客棧.actiontitle = @"太好了xpvqeutelc";
item.action = ^(id sender)程式設計客棧;
eafeatureitem *recents = [[eafeatureitem alloc] initwithfocusrect:cgrectmake(centerx - 25, centery - 25, 50, 50) focuscornerradius:25 focusinsets:uiedgeinsetszero];
recents.introduce = @"recents";
[self.n**igationcontroller.view showwithfeatureitems:@[item, recents] s**ekeyname:@"keyname" inversion:nil];
可以優化的地方
介紹文案沒有支援多顏色。
當高亮區域是圓形的時候,箭頭的指向沒有對中圓心。
原文鏈結:
本文標題: ios 引導頁的鏤空效果例項
本文位址:
iOS 新手引導頁面,透明遮罩指引頁 鏤空處理
這種遮罩通常作為新手引導頁面。通常有鏤空的一部分,附有描述,指引使用者第一次進入介面該如何操作,只顯示一次。下面給出兩種實現思路 優點 程式實現簡單,便捷。2.自己實現乙個uiview,通過設定其layer的mask屬性來實現鏤空區域 缺點 較第一種略多,後期迭代介面改動要更新控制項frame。核心...
時尚的3D鏤空文字效果例項教程
今天剛好在網上看到了時尚的3d文字效果,於是動手模仿設計了一下。下面給大家分享一下俺的勞動成果吧 從效果圖可見,這文字的3d效果不僅僅是從陰影和渲染上下了點功夫,連字型上也同樣使用了sullivan三種鏤空效果的字型 例項中附有 下面就簡述一下整個製作過程吧!1 首先新建乙個1200 500尺寸的文...
IOS引導頁的編寫
新建乙個類,繼承uiview,假設名為guide。在initwithframe方法裡 cgfloat screenheight uiscreen mainscreen bounds.size.height uiscrollview scrollview uiscrollview alloc init...