iOS 新手引導頁面,透明遮罩指引頁 鏤空處理

2022-09-12 00:42:16 字數 582 閱讀 2148

這種遮罩通常作為新手引導頁面。通常有鏤空的一部分,附有描述,指引使用者第一次進入介面該如何操作,只顯示一次

下面給出兩種實現思路

優點:程式實現簡單,便捷。
2.自己實現乙個uiview,通過設定其layer的mask屬性來實現鏤空區域

缺點:**較第一種略多,後期迭代介面改動要更新控制項frame。

核心**:

- (void)creatcontrolwithtype:(hkguidepagetype)type completion:(finishblock)completion

// 繪製透明區域

cashapelayer *shapelayer = [cashapelayer layer];

shapelayer.path = path.cgpath;

[b**iew.layer setmask:shapelayer];

}

Unity Shader實現新手引導遮罩鏤空效果

這兩天實現了下新手引導需要的遮罩鏤空shader效果,記錄一下。1 圓形鏤空shader 計算片元世界座標和目標中心位置的距離 float dis distance in.worldposition.xy,center.xy 過濾掉距離小於 半徑 過渡範圍 的片元 clip dis radius t...

iOS透明引導頁

一 效果展示 二 怎麼做?方案有很多種,不同的方案有不同的優缺點,這裡列舉兩種常見的方案 方案一 生成整張引導圖 1 匯出引導圖 讓設計師匯出各個尺寸的引導圖,引導圖只包含指引部分,不包括背景,匯出的引導圖樣式如下 這裡寫描述 需要匯出iphone4,iphone5,iphone6,iphone6 ...

Shader 新手引導中的遮罩裁剪

最近要寫新手引導,記錄一下 蒙黑 層級最上,蒙住整個ui,有鏤空裁剪 鏤空區域btn 是乙個button 動態改變位置 引導ui 做新手引導的ui 活動ui 主動彈出的活動ui 層級位於引導ui上 當然還有引導的小姐姐頭像對話方塊以及鏤空區域有特效提示 之前做法 蒙黑背景計算鏤空區域,蒙黑鏤空區域有...