之前的帖子中使用时间轴和轨迹制作了几种进场动画,今天我们还是使用这两个工具来实现一个快闪倒计时的效果,要注意的是这次每个组件的轨迹只是在时间轴中的一段时间内显示播放的。

1.首先制作下面的进度条,这个原理比较简单,就是一个白色的矩形作为底条,再用另一个蓝色矩形做顶条,我们给顶条添加一个轨迹,轨迹的变化时让顶条的宽度从0变道与底条一样宽,这样轨迹播放就是一个进度条的效果了。


2.然后就是添加五个中文字体组件(画布中一般不使用文本组件),都放置在同一位置上。给五个中文字体分别添加一个轨迹,可以看到此时他们都叠在一起了,我们预期的应该是5个数字依次显示,这里需要在对象树中选中轨迹,将轨迹的属性栏里开始显示和结束显示填入时间点来确定时间轴的哪一时间段内该轨迹显示。

这样设置之后我们就只有轨迹的时间段内才能看见该组件了,比如轨迹3设置的开始显示是4s,结束显示是6s,则当时间轴运行到第4s,中文字体3才会出现,当时间轴运行到第6s,中文字体又重新隐藏了。

总结
注意是只有时间轴下的轨迹才能进行开始显示和结束显示的设置,另外如果我们给开始显示和结束显示设置了时间点后又想取消,选中对应属性的输入框按backspace退格键即可变回一直显示。另外emo中只是使用基础功能做了一个最基本的样例,大家可以尝试大开脑洞做出更炫酷的效果。
相关推荐
使用ivx步骤条容器的经验总结
步骤条是一种常见的导航形式,在各种流程处理中随处可见,例如重置密码,网购流程等等。 ivx中已经将其封装成一个拓展组件,今天就说一说它是如何使用的吧。 1.demo结构 demo中主要内容放在一个横幅之中,正好三个行容器划分3部分。行1是放置步骤条容器,行2则是放置两个对步骤条容器进行操作的按钮组件。steps行可以看做一个文本标注行,主要就是让步骤名称对应好下面的步骤条组件,其内部的行1,行...
iVX 倒计时制作
需求:点击开始计时计时,并且开始计时按钮文本编程停止计时文本,点击记录事件可以记录当前时间并显示到下面的记录时间列中。 一、页面制作 首先创建一个相对应用项目,命名为计时器: 接着创建一个页面,设置页面的水平、垂直对齐为居中: 接着创建一个行,用于显示记录内容: 这个行设置宽度不占满 100%,使其可以居中对齐,并且给予对应的背景色,设置内部元素为居中对齐,接着为了使内部元素可以举例上下左右有一点举例,可以再设置内边距增加其边缘厚度: 接着创建一个行,命名为倒计时,在里面用于显示对应的文本,设置其.
页面时间轴滑动特效
实现按时间排列业务的时间轴滑动特效代码
使用ivx制作倒计时小模块的经验总结
今天我们使用小模块来制作一个倒计时播放器,要求能够输入倒计时的时长,控制倒计时播放器的暂停与播放,并且可以重置状态重新计时。 一.公共数据 由于是倒计时器,所以我们添加一个数值变量保存倒计时长,并且与小模块内部用于展示的文本组件直接进行数据绑定。 二.公共动作 这类倒计时的动画效果我们一般都是通过触发器实现的,例如本案例中可以设置触发器每隔一秒触发一次,每次触发令倒计时长减1来达成效果,而控制倒...
SLG大地图实战:从Tilemap到Shader的地表渲染与数据分层架构
本文深入探讨了SLG大地图开发中的关键技术挑战与解决方案,包括Tilemap系统的深度改造、地表渲染的Shader优化以及数据分层架构设计。通过实战案例,展示了如何实现视觉表现丰富、性能开销可控的SLG大地图,特别适合Unity开发者和游戏技术美术参考。
深入解析YT8521S千兆以太网PHY芯片的设计与调试要点
本文深入解析了YT8521S千兆以太网PHY芯片的设计与调试要点。重点剖析了硬件设计中的电源方案、RGMII接口电平配置(尤其是1.8V电平方案)以及PCB布局布线等关键细节,并提供了从硬件检查、驱动配置到性能测试的完整调试流程,帮助工程师规避常见陷阱,实现稳定可靠的千兆网络连接。
iVX无代码挑战五秒游戏制作
五秒挑战游戏指的是点击一个按钮开始计时,随后需要用户再次点击计时按钮,将会停止计时,当计时的时间等于五秒时将挑战成功,否则挑战失败,并且在挑战失败时将会提示超过了多少秒又或者还差多少秒。此时我们分析该需求,有一个贯穿整个游戏的功能是计时,这个计时咱们可以通过触发器进行制作,只需要设置触发器的触发间隔为0.1秒即可,因为咱们需要显示分秒的内容,此时创建一个变量为分秒用于记录分秒时间,每隔0.1秒时则使分秒变量加1,加1之后若当前分秒大于等于60就可以给与秒加1,所以对于这个秒我们也需要创建一个变量用于记录,所
用Quartus II和LPM_ROM手把手复现西电计组课设:从微指令到五条指令的完整流程
本文详细介绍了使用Quartus II和LPM_ROM复现西电计组课设的完整流程,从微指令编写到五条指令的实现。通过环境搭建、LPM_ROM配置、微程序设计及调试技巧,帮助读者高效完成课程设计,避开常见问题。适合计组课程设计的学习者和实践者参考。
使用ivx制作音乐播放器的经验总结
今天我们要使用ivx制作一个音乐播放器,功能包括控制音乐的播放、暂停,能够通过点击或者拖拽调节音乐的播放进度,下面说一下具体的实现方法。 一.demo布局 首先看一下demo的结构,横幅下两个文本组件用于展示音乐信息,其余内容放置在画布中,布局上可以分为一个播放/暂停模块和一个进度条模块,分别放置在两个对象组中,另外还有一些变量、动作组和触发器。 二.音乐组件 既然是音乐播放器,自然就需要添加...
UE游戏引擎材质简单入门
什么是物体的材质,材质属性定义了物体的某些特性,从而决定了物体表面是如何与光线相作用的。UE中物理基础渲染(Physically Based Rendering OR PBR)几乎可以让我们模拟显示世界中的任何材质。那么如何在UE中制作出真实的PBR材质,基于我们提供的游戏引擎插件,如何将这些材质资源导出,并应用到 SuperMap iClient3D for Cesium/WebGL 平台上,提升模型的显示效果呢,下面小编将详细讲解一下。
Java全栈:电影数据检索与推荐系统实战
全文检索个性化推荐数据缓存容器化部署通过这个项目,我们不仅实践了Java全栈开发的各项技术,还接触了推荐系统的核心算法实现。用户历史行为数据物品特征数据上下文信息实时反馈算法的准确性推荐的多样性系统的实时性冷启动问题性能优化效果评估VIEW, // 浏览CLICK, // 点击SEARCH, // 搜索RATE, // 评分COMMENT, // 评论SHARE, // 分享WATCH_TIME, // 观看时长。
iVX低代码平台系列详解 --界面功能(一)
iVX低代码深入学习:https://www.ivx.cn?extend=baidaguoiVX系列教程持续更新中 系列文章可看: iVX低代码平台系列详解 – 概述篇(一) iVX低代码平台系列详解 – 概述篇(二) iVX低代码平台系列详解 – 概述篇(三) iVX低代码平台系列详解 – 系统架构组件栏具有以下功能特性:我们可以通过鼠标悬浮任意一个组件,来查看其相应的文档: · 对象树 对象树是进行对象管理的重要窗口。当前开发环境中添加的每种组件都会被对象树记录,以树状结构进行可视化的展示,例如下图:
【WLAN】【基础知识】WIFI那些事儿之AP扫描周边AP和STA
如本文对你有些许帮助,欢迎大佬打赏: 支付宝及微信打赏方式
进度条的制作方法~~
哈喽????!大家好,我来了!今天我带来了进度条的制作方法。 1.首先拖出二个矩形,一个拉长,一个线。二个矩形的高要一样长。 2.把那条线放在我画的红圈里。(放好一点) 3.然后点击那条线,在线的右边找到“更多事件”点击它。 4.找到“载入 时”点击它。 5.找到“设置尺寸”,然后勾上“线”。 6.在下面找到“fx”点击它。 7.然后点击“添加局部变量” 8.然后把改成“元件”和“框”。(框就是二个矩形中,长长的那条) 9.点击“插入变量或函数”。 1
基于反事实的因果推理Causal inference based on counterfactuals--一万六千字文献详细解读(因果关系的推理应用)【全文总结】
基于反事实的因果推理Causal inference based on counterfactuals--一万六千字文献详细解读(因果关系的推理应用)【全文总结】---来自一位即将入学的准研一,也希望这篇文章能够激励自己不断走下去!!
【YOLOv8科研级创新】集成HS-FPN特征融合网络,让Neck模块在参数量锐减100W的同时精度跃升
打开确保模型解析器能识别HS_FPN模块。通过将HS-FPN集成到YOLOv8中,我们实现了一个“轻量级多尺度特征融合+精准检测”的目标检测模型。这个改进不仅在工程上能提升多尺度、细粒度场景的检测效果并降低部署成本,更在科研上提供了“选择性轻量级特征融合”的创新思路——这种思路可以延伸到其他检测网络(如Faster R-CNN、SSD)的Neck模块改进中,帮你在论文中打造独特的研究点。
使用ivx滑动时间轴制作动画效果的经验总结
之前的案例中使用过时间轴制作动画效果,其实在ivx中还有一个滑动时间轴组件,它必须添加在画布组件下,虽然也是通过给组件添加轨迹实现播放效果,不过根据名字比较容易理解它是通过滑动来触发播放的,而且可以选择正向播放的滑动方向。今天我们就使用滑动时间轴和遮罩实现一个简单的动画效果。 1.首先我们在画布下添加一个滑动时间轴,高度和宽度与画布一致,然后添加图片素材,左侧的天气图标统一都是宽度200,高度...
假人有限元模型
假人模型,车辆碰撞假人有限元模型,适合做乘员安全的研究者利用
五、登录页倒计时制作《仿淘票票系统前后端完全制作(除支付外)》
首先打开在线编辑器进入我们的项目:https://editor.ivx.cn/上一节我们已经完成了基本页面的制作,在本节中,我们将会开始完成登录功能的实现。实现登录功能需要增加一个用户组件: 这个用户组件是需要选择(点击)后台后才可以在左侧的组件面板中出现,当你选择了某个对象树中的组件后,主键面板将会出现当前空间能够添加的组件,在这里点击后台后将组件添加到项目之中: 此时咱们可以重命名私有用户组件为“用户”,使项目更加清晰: 接着点击用户添加的组件,咱们可以在弹出来的面板中查看当前组件的内容: 从内容上
Data-Structures-and-Algorithm-Analysis-in-Java.pdf
作者: Weiss, Mark A. 出版社: Addison Wesley Data Structures and Algorithm Analysis in Java is an “advanced algorithms” book that fits between traditional CS2 and Algorithms Analysis courses. In the old ACM Curriculum Guidelines, this course was known as CS7. This text is for readers who want to learn good programming and algorithm analysis skills simultaneously so that they can develop such programs with the maximum amo...
三、登录页制作《iVX低代码/无代码个人博客制作》
一、登录页实现 本节需要做的登录页如下: 该页面我们复习可以的值,首先设置整个页面页面的垂直和水平对其为居中,随后一个容器包裹对应的登录区域,此时我们创建一个页面命名为登录注册页,并且设置水平和垂直对其为居中: 接着我们创建一个行,命名为登录框,并且需要设置这个行的宽高为 500*300,水平方向对其为居中: 接着我们创建一个行,命名为标题,在内部创建一个文本,编写文本内容为登录,接着设置这个标题的的水平分享垂直居中,高度为包裹,并且还可以设置一定的内边距: 接着再创建一个行命名为手机号验证,这个框
使用ivx制作模拟时钟的经验总结
之前的帖子里已经使用时间轴和轨迹实现了很多的效果,今天我们来做一个模拟时钟。主要思路是用一个作为表盘,三个矩形分别作为时针,分针和秒针,通过各自轨迹设置他们在同一时间轴下的转动圈数成一定比例关系。 1.表盘 首先是添加椭圆组件,这里我们需要设置它的原点横纵坐标都是50%,这样椭圆组件的XY坐标就是它的中心店坐标,这个XY坐标在我们设置指针的时候也要用到。 2.添加指针 指针使用矩形来展示的,由于...
关于IVX滑动时间轴必须放在画板容器内吗
作为一个IVX小白,滑动时间轴真的算是一大天敌了,根本搞不清楚时间轴的赋值问题,直到有一天,我看到了一个案例,才发现原来滑动时间轴是可以不放在画板下的,但是问题来了,为什么别人不用画板容器做出来可以滑动,我自己不用画板做出来的不仅不能滑动,而且各种出问题。这算是ivx的迷惑行为吗?! ...
iVX低代码平台系列详解 -- 概述篇(二)
iVX每个编程人不应错过的低代码平台
使用ivx实现日期格式转换的经验总结
在案例展示中经常包含日期这一信息,而在不同的应用场景下对日期的格式要求也不尽相同。其实日期最终的展示结果本质上还是一个字符串,我们要做的只是把日期截取然后组合成与标准模型一致的样式,下面我们就来讲一讲如何在ivx中通过自定义函数做这种日期的格式化处理。 1.自定义函数 在这个demo中使用了一些自定义函数,虽然ivx的案例中一般不需要写代码,但是依旧提供了代码功能。自定义函数组件可以接收和返回参...
1181



被折叠的 条评论
为什么被折叠?



