最终效果预览:
—————————————— 图文教程开始 ——————————————
1. 首先点击作品下方设置区域【数值设置→设置初始数值→字符串】,设置一个初始数值,这里我把它命名为“密码”(初始值不做设置,即为空),确认
2. 点击【高级界面→“+”新增界面】
3. 准备好密码键盘素材、按钮点击前后状态图素材,导入到【本地素材→背景】,点击密码键盘素材替换容器底图
4. 点击高级界面上方【选择界面组件→文本】
5. 双击进入文本编辑界面,点击右上角铅笔处,更改命名。这边给文本命名为【显示密码】
6. 选中文本框,删除文本框内全部文字。点击下方设置区域【数值设置→插入数值】选择【字符串值→密码】,点击确认,选中文本框,在下方【文本设置】内更改字体颜色,调整到合适的大小后,点击右下角【返回上一级】移动到合适的位置
7. 点击高级界面上方【选择界面组件→按钮】,添加一个按钮(这边以数字按钮“1”为例)
8. 双击进入按钮编辑界面,把按钮两种状态底图替换(此处准备好的是一张按键相同大小的透明图,和灰色半透明图),确定
9. 点击右下角【返回上一级】将按钮移动到合适的位置上
10. 选中密码按钮,点击右侧【事件→鼠标点击的时候→添加事件】,在弹出的【设置事件】点击"+"号,新增点击后动作,选择数值操作
11. 在弹出的数值操作内,点击左下角【添加操作】
添加等式为【字符串值:密码 = 字符串值:密码 + 字符串 1】的数值操作,点击确认
12. 在【设置事件】内,点击左侧【刷新组件】,选择右侧【配置动作→我的界面→显示密码】,刷新显示密码文本,确认 (注:其余数字按钮均可新增按钮,替换底图,按照类似设置)
13. 删除按钮设置稍微有些不同,点击高级界面上方【选择界面组件→按钮】,添加一个按钮
14. 双击进入按钮编辑界面,把按钮两种状态底图替换,更改按钮命名为【删除按钮】,确定
15. 点击右下角【返回上一级】将按钮移动到合适的位置上
16. 选中删除按钮,点击右侧【事件→鼠标点击的时候→添加事件】,在弹出的【设置事件】点击"+"号,新增点击后动作,选择数值操作
17. 在弹出的数值操作内,点击左下角【添加操作】
添加等式范例:【字符串值:密码 = 字符串值:密码 - 字符串 1(0~9)】
删除按钮和密码按钮设置有些许不同。数值操作如下图所示,需把所有可输入的字符都列一遍。(此步骤是为了保证点击删除的时候能清空文本组件内的所有字符)的数值操作,设置完成后,点击确认
18. 在【设置事件】内,点击左侧【刷新组件】,选择右侧【配置动作→我的界面→显示密码】,刷新显示密码文本,确认
19. 点击高级界面上方【选择界面组件→按钮】,添加一个按钮
20. 双击进入按钮编辑界面,把按钮两种状态底图替换,更改按钮命名为【确定按钮】,确定
21. 点击右下角【返回上一级】将按钮移动到合适的位置上
22. 选中确定按钮,点击右侧【事件→鼠标点击的时候→添加事件】,在弹出的【设置事件】点击"+"号,新增点击后动作,选择下个剧情,确定
23. 完成了密码锁界面的制作,点击右下角【保存→保存→返回舞台】,在制作界面上方【高级界面→密码键盘→使用】把密码键盘插入到剧情内
24. 点击制作界面右侧【剧情栏→添加剧情】,添加一个新剧情
25. 点击【作品流程→选项分支设置→条件分支】,添加两个条件分支
26. 点击【条件分支→添加分支】,设置密码正确和密码错误时的不同剧情的条件分支
27. 正确密码假设为2333,则点击添加条件设置如下:
分支1,满足的条件是:字符串值:密码 = 字符串 2333
分支2,满足的条件是:字符串值:密码 ≠ 字符串 2333,确定
28. 设置完成后,密码正确则进入下面的剧情,密码错误剧情内最后一个剧情,点击【作品流程→剧情跳转】跳转回本章节,返回密码输入界面,再次输入密码。
29. 选中输入密码剧情,点击【数值设置→数值操作】,设置数值操作,跟取消按钮一样要把所有可输入的字符都列一遍,确定(保证再次进入密码输入界面的时候能清空文本组件内的所有字符)
30. 这样整个密码锁就制作完成了,为了让密码锁更加流畅,可以把密码键盘添加在第二个判定密码是否正确的剧情下,在首剧情设置自动播放,自动播放在【作品流程→自动播放】内设置,也可点击快捷键设置。
—————————————— 图文教程结束 ——————————————