iOS 引導頁的鏤空效果例項

2022-09-25 01:30:09 字數 1239 閱讀 6447

初衷

最近專案新功能更改較大,產品童鞋要求加入新功能引導,於是一口氣花了兩天的時間做了乙個引導頁,當然加上後面的修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...