【第83课】NPC界面美化面板显示图片以及播放图片教程

一一素材

大家好，今天的课程中讲解的是怎么把一个NPC对话框中，显示的图片以及按钮图片显示的排版，课程内容适合于所有引擎只是不同的引擎代码不一样自己换一下就可以，今天课程中主要讲的是NPC对话框中的显示美化，目前市场上的引擎支持美化功能比较多的就是GEE引擎、GOM引擎、HGE引擎，当然还有更多的引擎也支持，在这里我说的只是当前行业里比较主流的引擎，美化的功能支持 文字颜色、按钮颜色、悬停文字、图片展示、图片播放，相对老的引擎就不支持这么多功能，比如 LEG引擎、HERO引擎以及更老的引擎，只能去对文字颜色的美化和部分单张图片的展示。





GEE/GOM引擎图片代码  其他新引擎也支持以下功能，只是代码不一样，操作一样。   

格式: OPENMERCHANTBIGDLG WIL文件序号 图片序号 是否可以移动(0,1) 显示位置(0=左上角,1=右上角,2=左下角,3=右下角,4=居中) 微调坐标X 微调坐标Y 是否显示关闭按钮(0,1) 关闭按钮坐标X 关闭按钮坐标Y 是否当前NPC对话一直使用此对话框(0和空为不延续，1则延续)
[@main]
#ACT
OPENMERCHANTBIGDLG 80 362 1 4 0 -80 0 0 0 0

格式: <Img:N:F:X:Y/@Label>
N表示显示文件中的第几个图片,F表示WIL文件序号,X是横向坐标,Y是纵向坐标.
F=WIL文件序号(详见引擎：查看-列表信息(二)-WIL资源)
X和Y这两个坐标可以使图片显示的坐标更加精准.
D=输入框的ID列表，用','分隔开，所有用*表示 (本参数为20170407更新扩展，但如果图片要用于提交输入的内容，就必须要填)
@Label是点击图片时需要触发的脚本标签.

新增加 格式: <ImgEx:F:U:H:X:Y/@Label>
F=WIL文件序号(详见引擎：查看-列表信息(二)-WIL资源)
U=默认显示的图片序号
H=鼠标放上去时显示的图片序号
D=鼠标点下去时显示的图片序号
X和Y这两个坐标可以使图片显示的坐标更加精准.
P=输入框的ID列表，用','分隔开，所有用*表示 (本参数为20170407更新扩展。可以不填写，但如果图片要用于提交输入的内容，就必须要填)
@Label是点击图片时需要触发的脚本标签.

增加脚本中播放图片功能.

格式: <layImg:F:N:C:T:X:Y:M:备注文字内容/@Label>.
F表示WIL文件序号,N表示播放开始图片,C表示播放张数,T表示播放速度(毫秒),X是横向坐标,Y是纵向坐标.
F=WIL文件序号(详见引擎：查看-列表信息(二)-WIL资源)
X和Y这两个坐标可以使图片显示的坐标更加精准.
M：绘制模式（0：原始绘制；非0：透明绘制)
P=输入框的ID列表，用','分隔开，所有用*表示 (本参数为20170407更新扩展。可以不填写，但如果图片要用于提交输入的内容，就必须要填)
@Label是点击图片时需要触发的脚本标签.
例： <layImg:5:510:3:100:10:10:M:249#GEE引擎官方网站：^250#www.baidu.com/@播放图片>.

增加脚本中播放图片功能(支持播放次数).

格式: <layImgEx:F:N:C:T:H:X:Y:M:备注文字内容/@Label>.
F表示WIL文件序号,N表示播放开始图片,C表示播放张数,T表示播放速度(毫秒),
H:表示播放次数
X是横向坐标,Y是纵向坐标.
F=WIL文件序号(详见引擎：查看-列表信息(二)-WIL资源)
X和Y这两个坐标可以使图片显示的坐标更加精准.
M：绘制模式（0：原始绘制；非0：透明绘制)
P=输入框的ID列表，用','分隔开，所有用*表示 (本参数为20170407更新扩展。可以不填写，但如果图片要用于提交输入的内容，就必须要填)
@Label是点击图片时需要触发的脚本标签.
例：<layImgEx:1:520:10:150:5:280:-50:0:250#GEE引擎官方网站：^250#www.baidu.com/@播放图片>.

NPC对话框将数字转换为图片显示：
<ImgNum: 数字类型(0-9): 数字值: 字符间隔: X:Y | 提示信息/@脚本触发> 数字值支持变量 NPC对话框 ，不支持负数！
X=X坐标
Y=Y坐标
D=输入框的ID列表，用','分隔开，所有用*表示 （本参数为20170407扩展，不适用可以不填写，如果图片要用于提交输入的内容，就必须要填）
图片位置：NewopUI.pak 1230开始---1329结束 (一共10组)
列子：<ImgNum:9:1234:-3:0:0|提示信息/@测试>

<ItemShow:F:X:Y:Z/@Label>

参数说明：
d= 数据物品ID
F= 数量(数量设置小于1则不显示)
X Y = 微调坐标 排版的
Z= 是否显示物品框，0为不显示，1为显示
鼠标放上去显示物品属性。类似<Img>图标的用法
@Label是点击图片时需要触发的脚本标签. (不需要跳转则可不需填写，如：<ItemShow:F:X:Y:Z>)