目录

【iVX 初级工程师培训教程 10篇文拿证】01 了解 iVX 完成新年贺卡
【iVX 初级工程师培训教程 10篇文拿证】02 数值绑定及自适应网站制作
【iVX 初级工程师培训教程 10篇文拿证】03 事件及猜数字小游戏
【iVX 初级工程师培训教程 10篇文拿证】04 画布及我和 iVX 合照
【iVX 初级工程师培训教程 10篇文拿证】05 画布及飞机大战游戏制作
【iVX 初级工程师培训教程 10篇文拿证】06 数据库及服务
【iVX 初级工程师培训教程 10篇文拿证】07 08 新闻页制作
【iVX 初级工程师培训教程 10篇文拿证】09 聊天室制作

高分提升请查看专栏:
iVX入门到精通
大话 IVX 实战到精通

一、什么是事件

在 ivx 中事件是交互的关键,例如点击一个按钮、一个文本或者任意一个组件都会触发一个点击事件,通过事件的触发响应之后的流程。

1.1 在 ivx 中如何使用事件触发以及流程编辑

在 ivx 中触发事件很简单,咱们以一个绝对定位下的按钮为例。

选择需要添加事件的组件,随后点击事件按钮:

此时将会添加事件以及进入事件编辑区域,并且可以发现,在事件触发中可以选择多种触发事件:

1.2 交互四要素

一般在进行事件触发时,比较典型的是按钮的点击,此事件触发是交互式触发(不交互触发与交互触发事件大致相同);咱们现在编辑一下事件查看一下触发的要素。

首先再到页面中绘制一个文本,咱们点击按钮将会使这个文本的文字发生改变。

那么在按钮的事件中选择触发事件则为点击:

随后我们发现,点击时间之下还有一个绿色的事件编辑区域,这个编辑区域是是表示动作,也就是你点击了这个按钮触发了这个点击事件后你想要去完成什么动作;完成动作咱们可以通过箭头选择某个对象使其发生某些改变,选择对象的箭头如下图所示:

点击该箭头后,在对象树中选择需要操作的组件:

接着在动作选择中,选择改动类型:

在这里我选择设置属性,从属性中更改这个文本内容:

接着预览界面即可点击按钮后使其文本发生改变:

此时我们可以发现,事件的四要素就是:出发对象(通过一个组件触发事件)、触发什么事件、目标对象(你要什么对象)、动作(做什么事)。

二、猜数字游戏制作

2.1 页面绘制

制作猜数字游戏咱们得先绘制对应的页面,界面绘制很简单,使用绝对定位绘制即可,页面有两个,一个是游戏开始界面,还有一个是游戏界面,界面如下:

上面绘制的按钮又尖角只需要在按钮属性中找到边框与圆角并且更改圆角位置即可:

2.2 页面跳转

首先,咱们需要完成的第一个功能应该是跳转页面,点击开始后跳转到另外一个页面;此时我们可以想到,点击开始按钮后,是点击事件,咱们给按钮添加事件:

那如何进行事件跳转呢?

咱们只要将选择操作的对象选择为对象树的前台即可,前台可以负责对页面进行跳转:

随后在动作中选择跳转页面:

最后再选择页面为页面二即可:

此时咱们可以预览后点击该按钮即可跳转页面。

2.3 随机数生成

由于咱们的游戏是猜数字游戏,那么跳转页面后的第一件事情咱们应该是生成两个随机数,这个随机数是猜测数字的范围,那如何生成随机数呢?

此时咱们可以创建两个数值变量:

你也可以给这两个数值变量重命名,一个命名为高、一个命名为低,低表示小的数高表示大的数:

接着咱们需要在进入到这个页面就开始产生随机值,那么也很简单,只需要给页面2一个显示时间,选择页面2点击事件:

选择好事件后,接下来咱们需要对这两个变量产生随机值,那么自然而选择的操作对象是这两个变量, 咱们先选择高变量:

接着在动作中可以看到一个生成随机整数动作:

选择完毕后可以发现需要给予一个随机数区间,既然是高值,那么就给予50到100范围即可:

接着再同样对低变量进行操作,此时点击加号创建一个新的动作:

并且给予对应的范围区间:

此时就可以得到两个随机的范围区间,那么接下来需要把这个范围区间显示在页面之上,显示很简单,只需要将对应的值进行绑定即可:

绑定完成后,点击预览当前页面记得看到随机值(全部预览将会从第一个页面开始预览):


猜数字的区间得到了但是咱们要才猜的数值是几却还没得到,只需要再创建一个数值变量,并且设置区间为刚刚随机生成的高低值即可:

2.4 猜数字逻辑

接下来到了最后一步,输入数字,随后点击确定做数值匹配。

首先咱们给猜数字界面的确定按钮一个点击事件:


随后点击点击事件这一栏,添加条件:

将绿色的动作模块拖拽到条件之中:

在条件中选择输入框的内容:

接下来判断输入框的内容是否等于猜测的值:

如果猜测正确那么在动作中找到提示文本更改文本内容为正确:

随后再右键复制这个判断条件:

点击事件快捷键黏贴两个事件,并且更改判断条件大还是小,并且给予不同的提示:

【iVX 初级工程师培训教程 10篇文拿证】03 事件及猜数字小游戏相关推荐

  1. 【iVX 初级工程师培训教程 10篇文拿证】05 画布及飞机大战游戏制作

    目录 [iVX 初级工程师培训教程 10篇文拿证]01 了解 iVX 完成新年贺卡 [iVX 初级工程师培训教程 10篇文拿证]02 数值绑定及自适应网站制作 [iVX 初级工程师培训教程 10篇文拿 ...

  2. 【iVX 初级工程师培训教程 10篇文拿证】01 了解 iVX 完成新年贺卡

    目录 [iVX 初级工程师培训教程 10篇文拿证]01 了解 iVX 完成新年贺卡 [iVX 初级工程师培训教程 10篇文拿证]02 数值绑定及自适应网站制作 [iVX 初级工程师培训教程 10篇文拿 ...

  3. 【iVX 初级工程师培训教程 10篇文拿证】02 数值绑定及自适应网站制作

    目录 [iVX 初级工程师培训教程 10篇文拿证]01 了解 iVX 完成新年贺卡 [iVX 初级工程师培训教程 10篇文拿证]02 数值绑定及自适应网站制作 [iVX 初级工程师培训教程 10篇文拿 ...

  4. 【iVX 初级工程师培训教程 10篇文拿证】04 画布及我和 iVX 合照

    目录 [iVX 初级工程师培训教程 10篇文拿证]01 了解 iVX 完成新年贺卡 [iVX 初级工程师培训教程 10篇文拿证]02 数值绑定及自适应网站制作 [iVX 初级工程师培训教程 10篇文拿 ...

  5. 【iVX 初级工程师培训教程 10篇文拿证】06 数据库及服务

    目录 [iVX 初级工程师培训教程 10篇文拿证]01 了解 iVX 完成新年贺卡 [iVX 初级工程师培训教程 10篇文拿证]02 数值绑定及自适应网站制作 [iVX 初级工程师培训教程 10篇文拿 ...

  6. 【iVX 初级工程师培训教程 10篇文拿证】07 08 新闻页制作

    目录 [iVX 初级工程师培训教程 10篇文拿证]01 了解 iVX 完成新年贺卡 [iVX 初级工程师培训教程 10篇文拿证]02 数值绑定及自适应网站制作 [iVX 初级工程师培训教程 10篇文拿 ...

  7. 【iVX 初级工程师培训教程 10篇文拿证】09 聊天室制作

    目录 [iVX 初级工程师培训教程 10篇文拿证]01 了解 iVX 完成新年贺卡 [iVX 初级工程师培训教程 10篇文拿证]02 数值绑定及自适应网站制作 [iVX 初级工程师培训教程 10篇文拿 ...

  8. 【C语言】猜数字小游戏详细教程

    大家好!我是同学[森],一名计算机爱好者,今天让我们进入小游戏开发模式.若有错误,请多多指教.小主使用的是VS2019编译器. 由于小主是大一学生,知识掌握水平有限,代码可能会有写漏洞和不足,仅供借鉴 ...

  9. python小游戏编程实例-10分钟教你用Python写一个贪吃蛇小游戏,适合练手项目

    另外要注意:光理论是不够的.这里顺便总大家一套2020最新python入门到高级项目实战视频教程,可以去小编的Python交流.裙 :七衣衣九七七巴而五(数字的谐音)转换下可以找到了,还可以跟老司机交 ...

最新文章

  1. 动图|几张动图告诉你,工业机器人无所不能!
  2. ssm项目jsp加载不出来图片_16. SSM 搭建
  3. Sitecore安全性第1部分:自定义角色和权限
  4. linux shell 中文件编码查看及转换方法
  5. 遍历文件夹并移动其中所有的文件
  6. 【Elasticsearch】Elasticsearch的IndexSorting:一种查询性能优化利器
  7. Controller接口控制器(2)
  8. 吴恩达机器学习总结二:单变量线性回归
  9. 关于邮件服务器应用系统安全SSL ×××(强身份认证)方案
  10. 寄售Consignment和VMI有什么区别?
  11. JAVA偶数分解质数_优化后的寻找偶数是两个质数之和的JAVA代码
  12. mysql 对日期的处理函数_MySQL日期处理函数
  13. tp5 html页面使用if else,tp5.0和tp3.2中前台模板IF标签和FOREACH的区别
  14. 台式电脑怎么组装步骤_台式机组装教程,详细教您台式机怎么组装
  15. android 调用系统图片编辑,android 调用系统 裁剪 图片
  16. 松香的用法(电烙铁焊接)
  17. (11)向量组及其线性组合
  18. 敏捷项目的史诗与迭代
  19. 微型计算机显示器的标准接口,显示器原理及接口显示器BIOS编程I(原理部分)
  20. 引爆全球 新华三首款MANO亮相英特尔网络“航展”

热门文章

  1. FreeSql使用WithSql+ ToSQL 查询数据
  2. Newbe.Claptrap 框架入门,第二步 —— 创建项目
  3. 展望2021,Java、Go、.NET,谁主沉浮?
  4. 小心 HttpClient 中的 FormUrlEncodeContent 的 bug
  5. 玩转控件:对Dev中GridControl控件的封装和扩展
  6. 终结“永恒之蓝”后,再战“永恒之黑”
  7. BeetleX网关之请求聚合
  8. asp.netcore3.0 使用 DbProviderFactories 连接数据库
  9. asp.net core 环境(Development、Staging 、Production)
  10. 前瞻科技,引领未来!Microsoft Connect(); 2018即将重磅来袭!