参考: 新手引导镂空方案 使用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上) 当然还有引导的小姐姐头像对话框以及镂空区域有特效提示 之前做法:蒙黑背景计算镂空区域,蒙 ...