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

目录

【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 猜数字逻辑

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

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

在这里插入图片描述
随后点击点击事件这一栏,添加条件:
在这里插入图片描述
将绿色的动作模块拖拽到条件之中:
在这里插入图片描述
在条件中选择输入框的内容:
在这里插入图片描述
接下来判断输入框的内容是否等于猜测的值:
在这里插入图片描述
如果猜测正确那么在动作中找到提示文本更改文本内容为正确:
在这里插入图片描述
随后再右键复制这个判断条件:
在这里插入图片描述
点击事件快捷键黏贴两个事件,并且更改判断条件大还是小,并且给予不同的提示:
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/286472.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

visual studio系列(vs)启动调试网站使用ip+端口局域网访问

vs系列工具创建web应用时会自动创建一些配置文件,本文章讲的是如何修改配置文件,使vs在启动运行调试情况下 使用ip端口形式在局域网访问。本文章使用的是vs2015,.net 4.5。步骤如下:1.使用vs创建好你的web应用,打开项目…

Android studio之编译提示Could not find :umeng-asms-v1.2.1:.

1 、问题 Could not determine the dependencies of task :app:compileDebugJavaWithJavac. > Could not resolve all task dependencies for configuration :app:debugCompileClasspath.> Could not find :umeng-asms-v1.2.1:.Required by:project :app> Could not …

WPF效果第一百八十九篇之又玩Expander+ListBox

上一篇文章已经提前预告了今天要分享的效果,今天接着上一篇的效果接着去实现,还是先来看最终实现的效果:1、关于简单的布局设计:总结&#xff1a;①③是Expander②④⑤⑥是ListBox2、把上一篇的②这一块用ListBox替换:<Expander Grid.Column"1" ExpandDirection&q…

作为一个甘肃天水人,我对罐罐茶有一种特殊的情怀

作为一个出生在罐罐茶世家的80后乡土人&#xff0c;经历了罐罐茶的发展演变历史&#xff0c;与罐罐茶结下了不解情缘&#xff0c;下面我就跟大家分享一下刘一哥与罐罐茶的故事吧。 久违的罐罐茶.mp4美丽邂逅 我最早接触罐罐茶应该是90年代&#xff0c;那个年代家里条件很不好&…

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

目录 【iVX 初级工程师培训教程 10篇文拿证】01 了解 iVX 完成新年贺卡 【iVX 初级工程师培训教程 10篇文拿证】02 数值绑定及自适应网站制作 【iVX 初级工程师培训教程 10篇文拿证】03 事件及猜数字小游戏 【iVX 初级工程师培训教程 10篇文拿证】04 画布及我和 iVX 合照 【iV…

将WebApiTestClient添加到ASP.NET Web API帮助页面

ASP.NET Web API帮助页面是一种有用的扩展&#xff0c;可为您的Web API自动生成基于Web的文档。它使调试变得更容易&#xff0c;因为您可以将帮助页面中的信息复制/粘贴到Fiddler等工具中&#xff0c;以调用Web API服务并检查响应。现在&#xff0c;如果您可以直接在帮助页面上…

ArcGIS实验教程——实验二十五:大型商场选址经典案例

ArcGIS实验视频教程合集:《ArcGIS实验教程从入门到精通》(附配套实验数据) 一、实验分析 合理的商场位置有利于商家营业,方便人们购物。商场选址问题需要考虑很多因素,如地理位置、居民点分布、停车场分布、交通情况等。综合把握这些影响因素对商场的选址显得尤为重要。 …

全球域名商解析新增保有量15强:爱名网落榜

IDC评述网&#xff08;idcps.com&#xff09;11月30日报道&#xff1a;根据DailyChanges公布的最新数据显示&#xff0c;在2015年11月26日&#xff0c;全球域名解析新增保有量15强排行榜上&#xff0c;共有5家中国域名商。其中&#xff0c;易名中国连续夺冠&#xff0c;新增保有…

大话领域驱动设计——应用层

‍概述应用层是基于领域的应⽤程序用例的实现&#xff0c;应⽤程序⽤例可以看作是⽤户界⾯上的⽤户交互。这一篇&#xff0c;我将详细讲解应用层组件及用法。总览应用层包含以下组件&#xff1a;数据传输对象&#xff08;DTO)&#xff1a;数据传输对象是一个简单的对象&#xf…

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

目录 【iVX 初级工程师培训教程 10篇文拿证】01 了解 iVX 完成新年贺卡 【iVX 初级工程师培训教程 10篇文拿证】02 数值绑定及自适应网站制作 【iVX 初级工程师培训教程 10篇文拿证】03 事件及猜数字小游戏 【iVX 初级工程师培训教程 10篇文拿证】04 画布及我和 iVX 合照 【iV…

ArcGIS实验教程——实验二十六:ArcScene实现二维数据的三维显示

ArcGIS实验视频教程合集:《ArcGIS实验教程从入门到精通》(附配套实验数据)》 DEM三维显示: 地形数据+影像数据: 以上效果均是在ArcScene中实现的。 ArcScene允许用户制作具有透明效果的场景,在场景中能对数据进行浏览和交互。ArcAcene支持复杂的3D符号系统及纹理制图,支…

用Swashbuckle(swagger-ui)显示API帮助并进行调试

安装Swashbuckle&#xff1a; 打开NuGet控制台输入&#xff1a; Install-Package Swashbuckle 进行安装。查看帮助 在浏览器输入 http://调试项目地址/swagger/ui/index 可以看到帮助的效果API调试 点开调试的条目&#xff0c;填写相关参数&#xff0c;“Try it out!”

Linux两块磁盘挂载指向一个文件夹LVM磁盘管理(一)

注意&#xff1a;任何磁盘的操作有可能损坏里面数据&#xff0c;请提前备份数据&#xff0c;切记&#xff01;切记&#xff01;切记&#xff01; 0x00&#xff1a;前言. 在Linux使用过程中&#xff0c;发现一个文件很大&#xff0c;比如5G&#xff0c;但是有两块物理磁盘一个剩…

盘点现有开源软件许可合规工具

&#xff5c;原文出处&#xff1a;The Openchain Reference Tooling Work Group&#xff5c;翻译&#xff1a;刘天栋.Ted&#xff0c;开源社.ONES&#xff08;开源战略研究组&#xff09;&#xff5c;编辑&#xff1a;胡湘月&#xff5c;设计&#xff1a;周颖引言开源软件已经吞…

【前端就业课 第一阶段】HTML5 零基础到实战(十一)canvas 基础

注意&#xff1a;手机&#xff08;APP&#xff09;打开&#xff0c;内容显示更佳&#xff0c;不会的私聊博主即可 想要拿代码或加入学习计划&#xff08;** 博主会监督你并且教你写文章 **&#xff09;的拉到最下面&#xff08;PC端Web打开&#xff09;加博主即可&#xff0c;目…

【遥感数字图像处理教程】理论基础知识目录(5章全)

文章目录1. 专栏简介2. 专栏地址3. 专栏目录1. 专栏简介 遥感数字图像的处理&#xff0c;是对遥感数字图像的计算机处理。与工业和医学数字图像不同&#xff0c;遥感数字图像类型更为多样&#xff0c;内容更为复杂。因此&#xff0c;遥感数字图像的处理&#xff0c;不仅需要掌握…

MonoRail学习笔记十一:页面控件的填充和验证

Mono提供很多组件可以方便的处理页面&#xff1a;可以自动将后台的值填充到页面&#xff0c;可以自动进行Javascript验证&#xff0c;可以自动在后台验证等。这些功能都是比较实用的&#xff0c;可以减少很多开发 FormHelper是用来对应html页面中Form内的tag的&#xff0c;可以…

JavaBean的详细及引用

1.JavaBean实际是具有统一接口格式的java类 2.JavaBean的组成&#xff1a;属性(Properties)、方法(Method)、事件(Events) 3.一个JavaBean的例子(该例子是用的Simple属性<属性在以后说>) //我遵循的习惯是类名大写&#xff0c;包名小写package com;//意思是将 FirstBean这…

驱动开发实战之TcpClient

场景模拟假设你有一批非标设备需要对接&#xff0c;你需要根据设备方提供的协议&#xff0c;为IoTGateway开发驱动&#xff0c;进行数据交互。文章比较长也可以到官网会有更好的体验&#xff0c;地址:http://iotgateway.net/docs/iotgateway/driver/tcpclient请先浏览上一篇驱动…

【遥感数字图像处理实验】Erdas版详细图文实验教程(8实验全)

文章目录1. 专栏简介2. 专栏地址3. 专栏目录1. 专栏简介 遥感数字图像的处理&#xff0c;是对遥感数字图像的计算机处理。与工业和医学数字图像不同&#xff0c;遥感数字图像类型更为多样&#xff0c;内容更为复杂。因此&#xff0c;遥感数字图像的处理&#xff0c;不仅需要掌握…