【组件004】对话框



  • 对话框

    对话框是唤境中可以便捷的设置游戏中对话的一个组件。对话框编辑器有两部分,对话框样式编辑,对话框对话编辑。如下图所示。

    样式编辑器

    image.png

    对话编辑器

    image.png

    添加对话框

    那么我们先来看看如何添加对话框,首先我们在项目库中要选中要添加对话框的场景和图层。

    image.png

    image.png

    在上方顶部快捷栏中,image.png图标就是添加对话框。这里有两个方法添加,第一鼠标左键直接点击。第二鼠标左键按住拖拽到舞台区域松开左键。

    image.png

    image.png

    对话框在舞台中无法直接修改大小属性,需要进入到对话框样式编辑器中才能设置对话框的大小样式。

    对话框样式编辑器

    在对象库右键对话框可以修改名字,在对象库双击对话框或在对象库选中对话框然后在右方属性栏样式编辑点击编辑进入对话框样式编辑器。

    image.png

    image.png

    对话框样式命名

    在对话框样式编辑器中,可以在左方样式栏选中样式右键点击重命名可以为样式命名。(一般会把样式命名为角色名字,在后续对话框对话编辑器上会使用到)

    image.png

    新建对话框样式

    在左方样式栏右键点击新建样式可新建样式。

    image.png

    复制对话框样式

    在左方样式栏选中样式右键点击克隆样式可以复制选中的样式。

    image.png

    修改对话框背景,头像,角色名,文本框样式

    在对话框样式编辑器中间部分可以进行对话框背景,头像,角色名,文本框样式的修改,分别选中对话框背景,头像,角色名,文本框样式上传贴图,修改位置和大小,设置角色名字,文本框字体颜色大小等等操作。

    image.png

    image.png

    image.png

    image.png

    image.png

    image.png

    image.png

    编辑好对话框样式后,就可以在舞台选中对话框进行对话框对话编辑。

    对话框属性编辑

    在舞台或项目库选中对话框然后在右方属性栏可以设置对话框基本属性,设置可见性,音量,触发方式,文本播放速度等等。

    image.png

    对话框对话编辑器

    在舞台双击对话框或在舞台或项目库选中对话框然后在右方属性栏对话编辑点击编辑进入对话框样式编辑器。

    image.png

    按索引(角色,样式)排序对话

    在对话框对话编辑器中左上方可以选择对话的排序方式。

    image.png

    新建对话

    在对话框对话编辑器中点击上方新建对话按钮可新建一条对话。

    image.png

    image.png

    删除对话

    若需要删除对话,点击删除按钮可删除本条对话。

    image.png

    对话编辑

    在每条对话中,可以选择本条对话的样式(样式在对话框样式编辑器中编辑好),标签(用于触发对话的设置),配音和对话内容。

    image.png

    image.png

    image.png

    image.png

    导入/导出对话

    点击导入文件/导出文件即可快速进行导入对话/导出对话操作。

    image.png

    点击导出文件会得到当前对话的CSV文件。

    image.png

    我们在CSV表格内把样式名和对话文本填好,样式名和文本是必填项,标签可根据需要填写。导入的顺序根据CSV的每一行的顺序。

    image.png

    image.png

    精灵对象事件条件与动作示例

    对话框可以使用对话框条件“对话框开始时”,“对话框结束时”,“到达标签时”判断来控制游戏中的效果。

    image.png

    也可以使用对话框的动作来对对话框执行“暂停对话”,“结束对话”,“跳到某句话”等等。

    image.png

    记得帖子下打卡~有问题可以直接提出哦。