如何制作通用提示弹窗界面
发表时间: 2021-02-23 17:36:25 阶段:中级 分类:实例应用
本篇教程由扇贝 尘枭 提供,如你有好的想法教程,也可以找芊芊投稿哦。


【效果展示】
1. 剧情或玩法中,需要对数值改变或功能做一个提醒时,可以用一个提示弹窗来实
现。它在弹出来后,1秒(可自由设置)后自动关闭。
2. 提示的内容在弹出提示的地方设定,例如可设置“金币不足”“等级不足”“暂未开
放!”获得“xx+1”等等,最多支持显示15个字左右(根据弹窗大小而定)。因此它具有通用性,可用于很多地方,而不必设置大量的界面来提示。
3.弹窗的文本会根据字数的不同,自动居中显示。


【原理】
弹出提示前,对字符串赋值。根据字数,计算调整文本框的x坐标。打开弹窗后,利用定时器关闭。


【步骤】
1.准备素材,并导入[我的素材]→[背景]:

通用提示弹窗的底图 大小360×30


2.准备数值:
①准备字符串值:[通用提示弹窗内容],初始值0


②准备普通数值:
[通用提示弹窗坐标x],初始值0  
[通用提示弹窗内容长度],初始值0  



3.新建高级界面-容器,命名为“通用提示弹窗界面”,导入背景。



4.在上述容器中,
①. 新建定时器,设置时长为1秒,运行次数为1次。命名为“定时器1秒单次”。


设置外部事件:每次定时结束后,关闭“通用提示弹窗界面”


②. 新建文本,命名为“通用提示文本框”。文本框尺寸360×30,字体20号。
插入数值:字符串值[通用提示弹窗内容]


③选中文本框,更改界面设置:将x坐标由固定值更换为普通数值。
(定时器的坐标随便,不影响)



【应用】
需要提示时,首先播放音效,然后对字符串值赋值,再调整弹窗坐标,最后打开通用提示弹窗界面(其位置300,200。可自定,一般在屏幕中部或中部偏上)
实例如下:


一般只需要修改红圈里的内容,那个“5”表示字符串长度(其实数错一两个字不太影响对称性)。那个“10”即字号20的一半,那个“180”即为弹窗界面长度360的一半,如果尺寸跟我不一样的才需要相应修改。

    坐标x公式:x = 180 - 字符串长度×10

所以理论上最多能显示18个字,但为了美观,请保持在4~15字范围(含标点)。

再看一个比较长的提示,它可以设置在“取名界面”的“确定按钮”上,当取名字符串长度超过某个数时,打开此提示提醒玩家。



【拓展】
1.可以给“通用提示弹窗界面”设置点击关闭事件,这样它就兼具自动关闭和手动关闭的功能。
2.这只是通用类型的提示界面,而某些提示界面需要专门设计,因为要显示的内容,尺寸大小,操作事件等具有专一性,例如死亡提示,结算提示等等。
3.可根据此原理,设计其他的提示弹窗,如“获得金币经验弹窗”?

4.可以给提示弹窗设置上浮飘动效果,例如提示“好感-1”,(大概原理,通过定时器操作弹窗界面的y坐标,运行几次后关闭)


 
TOP