參考: 新手引導鏤空方案 使用RenderTexture創建反遮罩或橡皮擦 一、首先創建一個背景 let bg:eui.Image = new eui.Image(RES.getRes("bg_jpg")); this.addChild(bg ...
效果圖 這種遮罩通常作為新手引導頁面。通常有鏤空的一部分,附有描述,指引用戶第一次進入界面該如何操作,只顯示一次。 下面給出兩種實現思路 .UI切好整張圖片,直接顯示到UIWindow上,不推薦使用該方法。 .自己實現一個UIView,通過設置其layer的mask屬性來實現鏤空區域 核心代碼: ...
2019-02-27 19:21 0 1001 推薦指數:
參考: 新手引導鏤空方案 使用RenderTexture創建反遮罩或橡皮擦 一、首先創建一個背景 let bg:eui.Image = new eui.Image(RES.getRes("bg_jpg")); this.addChild(bg ...
某些游戲里新手指引需要一個半透明遮罩,強制用戶按照指引操作。 當然,有些游戲只是提示,用戶依然可以點擊其他的按鈕,進行其他操作。 無遮罩的新手指引 有遮罩的指引 在主頁場景里創建指引遮罩GuideMask HomeScene.ts ...
以往在寫啟動頁面的時候,有時候會直接在啟動頁里面寫,或者自帶的vc里面直接寫,但是那樣並不是很方便,啟動頁里面往往會添加很多的東西,所以封裝成一個單獨的類,可以直接使用,即便是后期的更換,或者是其他的工程項目里面需要,直接拖過去,就可以直接使用非常方便! 具體代碼就不上傳了,附demo的下載地址 ...
...
早期新手引導頁只需要幾張圖片就可以解決了,隨着屏幕尺寸的的越來越多,新手引導頁的尺寸適配起來越來越麻煩,否則就會出現尺寸不匹配,圖片被拉伸的情況 目前應該是有2種方法來解決這個問題 方法1: 根據每款手機的分辨率來選擇需要的圖片尺寸 if(分辨率1){ 圖片1 }else if(分辨率2){ 圖片 ...
1,圖片適配,最早以前是自己命名規范,例如@1x,@2x,@3x等,3套圖基本上就夠用了 2,在iPhone X之后,需要適配的圖就多了,因為分辨率增多了,屏幕尺寸也增多了 3,尺寸 :640*9 ...
在很多的app,我們都會發現這樣一個功能:就是app啟動后進入主界面時,會有一個半透明的指引圖,它會提示用戶如何一步步進行操作,快速的熟悉app的使用規則,極大地方便了用戶的使用,也加快了app的推廣,優點不言而喻。 我主要介紹一下思路: 首先創建一個半透明的蒙版覆蓋在當前整個屏幕 ...
最近要寫新手引導,記錄一下 蒙黑(層級最上,蒙住整個UI,有鏤空裁剪)鏤空區域btn(是一個button 動態改變位置) 引導UI(做新手引導的UI) 活動UI(主動彈出的活動UI 層級位於引導UI上) 當然還有引導的小姐姐頭像對話框以及鏤空區域有特效提示 之前做法:蒙黑背景計算鏤空區域,蒙 ...